Hi all,
It’s about the buttons in the “click to submit” script.
Although the given help by “Fona “, was very helpful ‘and thanks again for that!, I still don’t get it fully done. What I don’t get done, that is the ‘rollover’ effect, from the ‘submit’ image. It is just that, of what I have in the ‘body’ section, don’t recognize of what I have in the ‘head’ section . What is it that I’m doing wrong? And for sure I have checked all the ‘image’sources ‘over and over’ again!
In the ‘head’ section;
<script language=”JavaScript”>
<!–hide
function checkCheckBox(f){
if (f.agree.checked == false )
{
alert(‘Please check the box to continue.’);
return false;
}else
return true;
}
if (document.images)
{
pic1on= new Image(130,50);
pic1on.src=”diverse-images/submit4.gif”;
pic2on= new Image(130,50);
pic2on.src=”diverse-images/home4.gif”;
pic1off= new Image(130,50);
pic1off.src=”diverse-images/submit3.gif”;
pic2off= new Image(130,50);
pic2off.src=”diverse-images/home3.gif”;
}
function lightup(imgName)
{
if (document.images){
document[imgName].src=eval(imgName+”on.src”);
}
}
function turnoff(imgName)
{
if (document.images){
document[imgName].src=eval(imgName+”off.src”);
}
}
//–>
</script>
In the ‘body’ section;
<div style=”margin-left:155.0pt;color:#990000″><form style=”color:#990000″ action=”gallery.htm” method=”POST” onsubmit=”return checkCheckBox(this)”><B>
If you accept: <input type=”checkbox” value=”0″ name=”agree”> <input type=”image” src=”diverse-images/submit3.gif” width=”130″ height=”50″ border=”0″ alt=”Submit” onMouseover=”lightup(‘pic1’);” onMouseout=”turnoff(‘pic1’);” name=”submitf” id=”submitf”></div>
<p>
<div style=”margin-left:65.0pt;color:#990000″><B>If you don’t, please click here.<a href=”home.htm” onMouseover=”lightup(‘pic2’)” onMouseout=”turnoff(‘pic2’)”>
<img src=”diverse-images/home3.gif” name=”pic2″ width=”130″ height=”50″ border=”0″></A></div>
Thanks for any help again,
Dutchie