dutchie
11-06-2003, 04:49 AM
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
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