am89
12-31-2003, 07:38 PM
HI:
i'm trying t figure out how to open a window of a specific size, that is triggered by an image map rollover. I'll send what I have, but it is really a mess. Where do i addd the functions and the preferences for the window. I'm lost.
<html>
<head>
<title>Welcome</title>
<script language="JavaScript">
if (document.images) {
img1 = new Image
img2 = new Image
img3 = new Image
img4 = new Image
img1.src = "images/right_side_storyline2.jpg"
img2.src = "images/right_side_status2.jpg"
img3.src = "images/right_side_contact2.jpg"
img4.src = "images/right_side_nav.jpg"
}
else {
img1 = ""
img2 = ""
img3 = ""
img4 = ""
document.roll=""
}
//End hiding script from old browsers-->
</script>
</head>
<body bgcolor="#000000">
<table border="0" width="760" height="451" cellspacing="0" cellpadding="0" rules="none" align="center" bgcolor="#000000">
<tr align="left" valign="top">
<td colspan=2>
<img src="images/image_right.jpg" alt="saffarian films presents" width="398" height="407" hspace="0" vspace="0" border="0" align="top"></td>
<td>
<map name="roll_map">
<area shape="rect" href="storyline.html"
onmouseover="document.roll.src=img1.src"
onmouseout="document.roll.src=img4.src"
coords="113,12,309,98">
<area shape="rect" href="status.html"
onmouseover="document.roll.src=img2.src"
onmouseout="document.roll.src=img4.src"
coords="4,54,99,149">
<area shape="rect" href="contact.html"
onmouseover="document.roll.src=img3.src"
onmouseout="document.roll.src=img4.src"
coords="61,153,186,316">
</map>
<img usemap="#roll_map" src="images/right_side_nav.jpg" width=363 height="407" name="roll" hspace="0" vspace="0" border="0" align="top"></a>
</td>
</tr>
<tr>
<td colspan=2>
<img src="bottom_nav_left.gif" width=398 height=24 border=0 usemap="#bottom_nav_left_Map">
<map name="bottom_nav_left_Map">
<area shape="rect" href="status.html" alt="status" coords="174,2,219,20">
<area shape="rect" href="contact.html" alt="contact" coords="106,2,158,20">
<area shape="rect" href="storyline.html" alt="storyline" coords="37,2,88,20">
</map></td>
<td>
<img src="images/bottom_nav_right.gif" alt="" width="363" height="24" hspace="0" vspace="0" border="0" align="top" valign="left">
</td>
</tr>
<TR ALIGN="left" VALIGN="top" BGCOLOR="#000000">
<TD ROWSPAN="0" COLSPAN="0" WIDTH="40" HEIGHT="20" ALIGN="left" VALIGN="bottom" BGCOLOR="#000000">
<br>
</TD>
<TD ROWSPAN="0" COLSPAN="0" WIDTH="348" HEIGHT="20" ALIGN="left" VALIGN="bottom" BGCOLOR="#000000">
<font face="verdana" color="#AAAAAA" size=1> © 2004 Matthew Nicolau for Saffarian Films</font>
</TD>
</TR>
</table>
</body>
</html>
Please help. Thanks.
i'm trying t figure out how to open a window of a specific size, that is triggered by an image map rollover. I'll send what I have, but it is really a mess. Where do i addd the functions and the preferences for the window. I'm lost.
<html>
<head>
<title>Welcome</title>
<script language="JavaScript">
if (document.images) {
img1 = new Image
img2 = new Image
img3 = new Image
img4 = new Image
img1.src = "images/right_side_storyline2.jpg"
img2.src = "images/right_side_status2.jpg"
img3.src = "images/right_side_contact2.jpg"
img4.src = "images/right_side_nav.jpg"
}
else {
img1 = ""
img2 = ""
img3 = ""
img4 = ""
document.roll=""
}
//End hiding script from old browsers-->
</script>
</head>
<body bgcolor="#000000">
<table border="0" width="760" height="451" cellspacing="0" cellpadding="0" rules="none" align="center" bgcolor="#000000">
<tr align="left" valign="top">
<td colspan=2>
<img src="images/image_right.jpg" alt="saffarian films presents" width="398" height="407" hspace="0" vspace="0" border="0" align="top"></td>
<td>
<map name="roll_map">
<area shape="rect" href="storyline.html"
onmouseover="document.roll.src=img1.src"
onmouseout="document.roll.src=img4.src"
coords="113,12,309,98">
<area shape="rect" href="status.html"
onmouseover="document.roll.src=img2.src"
onmouseout="document.roll.src=img4.src"
coords="4,54,99,149">
<area shape="rect" href="contact.html"
onmouseover="document.roll.src=img3.src"
onmouseout="document.roll.src=img4.src"
coords="61,153,186,316">
</map>
<img usemap="#roll_map" src="images/right_side_nav.jpg" width=363 height="407" name="roll" hspace="0" vspace="0" border="0" align="top"></a>
</td>
</tr>
<tr>
<td colspan=2>
<img src="bottom_nav_left.gif" width=398 height=24 border=0 usemap="#bottom_nav_left_Map">
<map name="bottom_nav_left_Map">
<area shape="rect" href="status.html" alt="status" coords="174,2,219,20">
<area shape="rect" href="contact.html" alt="contact" coords="106,2,158,20">
<area shape="rect" href="storyline.html" alt="storyline" coords="37,2,88,20">
</map></td>
<td>
<img src="images/bottom_nav_right.gif" alt="" width="363" height="24" hspace="0" vspace="0" border="0" align="top" valign="left">
</td>
</tr>
<TR ALIGN="left" VALIGN="top" BGCOLOR="#000000">
<TD ROWSPAN="0" COLSPAN="0" WIDTH="40" HEIGHT="20" ALIGN="left" VALIGN="bottom" BGCOLOR="#000000">
<br>
</TD>
<TD ROWSPAN="0" COLSPAN="0" WIDTH="348" HEIGHT="20" ALIGN="left" VALIGN="bottom" BGCOLOR="#000000">
<font face="verdana" color="#AAAAAA" size=1> © 2004 Matthew Nicolau for Saffarian Films</font>
</TD>
</TR>
</table>
</body>
</html>
Please help. Thanks.