This is also in the JavaScript thread - I may be grasping at straws.<br />
<br />
A site I'm working on needs a preview picture script - which it does in its own frame. The larger image appears in another frame, however,<br />
the side frame refreshes, which I cannot have...I need help!<br />
<br />
HERE'S AN ABBREVIATED VERSION OF THE SCRIPT (see <!--CONCERN-->):<br />
<br />
<head><br />
<SCRIPT LANGUAGE="JavaScript"><br />
<!-- Begin<br />
function previewPic(sel) {<br />
document.previewpic.src = <!-- m --><a class="postlink" href="http://www.webdeveloper.com/forum/archive/index.php/">http://www.webdeveloper.com/forum/archive/index.php/</a><!-- m -->"" + sel.options[sel.selectedIndex].value;<br />
}<br />
function showPic(sel) {<br />
images = new Array();<br />
images[1] = "../main_pages/main1.html";<br />
images[2] = "../main_pages/main2.html";<br />
images[3] = "../main_pages/main3.html";<br />
parent.MAIN.location.href = <!-- m --><a class="postlink" href="http://www.webdeveloper.com/forum/archive/index.php/images">http://www.webdeveloper.com/forum/archi ... php/images</a><!-- m -->[sel.selectedIndex+1];<br />
}<br />
// End --><br />
</script><br />
</head><br />
<br />
<body><br />
<form name=picform><br />
<img name="previewpic" src=http://www.webdeveloper.com/forum/archive/index.php/"preview_pics/acheff_sm.gif" width=150 height=113 border=0><br />
<select name=selbox size=1 onChange="previewPic(this)"><br />
<option value="preview_pics/acheff_sm.gif">William Acheff<br />
<option value="preview_pics/adams_sm.gif">Peter Adams<br />
<option value="preview_pics/afsary_sm.gif">Cyrus Afsary<br />
</select><br />
<br />
<!-- HERE'S THE CONCERN BELOW --><br />
<INPUT type="image" src=http://www.webdeveloper.com/forum/archive/index.php/"preview_pics/show_image.jpg" border="0" onclick="showPic(this.form.selbox)"><br />
<!-- THE SIDE FRAME REFRESHES ITSELF WHENEVER THE 'SHOW IMAGE' IS CLICKED --><br />
<br />
</form><br />
</body><br />
<br />
SEE IT IN ACTION AT <!-- m --><a class="postlink" href="http://www.baileycreative.com/masters2004">http://www.baileycreative.com/masters2004</a><!-- m --><br />
<br />
Many Thanks in advance!<!--content-->The default action of a type="image" is SUBMIT. That is why your page refreshes. Add ";return false" to the onclick.<br />
<INPUT type="image" ... onclick="showPic(this.form.selbox);return false"><!--content-->I thank you in JavaScript I thank you in HTML - worked great<!--content-->
<br />
A site I'm working on needs a preview picture script - which it does in its own frame. The larger image appears in another frame, however,<br />
the side frame refreshes, which I cannot have...I need help!<br />
<br />
HERE'S AN ABBREVIATED VERSION OF THE SCRIPT (see <!--CONCERN-->):<br />
<br />
<head><br />
<SCRIPT LANGUAGE="JavaScript"><br />
<!-- Begin<br />
function previewPic(sel) {<br />
document.previewpic.src = <!-- m --><a class="postlink" href="http://www.webdeveloper.com/forum/archive/index.php/">http://www.webdeveloper.com/forum/archive/index.php/</a><!-- m -->"" + sel.options[sel.selectedIndex].value;<br />
}<br />
function showPic(sel) {<br />
images = new Array();<br />
images[1] = "../main_pages/main1.html";<br />
images[2] = "../main_pages/main2.html";<br />
images[3] = "../main_pages/main3.html";<br />
parent.MAIN.location.href = <!-- m --><a class="postlink" href="http://www.webdeveloper.com/forum/archive/index.php/images">http://www.webdeveloper.com/forum/archi ... php/images</a><!-- m -->[sel.selectedIndex+1];<br />
}<br />
// End --><br />
</script><br />
</head><br />
<br />
<body><br />
<form name=picform><br />
<img name="previewpic" src=http://www.webdeveloper.com/forum/archive/index.php/"preview_pics/acheff_sm.gif" width=150 height=113 border=0><br />
<select name=selbox size=1 onChange="previewPic(this)"><br />
<option value="preview_pics/acheff_sm.gif">William Acheff<br />
<option value="preview_pics/adams_sm.gif">Peter Adams<br />
<option value="preview_pics/afsary_sm.gif">Cyrus Afsary<br />
</select><br />
<br />
<!-- HERE'S THE CONCERN BELOW --><br />
<INPUT type="image" src=http://www.webdeveloper.com/forum/archive/index.php/"preview_pics/show_image.jpg" border="0" onclick="showPic(this.form.selbox)"><br />
<!-- THE SIDE FRAME REFRESHES ITSELF WHENEVER THE 'SHOW IMAGE' IS CLICKED --><br />
<br />
</form><br />
</body><br />
<br />
SEE IT IN ACTION AT <!-- m --><a class="postlink" href="http://www.baileycreative.com/masters2004">http://www.baileycreative.com/masters2004</a><!-- m --><br />
<br />
Many Thanks in advance!<!--content-->The default action of a type="image" is SUBMIT. That is why your page refreshes. Add ";return false" to the onclick.<br />
<INPUT type="image" ... onclick="showPic(this.form.selbox);return false"><!--content-->I thank you in JavaScript I thank you in HTML - worked great<!--content-->