M
Max Sewell
Hi,
I'm new to DHTML. I've used a dropdown script from DHTML AND CSS FOR
THE WOPRLD WIDE WEB by Jason Cranford Teague (2nd edition). I find the
(slightly altered) code works fine for Windows Explorer and Netscape
as well as Mac Netscape, but no dropdowns display at all on Mac IE
5.2. The unaltered book code works just fiine though. Anybody ever
heard of this problem?
Thanks to anyone who can help.
-Max
-----------
This is the findDOM.js
-----------
var isDHTML = 0;
var isID = 0;
var isAll = 0;
var isLayers = 0;
if (document.getElementById) {isID = 1; isDHTML = 1;}
else {
if (document.all) {isAll = 1; isDHTML = 1;}
else {
browserVersion = parseInt(navigator.appVersion);
if ((navigator.appName.indexOf('Netscape') != -1) && (browserVersion
== 4)) {isLayers = 1; isDHTML = 1;}
}}
function findDOM(objectID,withStyle) {
if (withStyle == 1) {
if (isID) { return (document.getElementById(objectID).style) ; }
else {
if (isAll) { return (document.all[objectID].style); }
else {
if (isLayers) { return (document.layers[objectID]); }
};}
}
else {
if (isID) { return (document.getElementById(objectID)) ; }
else {
if (isAll) { return (document.all[objectID]); }
else {
if (isLayers) { return (document.layers[objectID]); }
};}
}
}
-------
This is the scrap of HTML:
---------
<!-- start menu tree navigation -->
<div id="menuHead" class="menuStyle">
<b>
<a id="menuHead1" class="menuLink" href="about.html" onMouseOut="t =
1; delayHide()" onMouseOver="popMenu(1)">About Buddy Dog</a><BR><BR>
<a id="menuHead2" class="menuLink" href="help.html" onMouseOut="t = 1;
delayHide()" onMouseOver="popMenu(2)">How You Can Help</a><BR><BR>
<a id="menuHead3" class="menuLink" href="special.html" onMouseOut="t =
1; delayHide()" onMouseOver="popMenu(3)">Special Events</a><BR><BR>
<a class="menuLink" href="adoptapet.html">How to Adopt a
Pet</a><BR><BR>
<a class="menuLink" href="surrendering.html">Surrendering a
Pet</a><BR><BR>
<a class="menuLink" href="sponsors.html">Sponsors</a><BR><BR>
<a id="menuHead4" class="menuLink" href="contact.html" onMouseOut="t =
1; delayHide()" onMouseOver="popMenu(4)">Contact</a><BR><BR>
</b>
</div>
<div id="menu1" class="menuStyle">
<b>
<a class="menuLink" onMouseOut="t = 1; delayHide()" onMouseOver="t =
2;" onClick="t = 0; delayHide();"
href="about.html#mission">Mission</a><br>
<a class="menuLink" onMouseOut="t = 1; delayHide()" onMouseOver="t =
2;" onClick="t = 0; delayHide();"
href="about.html#history">History</a><br>
<a class="menuLink" onMouseOut="t = 1; delayHide()" onMouseOver="t =
2;" onClick="t = 0; delayHide();"
href="about.html#facility">Facility</a><br>
<a class="menuLink" onMouseOut="t = 1; delayHide()" onMouseOver="t =
2;" onClick="t = 0; delayHide();" href="bill.html">Bill of
Rights</a><br>
<a class="menuLink" onMouseOut="t = 1; delayHide()" onMouseOver="t =
2;" onClick="t = 0; delayHide();" href="difference.html">The Buddy
Dog Difference</a><br>
</b>
</div>
<div id="menu2" class="menuStyle">
<b>
<a class="menuLink" onMouseOut="t = 1; delayHide()" onMouseOver="t =
2;" onClick="t = 0; delayHide();" href="donation.html">Make a
Donation</a><br>
<a class="menuLink" onMouseOut="t = 1; delayHide()" onMouseOver="t =
2;" onClick="t = 0; delayHide();"
href="help.html#volunteer">Volunteer</a><br>
<a class="menuLink" onMouseOut="t = 1; delayHide()" onMouseOver="t =
2;" onClick="t = 0; delayHide();" href="help.html#kids">Kids can Make
a Difference!</a><br>
<a class="menuLink" onMouseOut="t = 1; delayHide()" onMouseOver="t =
2;" onClick="t = 0; delayHide();" href="help.html#wish">Wish
List</a><br>
</b>
</div>
<div id="menu3" class="menuStyle">
<b>
<a class="menuLink" onMouseOut="t = 1; delayHide()" onMouseOver="t =
2;" onClick="t = 0; delayHide();" href="saveasato.html">Save a
Sato</a><br>
</b>
</div>
<div id="menu4" class="menuStyle">
<b>
<a class="menuLink" onMouseOut="t = 1; delayHide()" onMouseOver="t =
2;" onClick="t = 0; delayHide();"
href="contact.html#address">Address</a><br>
<a class="menuLink" onMouseOut="t = 1; delayHide()" onMouseOver="t =
2;" onClick="t = 0; delayHide();"
href="contact.html#email">Email</a><br>
</b>
</div>
<!-- end menu tree navigation -->
I'm new to DHTML. I've used a dropdown script from DHTML AND CSS FOR
THE WOPRLD WIDE WEB by Jason Cranford Teague (2nd edition). I find the
(slightly altered) code works fine for Windows Explorer and Netscape
as well as Mac Netscape, but no dropdowns display at all on Mac IE
5.2. The unaltered book code works just fiine though. Anybody ever
heard of this problem?
Thanks to anyone who can help.
-Max
-----------
This is the findDOM.js
-----------
var isDHTML = 0;
var isID = 0;
var isAll = 0;
var isLayers = 0;
if (document.getElementById) {isID = 1; isDHTML = 1;}
else {
if (document.all) {isAll = 1; isDHTML = 1;}
else {
browserVersion = parseInt(navigator.appVersion);
if ((navigator.appName.indexOf('Netscape') != -1) && (browserVersion
== 4)) {isLayers = 1; isDHTML = 1;}
}}
function findDOM(objectID,withStyle) {
if (withStyle == 1) {
if (isID) { return (document.getElementById(objectID).style) ; }
else {
if (isAll) { return (document.all[objectID].style); }
else {
if (isLayers) { return (document.layers[objectID]); }
};}
}
else {
if (isID) { return (document.getElementById(objectID)) ; }
else {
if (isAll) { return (document.all[objectID]); }
else {
if (isLayers) { return (document.layers[objectID]); }
};}
}
}
-------
This is the scrap of HTML:
---------
<!-- start menu tree navigation -->
<div id="menuHead" class="menuStyle">
<b>
<a id="menuHead1" class="menuLink" href="about.html" onMouseOut="t =
1; delayHide()" onMouseOver="popMenu(1)">About Buddy Dog</a><BR><BR>
<a id="menuHead2" class="menuLink" href="help.html" onMouseOut="t = 1;
delayHide()" onMouseOver="popMenu(2)">How You Can Help</a><BR><BR>
<a id="menuHead3" class="menuLink" href="special.html" onMouseOut="t =
1; delayHide()" onMouseOver="popMenu(3)">Special Events</a><BR><BR>
<a class="menuLink" href="adoptapet.html">How to Adopt a
Pet</a><BR><BR>
<a class="menuLink" href="surrendering.html">Surrendering a
Pet</a><BR><BR>
<a class="menuLink" href="sponsors.html">Sponsors</a><BR><BR>
<a id="menuHead4" class="menuLink" href="contact.html" onMouseOut="t =
1; delayHide()" onMouseOver="popMenu(4)">Contact</a><BR><BR>
</b>
</div>
<div id="menu1" class="menuStyle">
<b>
<a class="menuLink" onMouseOut="t = 1; delayHide()" onMouseOver="t =
2;" onClick="t = 0; delayHide();"
href="about.html#mission">Mission</a><br>
<a class="menuLink" onMouseOut="t = 1; delayHide()" onMouseOver="t =
2;" onClick="t = 0; delayHide();"
href="about.html#history">History</a><br>
<a class="menuLink" onMouseOut="t = 1; delayHide()" onMouseOver="t =
2;" onClick="t = 0; delayHide();"
href="about.html#facility">Facility</a><br>
<a class="menuLink" onMouseOut="t = 1; delayHide()" onMouseOver="t =
2;" onClick="t = 0; delayHide();" href="bill.html">Bill of
Rights</a><br>
<a class="menuLink" onMouseOut="t = 1; delayHide()" onMouseOver="t =
2;" onClick="t = 0; delayHide();" href="difference.html">The Buddy
Dog Difference</a><br>
</b>
</div>
<div id="menu2" class="menuStyle">
<b>
<a class="menuLink" onMouseOut="t = 1; delayHide()" onMouseOver="t =
2;" onClick="t = 0; delayHide();" href="donation.html">Make a
Donation</a><br>
<a class="menuLink" onMouseOut="t = 1; delayHide()" onMouseOver="t =
2;" onClick="t = 0; delayHide();"
href="help.html#volunteer">Volunteer</a><br>
<a class="menuLink" onMouseOut="t = 1; delayHide()" onMouseOver="t =
2;" onClick="t = 0; delayHide();" href="help.html#kids">Kids can Make
a Difference!</a><br>
<a class="menuLink" onMouseOut="t = 1; delayHide()" onMouseOver="t =
2;" onClick="t = 0; delayHide();" href="help.html#wish">Wish
List</a><br>
</b>
</div>
<div id="menu3" class="menuStyle">
<b>
<a class="menuLink" onMouseOut="t = 1; delayHide()" onMouseOver="t =
2;" onClick="t = 0; delayHide();" href="saveasato.html">Save a
Sato</a><br>
</b>
</div>
<div id="menu4" class="menuStyle">
<b>
<a class="menuLink" onMouseOut="t = 1; delayHide()" onMouseOver="t =
2;" onClick="t = 0; delayHide();"
href="contact.html#address">Address</a><br>
<a class="menuLink" onMouseOut="t = 1; delayHide()" onMouseOver="t =
2;" onClick="t = 0; delayHide();"
href="contact.html#email">Email</a><br>
</b>
</div>
<!-- end menu tree navigation -->