By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
437,636 Members | 1,190 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 437,636 IT Pros & Developers. It's quick & easy.

Mac browser problems

P: n/a
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"),do cument.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>

Jul 20 '05 #1
Share this Question
Share on Google+
4 Replies


P: n/a
test

"Nigel Gomm" <ni*******@sympatico.ca> wrote in message
news:nH*********************@news20.bellglobal.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="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"),do cument.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>

Jul 20 '05 #2

P: n/a

"Nigel Gomm" <ni*******@sympatico.ca> schrieb im Newsbeitrag
news:nH*********************@news20.bellglobal.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="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"),do cument.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>


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
Jul 20 '05 #3

P: n/a
tried it..... no joy
thanks anyway

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

"Nigel Gomm" <ni*******@sympatico.ca> schrieb im Newsbeitrag
news:nH*********************@news20.bellglobal.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="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"),do cument.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>


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

Jul 20 '05 #4

P: n/a
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.html>
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)
Jul 20 '05 #5

This discussion thread is closed

Replies have been disabled for this discussion.