• Welcome to Overclockers Forums! Join us to reply in threads, receive reduced ads, and to customize your site experience!

HTML form editor program

Overclockers is supported by our readers. When you click a link to make a purchase, we may earn a commission. Learn More.

fatb0y

Registered
Joined
Nov 18, 2012
To preface, I have no experience in actual program coding whatsoever.

So anyways, I want to find/make a simple program/script that allows me to populate content in html.


So something like if I had a form that said

image 1 = www.something.net/image1
image 2 = www.something.net/image2
image 3 = www.something.net/image3

and with my html template code of
Code:
<img src="image1" width="450" height="450" alt="Large Photo" style="border: 1px solid #000000;" name="swap">

<img src="image2" width="92" height="69" alt="Small Photo" style="border: 1px solid #000000; margin-bottom: 3px;" onClick="document.swap.src='image2';">

<img src="image3" width="92" height="69" alt="Small Photo" style="border: 1px solid #000000; margin-bottom: 3px;" onClick="document.swap.src='image3';">

<img src="image1" width="92" height="69" alt="Small Photo" style="border: 1px solid #000000; margin-bottom: 3px;" onClick="document.swap.src='image1';">

then be output to

Code:
<img src="www.something.net/image1" width="450" height="450" alt="Large Photo" style="border: 1px solid #000000;" name="swap">

<img src="www.something.net/image2" width="92" height="69" alt="Small Photo" style="border: 1px solid #000000; margin-bottom: 3px;" onClick="document.swap.src='www.something.net/image2';">

<img src="www.something.net/image3" width="92" height="69" alt="Small Photo" style="border: 1px solid #000000; margin-bottom: 3px;" onClick="document.swap.src='www.something.net/image3';">

<img src="www.something.net/image1" width="92" height="69" alt="Small Photo" style="border: 1px solid #000000; margin-bottom: 3px;" onClick="document.swap.src='www.something.net/image1';">

I figure this shouldn't be that hard to code since its just basically finding something then replacing it.

Thanks in advance!