N
Nigel Gomm
i have a problem with Mac browsers. As can be seen from the following HTML
fragment i have some images that should, when clicked, open up a <div>. This
works fine on all window's browsers (that i've been able to test) but is
intermittent on macs. Sometimes the top level img works, sometimes it
doesn't (the exact same page). Usually it doesn't. The nested image never
works. Neither the onclick of the parent <a> tag nor the
onmouseover/onmouseout of the images work.
The script simply makes the div style display inline or none. I've tried
putting an alert inside the script for the onmouseover and sometimes it
fires and sometimes it doesn't.
In my onload code i have also written a little something that programaticaly
sets the onmouseover/out and onclick events and that too sometimes fires
sometimes not. This page has a repeater populated with HTML from a database.
I've checked the embedded HTML and it looks good.
I have two other pages where this same technique is working fine but for the
life of me can't see why this one page is giving me grief.
The doctype is 4.01 transitional and gets a clean bill of health from the
W3C validator. The css style sheet also meets W3C approval.
It's happening on OS9 with ie5.1 and netscape 7 and on OSX with safari and
ie5.2. Thats all i've been able to test so far.
Does anyone have any ideas?
TIA
<table>
<tr>
<td class="cpgGuideline" colspan="2">
<a id="Repeater1__ctl1_HyperLink1" class="cpgEmbeddedLink"
href="chapters.aspx?hypoglycemia.htm"><img alt="" border=0
src="../images/cpgbook.gif"></a>
<span id="Repeater1__ctl1_guide57">In hospitalized patients, a PRN
order for glucagon should be considered for any patient at risk for severe
hypoglycemia (i.e. Requiring insulin and hospitalized for concurrent
illness) when IV access is not readily available <i>[Grade D,
Consensus]</i>.</span>
</td>
</tr>
<tr>
<td class="cpgAddInfo">
Additional Info
<a class="cpgEmbeddedLink"
onclick='flip(document.getElementById("div157"),document.getElementById("img
157"))'><IMG class="cpgClickMe" id="img157" onmouseover="mOver(this)"
onmouseout="mOut(this)" alt="" src="../images/cpg_plus1.jpg"
border="0"></a>
<div id="div157" class="cpgAddInfoTable" >
<table>
<tr>
<td></td>
</tr>
<tr>
<td class="cpgAddInfoTitle">Risk factors for severe hypoglycemia
<a class="cpgEmbeddedLink"
onclick='flip(document.getElementById("div219x57"),document.getElementById("
img219x57"))'><IMG alt="" class="cpgClickMe" id="img219x57"
onmouseover="mOver(this)" onmouseout="mOut(this)"
src="../images/cpg_plus1.jpg" border="0" ></a>
<div id="div219x57" class="cpgAddInfoTable">
<table border=1 style="font-size :8pt; text-align : center" >
<tr>
<td>
Prior episode of severe hypoglycemia
</tr>
<tr>
<td>
Current low A1C (<6.0%)<br>
Hypoglycemia unawareness<br>
Long duration of diabetes<br>
Autonomic neuropathy<br>
Adolescence<br>
Preschool-age children unable to detect and/or treat mild
hypoglycemia on their own
</tr>
</table>
<i>A1C = glycosylated hemoglobin</i>
</div>
</td>
</tr>
</table>
</div>
</td>
<td class="cpgAddInfo">
See Also
<a class="cpgEmbeddedLink" onclick='flip(div357,img357)'>
<IMG alt="" id="img357" onmouseover="mOver(this)"
onmouseout="mOut(this)" src="../images/cpg_plus1.jpg" border="0"
class="cpgClickMe">
</a>
<div id="div357" class="cpgAddInfo">
<table>
<tr>
<td></td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td colspan="2"><hr width='100%'></td>
</tr>
</table>
</table>
fragment i have some images that should, when clicked, open up a <div>. This
works fine on all window's browsers (that i've been able to test) but is
intermittent on macs. Sometimes the top level img works, sometimes it
doesn't (the exact same page). Usually it doesn't. The nested image never
works. Neither the onclick of the parent <a> tag nor the
onmouseover/onmouseout of the images work.
The script simply makes the div style display inline or none. I've tried
putting an alert inside the script for the onmouseover and sometimes it
fires and sometimes it doesn't.
In my onload code i have also written a little something that programaticaly
sets the onmouseover/out and onclick events and that too sometimes fires
sometimes not. This page has a repeater populated with HTML from a database.
I've checked the embedded HTML and it looks good.
I have two other pages where this same technique is working fine but for the
life of me can't see why this one page is giving me grief.
The doctype is 4.01 transitional and gets a clean bill of health from the
W3C validator. The css style sheet also meets W3C approval.
It's happening on OS9 with ie5.1 and netscape 7 and on OSX with safari and
ie5.2. Thats all i've been able to test so far.
Does anyone have any ideas?
TIA
<table>
<tr>
<td class="cpgGuideline" colspan="2">
<a id="Repeater1__ctl1_HyperLink1" class="cpgEmbeddedLink"
href="chapters.aspx?hypoglycemia.htm"><img alt="" border=0
src="../images/cpgbook.gif"></a>
<span id="Repeater1__ctl1_guide57">In hospitalized patients, a PRN
order for glucagon should be considered for any patient at risk for severe
hypoglycemia (i.e. Requiring insulin and hospitalized for concurrent
illness) when IV access is not readily available <i>[Grade D,
Consensus]</i>.</span>
</td>
</tr>
<tr>
<td class="cpgAddInfo">
Additional Info
<a class="cpgEmbeddedLink"
onclick='flip(document.getElementById("div157"),document.getElementById("img
157"))'><IMG class="cpgClickMe" id="img157" onmouseover="mOver(this)"
onmouseout="mOut(this)" alt="" src="../images/cpg_plus1.jpg"
border="0"></a>
<div id="div157" class="cpgAddInfoTable" >
<table>
<tr>
<td></td>
</tr>
<tr>
<td class="cpgAddInfoTitle">Risk factors for severe hypoglycemia
<a class="cpgEmbeddedLink"
onclick='flip(document.getElementById("div219x57"),document.getElementById("
img219x57"))'><IMG alt="" class="cpgClickMe" id="img219x57"
onmouseover="mOver(this)" onmouseout="mOut(this)"
src="../images/cpg_plus1.jpg" border="0" ></a>
<div id="div219x57" class="cpgAddInfoTable">
<table border=1 style="font-size :8pt; text-align : center" >
<tr>
<td>
Prior episode of severe hypoglycemia
</tr>
<tr>
<td>
Current low A1C (<6.0%)<br>
Hypoglycemia unawareness<br>
Long duration of diabetes<br>
Autonomic neuropathy<br>
Adolescence<br>
Preschool-age children unable to detect and/or treat mild
hypoglycemia on their own
</tr>
</table>
<i>A1C = glycosylated hemoglobin</i>
</div>
</td>
</tr>
</table>
</div>
</td>
<td class="cpgAddInfo">
See Also
<a class="cpgEmbeddedLink" onclick='flip(div357,img357)'>
<IMG alt="" id="img357" onmouseover="mOver(this)"
onmouseout="mOut(this)" src="../images/cpg_plus1.jpg" border="0"
class="cpgClickMe">
</a>
<div id="div357" class="cpgAddInfo">
<table>
<tr>
<td></td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td colspan="2"><hr width='100%'></td>
</tr>
</table>
</table>