need onmouseover onmouseout onclick all together

sandbudd · June 16, 2009

hey guys have a code that works great that you can see here http://www.entertainmentfortwayne.com/campus/index.php but what I also need it do is when you click on a button the arrows stay until they click again then the roll overs start again?

Here is all the code don't know how much you guys need.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Untitled Document</title>

<!--

function toggleDiv(id,flagit) {

if (flagit=="1"){

if (document.layers) document.layers[''+id+''].visibility = "show"

else if (document.all) document.all[''+id+''].style.visibility = "visible"

else if (document.getElementById) document.getElementById(''+id+'').style.visibility = "visible"

}

else

if (flagit=="0"){

if (document.layers) document.layers[''+id+''].visibility = "hide"

else if (document.all) document.all[''+id+''].style.visibility = "hidden"

else if (document.getElementById) document.getElementById(''+id+'').style.visibility = "hidden"

}

//-->

</script>

<!--

#apDiv1 {

position:absolute;

width:200px;

height:115px;

z-index:1;

}

#apDiv2 {

position:absolute;

width:200px;

height:115px;

z-index:1;

}

.style2 {

font-size: 10px;

font-family: Verdana, Arial, Helvetica, sans-serif;

}

.style5 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #660000; }

.style8 {font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }

.style11 {

font-size: 12px;

font-family: Arial, Helvetica, sans-serif;

}

.style13 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #660000; }

.style14 {font-family: Arial, Helvetica, sans-serif}

.style17 {font-size: 10px}

.style18 {font-size: 18px}

-->

</style>

</head>

<body>

<tr>

<p><span class="style13">Interactive Map</span><br />

<span class="style11">Hover over dots in the key or the <br />

map to find buildings of interested.<br />

When you click to mark (or unmark) and the <br />

available details about that area will be available below <br />

the key.</span><br />

<span class="style5"><span class="style14">>>Download Printable PDF</span><br />

<br />

</span><span class="style13">Key</span></p>

</div>

<div class="style8" id="div-1g">Athletics Facilities</div>

<tr>

<td width="90%" align="left"> <a href="#" onMouseOver="toggleDiv('div-a1',1)" onMouseOut="toggleDiv('div-a1',0)"> Gymnasium</a></td>

</tr>

</table>

</div>

<tr>

<td width="90%" align="left"> <a href="#" onMouseOver="toggleDiv('div-a2',1)" onMouseOut="toggleDiv('div-a2',0)"> Weight Room</a></td>

</tr>

</table>

</div>

<tr>

<td width="90%" align="left"> <a href="#" onMouseOver="toggleDiv('div-a3',1)" onMouseOut="toggleDiv('div-a3',0)"> Track</a></td>

</tr>

</table>

</div>

<tr>

<td width="90%" align="left"><a href="#" onMouseOver="toggleDiv('div-a4',1)" onMouseOut="toggleDiv('div-a4',0)"> Soccer Field</a></td>

</tr>

</table>

</div>

<tr>

<td width="93%" align="left"> <a href="#" onMouseOver="toggleDiv('div-a5',1)" onMouseOut="toggleDiv('div-a5',0)"> Practice Soccer Fields</a></td>

</tr>

</table>

</div>

<tr>

<td width="93%" align="left"> <a href="#" onMouseOver="toggleDiv('div-a6',1)" onMouseOut="toggleDiv('div-a6',0)"> Softball Field</a></td>

</tr>

</table>

</div>

<tr>

<td width="93%" align="left"> <a href="#" onMouseOver="toggleDiv('div-a7',1)" onMouseOut="toggleDiv('div-a7',0)"> Baseball Field</a></td>

</tr>

</table>

</div>

<tr>

<td width="93%" align="left"> <span class="style17">Outdoor Volleyball Court</span></td>

</tr>

</table>

</div>

<tr>

<td width="93%" align="left"> Maintenance</td>

</tr>

</table>

</div>

<tr>

<td width="93%" align="left"> Parking</td>

</tr>

</table>

</div>

<div class="style8" id="div-1r">Central Campus</div>

<tr>

<td width="93%" align="left"> <a href="#" onMouseOver="toggleDiv('div-c1',1)" onMouseOut="toggleDiv('div-c1',0)"> Student Services Building</a></td>

</tr>

</table>

</div>

<tr>

