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="cpgGuide line" colspan="2">
<a id="Repeater1__ ctl1_HyperLink1 " class="cpgEmbed dedLink"
href="chapters. aspx?hypoglycem ia.htm"><img alt="" border=0
src="../images/cpgbook.gif"></a>
<span id="Repeater1__ ctl1_guide57">I n 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="cpgAddIn fo">
Additional Info
<a class="cpgEmbed dedLink"
onclick='flip(d ocument.getElem entById("div157 "),document.get ElementById("im g
157"))'><IMG class="cpgClick Me" id="img157" onmouseover="mO ver(this)"
onmouseout="mOu t(this)" alt="" src="../images/cpg_plus1.jpg"
border="0"></a>
<div id="div157" class="cpgAddIn foTable" >
<table>
<tr>
<td></td>
</tr>
<tr>
<td class="cpgAddIn foTitle">Risk factors for severe hypoglycemia
<a class="cpgEmbed dedLink"
onclick='flip(d ocument.getElem entById("div219 x57"),document. getElementById( "
img219x57"))'>< IMG alt="" class="cpgClick Me" id="img219x57"
onmouseover="mO ver(this)" onmouseout="mOu t(this)"
src="../images/cpg_plus1.jpg" border="0" ></a>
<div id="div219x57" class="cpgAddIn foTable">
<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="cpgAddIn fo">
See Also
<a class="cpgEmbed dedLink" onclick='flip(d iv357,img357)'>
<IMG alt="" id="img357" onmouseover="mO ver(this)"
onmouseout="mOu t(this)" src="../images/cpg_plus1.jpg" border="0"
class="cpgClick Me">
</a>
<div id="div357" class="cpgAddIn fo">
<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="cpgGuide line" colspan="2">
<a id="Repeater1__ ctl1_HyperLink1 " class="cpgEmbed dedLink"
href="chapters. aspx?hypoglycem ia.htm"><img alt="" border=0
src="../images/cpgbook.gif"></a>
<span id="Repeater1__ ctl1_guide57">I n 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="cpgAddIn fo">
Additional Info
<a class="cpgEmbed dedLink"
onclick='flip(d ocument.getElem entById("div157 "),document.get ElementById("im g
157"))'><IMG class="cpgClick Me" id="img157" onmouseover="mO ver(this)"
onmouseout="mOu t(this)" alt="" src="../images/cpg_plus1.jpg"
border="0"></a>
<div id="div157" class="cpgAddIn foTable" >
<table>
<tr>
<td></td>
</tr>
<tr>
<td class="cpgAddIn foTitle">Risk factors for severe hypoglycemia
<a class="cpgEmbed dedLink"
onclick='flip(d ocument.getElem entById("div219 x57"),document. getElementById( "
img219x57"))'>< IMG alt="" class="cpgClick Me" id="img219x57"
onmouseover="mO ver(this)" onmouseout="mOu t(this)"
src="../images/cpg_plus1.jpg" border="0" ></a>
<div id="div219x57" class="cpgAddIn foTable">
<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="cpgAddIn fo">
See Also
<a class="cpgEmbed dedLink" onclick='flip(d iv357,img357)'>
<IMG alt="" id="img357" onmouseover="mO ver(this)"
onmouseout="mOu t(this)" src="../images/cpg_plus1.jpg" border="0"
class="cpgClick Me">
</a>
<div id="div357" class="cpgAddIn fo">
<table>
<tr>
<td></td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td colspan="2"><hr width='100%'></td>
</tr>
</table>
</table>
Comment