input på ena sidan ska fyllas i med hjälp av klick

Låt säga att formuläret ser ut enligt följande:

<form name="f">
    <input type="text" name="bilder">
</form>

Då kan sidan i popupfönstret se ut så här:

<script type="text/javascript">

function addSrc(src) {
    var elm = window.opener.document.forms['f'].elements["bilder"],
	val = '@' + src;

    switch (elm.value.indexOf(val) == -1) {
	case true:
	    elm.value += val;
	    break;

	case false:
	    elm.value = elm.value.replace(new RegExp(val), '');
	    break;
    }
}

</script>

<img src="bild1.png" alt="bild1" onclick="addSrc(this.src)">
<img src="bild2.png" alt="bild2" onclick="addSrc(this.src)">
<img src="bild3.png" alt="bild3" onclick="addSrc(this.src)">

:)

nästan perfekt! tom en extra sak jag inte ens tänkt på! ... problemet nu är mellan alla @ så ska det vara et , tex:
@bild1,@bild2,@bild3

annars är detta hur perfekt som hellst!

:)

function addSrc(src) {
    var elm = window.opener.document.forms['f'].elements["bilder"],
	val = '@' + src;

    switch (elm.value.indexOf(val) == -1) {
	case true:
	{
	    if (elm.value.length > 0) elm.value += ',';
	    elm.value += val;
	} break;

	case false:
	    elm.value = elm.value.replace(new RegExp(',' + val + '|' + val + ',' + '|' + val), '');
	    break;
    }
}

amen! helt underbart!