<td width="93%" align="left"> <a href="#" onMouseOver="toggleDiv('div-c2',1)" onMouseOut="toggleDiv('div-c2',0)"> Cafeteria/Student Union</a></td>

</tr>

</table>

</div>

<tr>

<td width="93%" align="left"> <a href="#" onMouseOver="toggleDiv('div-c3',1)" onMouseOut="toggleDiv('div-c3',0)"> Riverside Rooms</a></td>

</tr>

</table>

</div>

<tr>

<td width="93%" align="left"> <a href="#" onMouseOver="toggleDiv('div-c4',1)" onMouseOut="toggleDiv('div-c4',0)"> Bookstore</a></td>

</tr>

</table>

</div>

<tr>

<td width="93%" align="left"> <a href="#" onMouseOver="toggleDiv('div-c5',1)" onMouseOut="toggleDiv('div-c5',0)" > Chapel of the Holy Trinity</a></td>

</tr>

</table>

</div>

<tr>

<td width="93%" align="left"> <a href="#" onMouseOver="toggleDiv('div-c6',1)" onMouseOut="toggleDiv('div-c6',0)"> Kreft Center for the Arts</a></td>

</tr>

</table>

</div>

<tr>

<td width="93%" align="left"> <a href="#" onMouseOver="toggleDiv('div-c7',1)" onMouseOut="toggleDiv('div-c7',0)"> Zimmerman Library</a></td>

</tr>

</table>

</div>

<tr>

<td width="93%" align="left"> <a href="#" onMouseOver="toggleDiv('div-c8',1)" onMouseOut="toggleDiv('div-c8',0)"> Krieger Hall</a></td>

</tr>

</table>

</div>

<tr>

<td width="93%" align="left"> <a href="#" onMouseOver="toggleDiv('div-c9',1)" onMouseOut="toggleDiv('div-c9',0)"> Science Building</a></td>

</tr>

</table>

</div>

<tr>

<td width="93%" align="left"> <a href="#" onMouseOver="toggleDiv('div-c10',1)" onMouseOut="toggleDiv('div-c10',0)"> Earhart Building</a></td>

</tr>

</table>

</div>

<div class="style8" id="div-1ac">Residence Halls West</div>

<div class="style8" id="div-1ad">Residence Halls East</div>

<tr>

</tr>

</table>

</div>

<tr>

<td width="93%" align="left"> <a href="#" onMouseOver="toggleDiv('div-r2',1)" onMouseOut="toggleDiv('div-r2',0)"> Jonathan</a></td>

</tr>

</table>

</div>

<tr>

<td width="93%" align="left"> <a href="#" onMouseOver="toggleDiv('div-r3',1)" onMouseOut="toggleDiv('div-r3',0)"> David</a></td>

</tr>

</table>

</div>

<tr>

<td width="93%" align="left"> <a href="#" onMouseOver="toggleDiv('div-r4',1)" onMouseOut="toggleDiv('div-r4',0)"> Rebekah</a></td>

</tr>

</table>

</div>

<tr>

<td width="93%" align="left"> <a href="#" onMouseOver="toggleDiv('div-r5',1)" onMouseOut="toggleDiv('div-r5',0)"> Resident Director</a></td>

</tr>

</table>

</div>

<tr>

<td width="93%" align="left"> <a href="#" onMouseOver="toggleDiv('div-r6',1)" onMouseOut="toggleDiv('div-r6',0)"> Miriam</a></td>

</tr>

</table>

</div>

<tr>

<td width="93%" align="left"> <a href="#" onMouseOver="toggleDiv('div-r7',1)" onMouseOut="toggleDiv('div-r7',0)"> Hannah</a></td>

</tr>

</table>

</div>

<tr>

<td width="93%" align="left"> <a href="#" onMouseOver="toggleDiv('div-r8',1)" onMouseOut="toggleDiv('div-r8',0)"> Sarah</a></td>

</tr>

</table>

</div>

<tr>

<td width="93%" align="left"> <a href="#" onMouseOver="toggleDiv('div-r9',1)" onMouseOut="toggleDiv('div-r9',0)"> Esther</a></td>

</tr>

</table>

</div>

<tr>

<td width="93%" align="left"> <a href="#" onMouseOver="toggleDiv('div-a10',1)" onMouseOut="toggleDiv('div-a10',0)"> Stephen</a></td>

</tr>

</table>

</div>

<tr>

</tr>

</table>

