I need a little piece of javascript that when a picture is clicked the name of the picture will be added to the text area (rather similar to the buttons on forums) wrapped in UBB as follows:

[IMG]picturename.jpg[/IMG]

It is all database driven (programmed in ASP) so i may need to use hidden fields

thanks in advance for any help

P

<img id="pic_id" onclick="document.forms['thisform'].picname.value = this.src" src="blah.jpg" alt="" />
<form name="thisform" id="thisform" action="" method="get">
<input type="text" name="picname" id="picname"/>
</form>

Thanks for the help thats pretty much what i need but i could do with it being slightly different.

- instead of entering th whole image name location is there any chance it could just use the name
eg picture.jpg instead of http://www.whatever.com/whatever/picture.jpg

- could it also wrap the name in UBBC tags like [IMG]picture.jpg[/IMG]

- Is it possible for it to add to the text instead of replacing everything that is already there?

- Also (not critical but would be nice) each image that will be clicked is named th_picture.jpg as they are thumbs but the ones that will be inserted are just called picture.jpg, if theres any chance the th_ could be clipped off the front too that would be marvelous (i'm really clutching at straws with that one!)

Sorry if im asking a lot, i dont mean to be ungrateful!

Thanks again for the help
P

It has to be converted to a function to accomplish that. Bit complex for inline code.

<script type="text/javascript">
function addPicName(pic_name) {
pic_name = pic_name.replace('th_','');
document.forms['thisform'].picname.value = document.forms['thisform'].picname.value + ' [img]' + pic_name.substr(pic_name.lastIndexOf('/')+1) '[/img] ';
}
</script>

<img id="pic_id" onclick="addPicName(this.src)" src="imagename.jpg" alt="" />

<form name="thisform" id="thisform" action="" method="get">
<input type="text" name="picname" id="picname" size="50" value="Picture Name is" >
</form>

Thanks again it looks like that will do Perfectly but it doesnt seem to be working for me (have checked in IE and FF)

I did have to edit a few bits such as the name of the form and text field but cant see why it isnt working.

<script type="text/javascript">
function addPicName(pic_name) {
pic_name = pic_name.replace('th_','');
document.forms['form'].page_content.value = document.forms['form'].page_content.value + ' [img]' + pic_name.substr(pic_name.lastIndexOf('/')+1) '[/img] ';
}
</script>

<img id="pic_5" onclick="addPicName(this.src)" src="../images/photo/th_Tie.jpg" height="80" />

<form name="form" id="form" action="page_edit.asp?Page_ID=2" method="post">

<textarea name="page_content" id="page_content" cols="55" rows="20" class="input">content goes here</textarea>

Can you see what i've done wrong?

P

Got it! There was a + missing

Thanks again for the help