HTML form editor program

[fatb0y]

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

<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

<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!

 

[ctag]

If you're new to coding things, AutoHotKey might do the trick for you. The built in help files are very useful.