</div>

<tr>

</tr>

</table>

</div>

<tr>

<td width="93%" align="left"> <a href="#" onMouseOver="toggleDiv('div-a13',1)" onMouseOut="toggleDiv('div-a13',0)"> Timothy</a></td>

</tr>

</table>

</div>

<tr>

<td width="93%" align="left"> <a href="#" onMouseOver="toggleDiv('div-a14',1)" onMouseOut="toggleDiv('div-a14',0)"> Resident Director</a></td>

</tr>

</table>

</div>

<tr>

<td width="93%" align="left"> <a href="#" onMouseOver="toggleDiv('div-a15',1)" onMouseOut="toggleDiv('div-a15',0)"> Guest House</a></td>

</tr>

</table>

</div>

<tr>

<td width="93%" align="left"> <a href="#" onMouseOver="toggleDiv('div-a16',1)" onMouseOut="toggleDiv('div-a16',0)"> Silas</a></td>

</tr>

</table>

</div>

<tr>

<td width="93%" align="left"> <a href="#" onMouseOver="toggleDiv('div-a17',1)" onMouseOut="toggleDiv('div-a17',0)"> Barnabas</a></td>

</tr>

</table>

</div>

<tr>

<td width="93%" align="left"> <a href="#" onMouseOver="toggleDiv('div-a18',1)" onMouseOut="toggleDiv('div-a18',0)"> Titus</a></td>

</tr>

</table>

</div>

<tr>

</tr>

</table>

</div>

<tr>

<td><div align="center" class="style18">Soccer Field</div></td>

</tr>

</table>

</div>

<tr>

<td><div align="center" class="style18">Gymnasium</div></td>

</tr>

</table>

</div>

<tr>

<td><div align="center" class="style18">Weight Room</div></td>

</tr>

</table>

</div>

<tr>

<td><div align="center" class="style18">Track</div></td>

</tr>

</table>

</div>

<tr>

<td><div align="center" class="style18">Practice Soccer Fields</div></td>

</tr>

</table>

</div>

<tr>

<td><div align="center" class="style18">Softball Field</div></td>

</tr>

</table>

</div>

<tr>

<td><div align="center" class="style18">Baseball Field</div></td>

</tr>

</table>

</div>

<tr>

<td><div align="center" class="style18">Student Services Building</div></td>

</tr>

</table>

</div>

<tr>

<td><div align="center" class="style18">Cafeteria/Student Union</div></td>

</tr>

</table>

</div>

<tr>

<td><div align="center" class="style18">Riverside Rooms</div></td>

</tr>

</table>

</div>

<tr>

<td><div align="center" class="style18">Bookstore</div></td>

</tr>

</table>

</div>

<tr>

<td><div align="center" class="style18">Chapel of the Holy Trinity</div></td>

</tr>

</table>

</div>

<tr>

<td><div align="center" class="style18">Kreft Center for the Arts</div></td>

</tr>

</table>

</div>

<tr>

<td><div align="center" class="style18">Zimmerman Library</div></td>

</tr>

</table>

</div>

<tr>

<td><div align="center" class="style18">Krieger Hall</div></td>

</tr>

</table>

</div>

<tr>

<td><div align="center" class="style18">Science Building</div></td>

</tr>

</table>

</div>

<tr>

<td><div align="center" class="style18">Earhart Building</div></td>

</tr>

</table>

</div>

<tr>

</tr>

</table>

</div>

<tr>

<td><div align="center" class="style18">Jonathan</div></td>

</tr>

</table>

</div>

<tr>

<td><div align="center" class="style18">David</div></td>

</tr>

</table>

</div>

<tr>

<td><div align="center" class="style18">Rebekah</div></td>

</tr>

</table>

</div>

<tr>

<td><div align="center" class="style18">Resident Director</div></td>

</tr>

</table>

</div>

<tr>

<td><div align="center" class="style18">Miriam</div></td>

</tr>

</table>

</div>

<tr>

<td><div align="center" class="style18">Hannah</div></td>

</tr>

</table>

</div>

<tr>

<td><div align="center" class="style18">Sarah</div></td>

</tr>

</table>

</div>

<tr>

<td><div align="center" class="style18">Esther</div></td>

</tr>

</table>

</div>

<tr>

<td><div align="center" class="style18">Stephen</div></td>

</tr>

</table>

</div>

<tr>

</tr>

</table>

