Mac browser problems

[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="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>

[Bernd van Oostrum]

test

"Nigel Gomm" <ni*******@symp atico.ca> wrote in message
news:nH******** *************@n ews20.bellgloba l.com...

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>

[Markus Ernst]

"Nigel Gomm" <ni*******@symp atico.ca> schrieb im Newsbeitrag
news:nH******** *************@n ews20.bellgloba l.com...

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>

Just a guess: CSS style names that begin with a number or contain a _
(underscore) cause problems. So might also element IDs. Eliminate all the _
out of your IDs and try again.

HTH
Markus

[Nigel Gomm]

tried it..... no joy
thanks anyway

N
"Markus Ernst" <derernst@NO#SP #AMgmx.ch> wrote in message
news:3f******** *************** @news.easynet.c h...

"Nigel Gomm" <ni*******@symp atico.ca> schrieb im Newsbeitrag
news:nH******** *************@n ews20.bellgloba l.com...

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>

Just a guess: CSS style names that begin with a number or contain a _
(underscore) cause problems. So might also element IDs. Eliminate all the

_ out of your IDs and try again.

HTH
Markus

[Thomas 'PointedEars' Lahn]

Bernd van Oostrum wrote:

test
[TOFU: Text Over, Fullquote Under aka Top Post]

You failed the test.

Go to <http://www.netmeister. org/news/learn2quote.htm l>
Go there directly. Do not pass `Start' and do not draw
4000 bucks.

And please pay me a visit in alt.test next time.
Sincerely,
your friendly test bot (on Xmas vacation in cljs)