</div>

<tr>

</tr>

</table>

</div>

<tr>

<td><div align="center" class="style18">Timothy</div></td>

</tr>

</table>

</div>

<tr>

<td><div align="center" class="style18">Resident Director</div></td>

</tr>

</table>

</div>

<tr>

<td><div align="center" class="style18">Guest House</div></td>

</tr>

</table>

</div>

<tr>

<td><div align="center" class="style18">Silas</div></td>

</tr>

</table>

</div>

<tr>

<td><div align="center" class="style18">Barnabas</div></td>

</tr>

</table>

</div>

<tr>

<td><div align="center" class="style18">Titus</div></td>

</tr>

</table>

</div>

<tr>

</tr>

</table>

</div>

<div class="style2" id="div-c9field"><a href=<

sandbudd · June 16, 2009

css file


* {
margin-top: 0;
left: 108px;
top: 444px;
right: auto;
bottom: auto;
padding-top: 0px;
}

.body{
height: 605px;
width: 992px;
overflow: visible;
position: relative;
visibility: visible;
}

#div-1 {
position:relative;
}
#div-1a {
position:relative;
top:-100px;
right:0px;
width:200px;
}
#div-1b {
position:absolute;
top:183px;
left:-506px;
width:279px;
visibility: visible;
z-index: 1;
}
#div-1c {
position:absolute;
top:-213px;
left:22px;
width:306px;
height: 116px;
}
#div-1d {
position:absolute;
top:423px;
left:-281px;
width:638px;
height: 23px;
}
#div-1e {
position:absolute;
top:434px;
left:15px;
width:217px;
height: 205px;

}
#div-1f {
position:absolute;
top:527px;
left:-94px;
width:325px;
height: 123px;
}
#div-1g {
position:absolute;
top:667px;
left:-94px;
width:113px;
height: 16px;
}
#div-1h {
position:absolute;
top:687px;
left:-94px;
width:133px;
height: 13px;
}
#div-1i {
position:absolute;
top:701px;
left:-94px;
width:133px;
height: 13px;
}
#div-1j {
position:absolute;
top:715px;
left:-94px;
width:133px;
height: 13px;
}
#div-1k {
position:absolute;
top:729px;
left:-94px;
width:133px;
height: 13px;
}
#div-1l {
position:absolute;
top:743px;
left:-94px;
width:180px;
height: 13px;
}
#div-1m {
position:absolute;
top:757px;
left:-94px;
width:130px;
height: 13px;
}
#div-1n {
position:absolute;
top:771px;
left:-94px;
width:130px;
height: 13px;
}
#div-1o {
position:absolute;
top:785px;
left:-94px;
width:176px;
height: 13px;
}
#div-1p {
position:absolute;
top:803px;
left:-94px;
width:129px;
height: 13px;
}
#div-1q {
position:absolute;
top:816px;
left:-94px;
width:129px;
height: 13px;
}
#div-1r {
position:absolute;
top:667px;
left:71px;
width:99px;
height: 13px;
}
#div-1s {
position:absolute;
top:687px;
left:71px;
width:170px;
height: 13px;
}
#div-1t {
position:absolute;
top:701px;
left:71px;
width:170px;
height: 13px;
}
#div-1u {
position:absolute;
top:715px;
left:71px;
width:170px;
height: 13px;
}
#div-1v {
position:absolute;
top:729px;
left:71px;
width:170px;
height: 13px;
}
#div-1w {
position:absolute;
top:743px;
left:71px;
width:170px;
height: 13px;
}
#div-1x {
position:absolute;
top:757px;
left:71px;
width:170px;
height: 13px;
}
#div-1y {
position:absolute;
top:771px;
left:71px;
width:170px;
height: 13px;
}
#div-1z {
position:absolute;
top:785px;
left:71px;
width:170px;
height: 13px;
}
#div-1aa {
position:absolute;
top:799px;
left:71px;
width:170px;
height: 13px;
}
#div-1ab {
position:absolute;
top:813px;
left:71px;
width:170px;
height: 13px;
}
#div-1ac {
position:absolute;
top:667px;
left:248px;
width:124px;
height: 13px;
}
#div-1ad {
position:absolute;
top:668px;
left:380px;
width:124px;
height: 13px;
}
#div-1ae {
position:absolute;
top:687px;
left:248px;
width:75px;
height: 13px;
}
#div-1af {
position:absolute;
top:701px;
left:248px;
width:75px;
height: 13px;
}
#div-1ag {
position:absolute;
top:715px;
left:248px;
width:75px;
height: 13px;
}
#div-1ai {
position:absolute;
top:743px;
left:248px;
width:123px;
height: 13px;
}
#div-1ah {
position:absolute;
top:729px;
left:248px;
width:75px;
height: 13px;
}
#div-1aj {
position:absolute;
top:757px;
left:248px;
width:75px;
height: 13px;
}
#div-1ak {
position:absolute;
top:771px;
left:248px;
width:75px;
height: 13px;
}
#div-1al {
position:absolute;
top:785px;
left:248px;
width:75px;
height: 13px;
}
#div-1am {
position:absolute;
top:799px;
left:248px;
width:75px;
height: 13px;
}
#div-1an {
position:absolute;
top:687px;
left:380px;
width:75px;
height: 13px;
}
#div-1ao {
position:absolute;
top:701px;
left:380px;
width:75px;
height: 13px;
}
#div-1ap {
position:absolute;
top:715px;
left:380px;
width:75px;
height: 13px;
}
#div-1aq {
position:absolute;
top:729px;
left:380px;
width:75px;
height: 13px;
}
#div-1ar {
position:absolute;
top:743px;
left:380px;
width:124px;
height: 13px;
}
#div-1as {
position:absolute;
top:757px;
left:380px;
width:124px;
height: 13px;
}
#div-1at {
position:absolute;
top:771px;
left:380px;
width:124px;
height: 13px;
}
#div-1au {
position:absolute;
top:785px;
left:380px;
width:124px;
height: 13px;
}
#div-1av {
position:absolute;
top:799px;
left:380px;
width:124px;
height: 13px;
}
#div-1ba {
position:absolute;
top:813px;
left:380px;
width:124px;
height: 13px;
}
#div-1aw {
position:absolute;
top:147px;
left:486px;
width:124px;
height: 40px;
}
#div-a4 {
position:absolute;
top:236px;
left:287px;
width:289px;
height: 30px;
background-image: url(arrow.png);
visibility:hidden;	
}
#div-a4field {
position:absolute;
top:247px;
left:266px;
width:15px;
height: 15px;
}
#div-a1 {
position:absolute;
top:330px;
left:149px;
width:289px;
height: 30px;
background-image: url(arrow.png);
visibility:hidden;
}
#div-a1field {
position:absolute;
top:340px;
left:129px;
width:15px;
height: 13px;
}
#div-a2 {
position:absolute;
top:353px;
left:147px;
width:289px;
height: 30px;
background-image: url(arrow.png);
visibility:hidden;
}
#div-a2field {
position:absolute;
top:359px;
left:128px;
width:15px;
height: 15px;
}
#div-a3 {
position:absolute;
top:258px;
left:310px;
width:289px;
height: 30px;
background-image: url(arrow.png);
visibility:hidden;
}
#div-a3field {
position:absolute;
top:267px;
left:293px;
width:15px;
height: 15px;
}
#div-a5field {
position:absolute;
top:272px;
left:464px;
width:15px;
height: 15px;
}
#div-a5 {
position:absolute;
top:262px;
left:484px;
width:289px;
height: 30px;
background-image: url(arrow.png);
visibility:hidden;
}
#div-a6 {
position:absolute;
top:224px;
left:312px;
width:288px;
height: 30px;
background-image: url(fieldright.png);
visibility:hidden;
}
#div-a6field {
position:absolute;
top:232px;
left:604px;
width:15px;
height: 15px;
}
#div-a7 {
position:absolute;
top:152px;
left:353px;
width:288px;
height: 30px;
background-image: url(fieldright.png);
visibility:hidden;
}
#div-a7field {
position:absolute;
top:159px;
left:644px;
width:15px;
height: 15px;
}
#div-c1 {
position:absolute;
top:364px;
left:263px;
width:288px;
height: 30px;
background-image: url(arrow.png);
visibility:hidden;
}
#div-c1field {
position:absolute;
top:372px;
left:243px;
width:15px;
height: 15px;
}
#div-c2 {
position:absolute;
top:379px;
left:211px;
width:288px;
height: 30px;
background-image: url(arrow.png);
visibility:hidden;
}
#div-c2field {
position:absolute;
top:386px;
left:193px;
width:15px;
height: 15px;
}
#div-c3 {
position:absolute;
top:407px;
left:167px;
width:288px;
height: 30px;
background-image: url(arrow.png);
visibility:hidden;
}
#div-c3field {
position:absolute;
top:413px;
left:151px;
width:15px;
height: 15px;
}
#div-c4 {
position:absolute;
top:380px;
left:168px;
width:288px;
height: 30px;
background-image: url(arrow.png);
visibility:hidden;
}
#div-c4field {
position:absolute;
top:388px;
left:153px;
width:15px;
height: 15px;
}
#div-c5 {
position:absolute;
top:422px;
left:266px;
width:288px;
height: 30px;
background-image: url(arrow.png);
visibility:hidden;
}
#div-c5field {
position:absolute;
top:427px;
left:251px;
width:15px;
height: 15px;
}
#div-c6 {
position:absolute;
top:452px;
left:413px;
width:288px;
height: 30px;
background-image: url(arrow.png);
visibility:hidden;
}
#div-c6field {
position:absolute;
top:460px;
left:395px;
width:15px;
height: 15px;
}
#div-c7 {
position:absolute;
top:400px;
left:373px;
width:288px;
height: 30px;
background-image: url(arrow.png);
visibility:hidden;
}
#div-c7field {
position:absolute;
top:408px;
left:353px;
width:15px;
height: 15px;
}
#div-c8 {
position:absolute;
top:413px;
left:464px;
width:288px;
height: 30px;
background-image: url(arrow.png);
visibility:hidden;
}
#div-c8field {
position:absolute;
top:422px;
left:448px;
width:15px;
height: 15px;
}
#div-c9 {
position:absolute;
top:383px;
left:401px;
width:288px;
height: 30px;
background-image: url(arrow.png);
visibility:hidden;
}
#div-c9field {
position:absolute;
top:392px;
left:385px;
width:15px;
height: 15px;
}
#div-c10 {
position:absolute;
top:370px;
left:597px;
width:288px;
height: 30px;
background-image: url(arrow.png);
visibility:hidden;
}
#div-c10field {
position:absolute;
top:379px;
left:580px;
width:15px;
height: 15px;
}
#div-r1 {
position:absolute;
top:350px;
left:1px;
width:288px;
height: 30px;
background-image: url(arrow.png);
visibility:hidden;
}
#div-r1field {
position:absolute;
top:359px;
left:-17px;
width:15px;
height: 15px;
}
#div-r2 {
position:absolute;
top:350px;
left:-29px;
width:288px;
height: 30px;
background-image: url(arrow.png);
visibility:hidden;
}
#div-r2field {
position:absolute;
top:358px;
left:-48px;
width:15px;
height: 15px;
}
#div-r3 {
position:absolute;
top:369px;
left:-31px;
width:288px;
height: 30px;
background-image: url(arrow.png);
visibility:hidden;
}
#div-r3field {
position:absolute;
top:376px;
left:-49px;
width:15px;
height: 15px;
}
#div-r4 {
position:absolute;
top:368px;
left:17px;
width:288px;
height: 30px;
background-image: url(arrow.png);
visibility:hidden;
}
#div-r4field {
position:absolute;
top:375px;
left:-3px;
width:15px;
height: 15px;
}
#div-r5 {
position:absolute;
top:396px;
left:-24px;
width:288px;
height: 30px;
background-image: url(arrow.png);
visibility:hidden;
}
#div-r5field {
position:absolute;
top:402px;
left:-44px;
width:15px;
height: 15px;
}
#div-r6 {
position:absolute;
top:393px;
left:7px;
width:288px;
height: 30px;
background-image: url(arrow.png);
visibility:hidden;
}
#div-r6field {
position:absolute;
top:401px;
left:-8px;
width:15px;
height: 15px;
}
#div-r7 {
position:absolute;
top:413px;
left:-37px;
width:288px;
height: 30px;
background-image: url(arrow.png);
visibility:hidden;
}
#div-r7field {
position:absolute;
top:421px;
left:-55px;
width:15px;
height: 15px;
}
#div-r8 {
position:absolute;
top:419px;
left:-12px;
width:288px;
height: 30px;
background-image: url(arrow.png);
visibility:hidden;
}
#div-r8field {
position:absolute;
top:427px;
left:-27px;
width:15px;
height: 15px;
}
#div-r9 {
position:absolute;
top:409px;
left:18px;
width:288px;
height: 30px;
background-image: url(arrow.png);
visibility:hidden;
}
#div-r9field {
position:absolute;
top:416px;
left:2px;
width:15px;
height: 15px;
}
#div-a10 {
position:absolute;
top:447px;
left:412px;
width:288px;
height: 30px;
background-image: url(fieldright.png);
visibility:hidden;
}
#div-a10field {
position:absolute;
top:456px;
left:702px;
width:15px;
height: 15px;
}
#div-a11 {
position:absolute;
top:465px;
left:374px;
width:288px;
height: 30px;
background-image: url(fieldright.png);
visibility:hidden;
}
#div-a11field {
position:absolute;
top:472px;
left:663px;
width:15px;
height: 15px;
}
#div-a12 {
position:absolute;
top:490px;
left:471px;
width:288px;
height: 30px;
background-image: url(fieldright.png);
visibility:hidden;
}
#div-a12field {
position:absolute;
top:498px;
left:760px;
width:15px;
height: 15px;
}
#div-a13 {
position:absolute;
top:524px;
left:437px;
width:288px;
height: 30px;
background-image: url(fieldright.png);
visibility:hidden;
}
#div-a13field {
position:absolute;
top:532px;
left:730px;
width:15px;
height: 15px;
}
#div-a14 {
position:absolute;
top:537px;
left:399px;
width:288px;
height: 30px;
background-image: url(fieldright.png);
visibility:hidden;
}
#div-a14field {
position:absolute;
top:544px;
left:689px;
width:15px;
height: 15px;
}
#div-a15 {
position:absolute;
top:532px;
left:527px;
width:288px;
height: 30px;
background-image: url(fieldright.png);
visibility:hidden;
}
#div-a15field {
position:absolute;
top:540px;
left:816px;
width:15px;
height: 15px;
}
#div-a16 {
position:absolute;
top:486px;
left:540px;
width:288px;
height: 30px;
background-image: url(fieldright.png);
visibility:hidden;
}
#div-a16field {
position:absolute;
top:494px;
left:829px;
width:15px;
height: 15px;
}
#div-a17 {
position:absolute;
top:512px;
left:559px;
width:288px;
height: 30px;
background-image: url(fieldright.png);
visibility:hidden;
}
#div-a17field {
position:absolute;
top:520px;
left:846px;
width:15px;
height: 15px;
}
#div-a18 {
position:absolute;
top:537px;
left:480px;
width:288px;
height: 30px;
background-image: url(fieldright.png);
visibility:hidden;
}
#div-a18field {
position:absolute;
top:545px;
left:769px;
width:15px;
height: 15px;
}
#div-a19 {
position:absolute;
top:503px;
left:334px;
width:288px;
height: 30px;
background-image: url(fieldright.png);
visibility:hidden;
}
#div-a19field {
position:absolute;
top:510px;
left:623px;
width:15px;
height: 15px;
}

Zane · June 16, 2009

why would you put the entire HTML file without code tags....and that small CSS file in them in another post?

EDIT: nevermind..I see you just missed the ending code tag

sandbudd · June 16, 2009

It said too many characters did not realize it all did not post. I think this is all I need to change and then on the link itself?


<script language="Javascript">
<!--
function toggleDiv(id,flagit) {
if (flagit=="1"){
if (document.layers) document.layers[''+id+''].visibility = "show"
else if (document.all) document.all[''+id+''].style.visibility = "visible"
else if (document.getElementById) document.getElementById(''+id+'').style.visibility = "visible"
}
else
if (flagit=="0"){
if (document.layers) document.layers[''+id+''].visibility = "hide"
else if (document.all) document.all[''+id+''].style.visibility = "hidden"
else if (document.getElementById) document.getElementById(''+id+'').style.visibility = "hidden"
}
}
function MM_setTextOfLayer(objId,x,newText) { //v9.0
  with (document) if (getElementById && ((obj=getElementById(objId))!=null))
    with (obj) innerHTML = unescape(newText);
}
//-->
</script>

Sign In

need onmouseover onmouseout onclick all together

Recommended Posts

sandbudd

Link to comment

Share on other sites

sandbudd

Link to comment

Share on other sites

Zane

Link to comment

Share on other sites

sandbudd

Link to comment

Share on other sites

Join the conversation

Browse

Activity

Important Information