Event Handling
"Gene Falck" <[email protected]> Sat, 11 Aug 2007 21:15:12 -0000
| Newsgroups | gmane.comp.web.dom.wdf |
|---|---|
| Message-ID | <[email protected]> |
--kbMIxhMstFFULydvRozjEVN2LLsh2qoBu07jIjz
Content-Type: text/plain; charset=ISO-8859-1
Content-Transfer-Encoding: quoted-printable
Hi all,
I have a local application I set up back in IE5 days. I
have been slow to change it to use up-to-date scripting
because I use it at work and it runs well in IE6.
I would like to be able to work with the application at
home but the old IE scripting doesn't work in Mozilla 1.7
which I use most of the time.
The first points I am trying to cover is the desireable
separation of behavior code from the markup, but I have
not gotten much in the line of good results. Since I have
made so little progress I have no examples to show but I
have finally gotten to the point that I feel I can ask a
question.
Onload seems to work fairly well, set up simply, in an
external .js file but my trials of methods to handle the
mouse clicks and key presses without using the javascript
attribute in the HTML generarally haven't been working.
I have just run into something I think is a bit strange.
I tried the conditional comment idea on page 262 of the
5th Edition of JavaScript: The Definitive Guide and it
brought up the alert("In IE") just fine (IE6, at work)
and, the strange part, the if (attachEvent) test and
some of my unsuccessful trial coding that I had on the
same page suddenly started working. Since this test and
code trial was not in the conditional comment, I am
puzzled.
Anyone have any explanation?
--=20
Regards,
Gene Falck
[email protected]
--kbMIxhMstFFULydvRozjEVN2LLsh2qoBu07jIjz
Content-Type: text/html; charset=ISO-8859-1
Content-Transfer-Encoding: 7bit
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
</head>
<!-- Network content -->
<body style="background-color: #ffffff;">
<!--~-|**|PrettyHtmlStartT|**|-~-->
<div id="ygrp-mlmsg" style="width:655px; position:relative;">
<div id="ygrp-msg" style="width: 490px; padding: 0 15px 0 0; float:left; z-index:1;">
<!--~-|**|PrettyHtmlEndT|**|-~-->
<div id="ygrp-text">
<p>Hi all,<br>
<br>
I have a local application I set up back in IE5 days. I<br>
have been slow to change it to use up-to-date scripting<br>
because I use it at work and it runs well in IE6.<br>
<br>
I would like to be able to work with the application at<br>
home but the old IE scripting doesn't work in Mozilla 1.7<br>
which I use most of the time.<br>
<br>
The first points I am trying to cover is the desireable<br>
separation of behavior code from the markup, but I have<br>
not gotten much in the line of good results. Since I have<br>
made so little progress I have no examples to show but I<br>
have finally gotten to the point that I feel I can ask a<br>
question.<br>
<br>
Onload seems to work fairly well, set up simply, in an<br>
external .js file but my trials of methods to handle the<br>
mouse clicks and key presses without using the javascript<br>
attribute in the HTML generarally haven't been working.<br>
<br>
I have just run into something I think is a bit strange.<br>
I tried the conditional comment idea on page 262 of the<br>
5th Edition of JavaScript: The Definitive Guide and it<br>
brought up the alert("In IE") just fine (IE6, at work)<br>
and, the strange part, the if (attachEvent) test and<br>
some of my unsuccessful trial coding that I had on the<br>
same page suddenly started working. Since this test and<br>
code trial was not in the conditional comment, I am<br>
puzzled.<br>
<br>
Anyone have any explanation?<br>
<br>
-- <br>
<br>
Regards,<br>
<br>
Gene Falck<br>
<a href="mailto:gfalck%40merr.com">gfalck@merr.<wbr>com</a><br>
<br>
</p>
</div>
<!--~-|**|PrettyHtmlStart|**|-~-->
<span width="1" style="color: white;">__._,_.___</span>
<!-- Start the section with Message In topic -->
<div id="ygrp-actbar">
<span class="left">
<a href="http://groups.yahoo.com/group/wdf-dom/message/5608;_ylc=X3oDMTM0Z2s4aXZyBF9TAzk3MzU5NzE0BGdycElkAzI1NjQ1NjMEZ3Jwc3BJZAMxNzA1MDE2MDYxBG1zZ0lkAzU2MDgEc2VjA2Z0cgRzbGsDdnRwYwRzdGltZQMxMTg2ODY2OTkzBHRwY0lkAzU2MDg-">
Messages in this topic </a> (<span class="bld">1</span>)
</span>
<a href="http://groups.yahoo.com/group/wdf-dom/post;_ylc=X3oDMTJwNHA2ajZyBF9TAzk3MzU5NzE0BGdycElkAzI1NjQ1NjMEZ3Jwc3BJZAMxNzA1MDE2MDYxBG1zZ0lkAzU2MDgEc2VjA2Z0cgRzbGsDcnBseQRzdGltZQMxMTg2ODY2OTkz?act=reply&messageNum=5608">
<span class="bld">
Reply </span> (via web post)
</a> |
<a href="http://groups.yahoo.com/group/wdf-dom/post;_ylc=X3oDMTJlZWpwNnR2BF9TAzk3MzU5NzE0BGdycElkAzI1NjQ1NjMEZ3Jwc3BJZAMxNzA1MDE2MDYxBHNlYwNmdHIEc2xrA250cGMEc3RpbWUDMTE4Njg2Njk5Mw--" class="bld">
Start a new topic </a>
</div>
<!------- Start Nav Bar ------>
<!-- |**|begin egp html banner|**| -->
<div id="ygrp-vitnav">
<a href="http://groups.yahoo.com/group/wdf-dom/messages;_ylc=X3oDMTJldjNiYWFoBF9TAzk3MzU5NzE0BGdycElkAzI1NjQ1NjMEZ3Jwc3BJZAMxNzA1MDE2MDYxBHNlYwNmdHIEc2xrA21zZ3MEc3RpbWUDMTE4Njg2Njk5Mw--">Messages</a>
</div>
<!-- |**|end egp html banner|**| -->
<!-- Do not have place to put it yet -->
<div id="ygrp-grft">
</div>
<!-- yahoo logo -->
<!-- |**|begin egp html banner|**| -->
<div id="ygrp-ft">
<a href="http://groups.yahoo.com/;_ylc=X3oDMTJkbWVrZWlrBF9TAzk3MzU5NzE0BGdycElkAzI1NjQ1NjMEZ3Jwc3BJZAMxNzA1MDE2MDYxBHNlYwNmdHIEc2xrA2dmcARzdGltZQMxMTg2ODY2OTkz">
<img src="http://us.i1.yimg.com/us.yimg.com/i/yg/img/logo/ma_grp_160.gif" height="15" width="106" border="0" alt="Yahoo! Groups"></a> <br>
<a href="http://groups.yahoo.com/group/wdf-dom/join;_ylc=X3oDMTJmZjR2c2FqBF9TAzk3MzU5NzE0BGdycElkAzI1NjQ1NjMEZ3Jwc3BJZAMxNzA1MDE2MDYxBHNlYwNmdHIEc2xrA3N0bmdzBHN0aW1lAzExODY4NjY5OTM-">Change settings via the Web</a> (Yahoo! ID required) <br>
Change settings via email: <a href="mailto:[email protected]?subject=Email Delivery: Digest">Switch delivery to Daily Digest</a> | <a href = "mailto:[email protected]?subject=Change Delivery Format: Traditional">Switch format to Traditional</a> <br>
<a href="http://groups.yahoo.com/group/wdf-dom;_ylc=X3oDMTJkYWdkMmV0BF9TAzk3MzU5NzE0BGdycElkAzI1NjQ1NjMEZ3Jwc3BJZAMxNzA1MDE2MDYxBHNlYwNmdHIEc2xrA2hwZgRzdGltZQMxMTg2ODY2OTkz">
Visit Your Group
</a> |
<a href="http://docs.yahoo.com/info/terms/">
Yahoo! Groups Terms of Use </a> |
<a href="mailto:[email protected]?subject=">
Unsubscribe </a>
</div> <!-- |**|end egp html banner|**| -->
</div> <!-- ygrp-msg -->
<!-- Sponsor -->
<!-- |**|begin egp html banner|**| -->
<div id="ygrp-sponsor" style="width:140px;float: left; clear: none; margin-left: 5px; background:white; margin-bottom:25px ;position:absolute; top:0; right: 0;">
<!-- Network content -->
<!-- Start vitality -->
<div id="ygrp-vital">
<div id="vithd">Recent Activity</div>
<ul style="list-style-type:none; padding: 0; margin: 2px 0;">
<li style="clear: both;">
<div class="ct" style="float: right;"><span style="display:none"> </span>2</div>
<div class="cat"><a href="http://groups.yahoo.com/group/wdf-dom/members;_ylc=X3oDMTJmcnE2bG4xBF9TAzk3MzU5NzE0BGdycElkAzI1NjQ1NjMEZ3Jwc3BJZAMxNzA1MDE2MDYxBHNlYwN2dGwEc2xrA3ZtYnJzBHN0aW1lAzExODY4NjY5OTM-">New Members</a></div>
</li>
</ul>
<a href="http://groups.yahoo.com/group/wdf-dom;_ylc=X3oDMTJlZTM4bXBwBF9TAzk3MzU5NzE0BGdycElkAzI1NjQ1NjMEZ3Jwc3BJZAMxNzA1MDE2MDYxBHNlYwN2dGwEc2xrA3ZnaHAEc3RpbWUDMTE4Njg2Njk5Mw--">
Visit Your Group </a>
</div>
<div id="hd">SPONSORED LINKS</div>
<div id="ov">
<ul>
<li><a href="http://groups.yahoo.com/gads;_ylc=X3oDMTJjb3FycDlzBF9TAzk3MzU5NzE0BF9wAzEEZ3JwSWQDMjU2NDU2MwRncnBzcElkAzE3MDUwMTYwNjEEc2VjA3NsbW9kBHN0aW1lAzExODY4NjY5OTM-?t=ms&k=Dom+perignon&w1=Dom+perignon&w2=Dom+pedro+lisboa&w3=Dom+pedro+lisboa+hotel&w4=Dom+henrique+hotel&w5=Dom+pedro+hotel&c=5&s=113&g=2&.sig=WWEKoFu9o5Bxb7jvKiowcw">Dom perignon</a></li>
<li><a href="http://groups.yahoo.com/gads;_ylc=X3oDMTJjNzAwMWxkBF9TAzk3MzU5NzE0BF9wAzIEZ3JwSWQDMjU2NDU2MwRncnBzcElkAzE3MDUwMTYwNjEEc2VjA3NsbW9kBHN0aW1lAzExODY4NjY5OTM-?t=ms&k=Dom+pedro+lisboa&w1=Dom+perignon&w2=Dom+pedro+lisboa&w3=Dom+pedro+lisboa+hotel&w4=Dom+henrique+hotel&w5=Dom+pedro+hotel&c=5&s=113&g=2&.sig=SX1uIQiq6MaAcniDtSkcsg">Dom pedro lisboa</a></li>
<li><a href="http://groups.yahoo.com/gads;_ylc=X3oDMTJjcXU2amdoBF9TAzk3MzU5NzE0BF9wAzMEZ3JwSWQDMjU2NDU2MwRncnBzcElkAzE3MDUwMTYwNjEEc2VjA3NsbW9kBHN0aW1lAzExODY4NjY5OTM-?t=ms&k=Dom+pedro+lisboa+hotel&w1=Dom+perignon&w2=Dom+pedro+lisboa&w3=Dom+pedro+lisboa+hotel&w4=Dom+henrique+hotel&w5=Dom+pedro+hotel&c=5&s=113&g=2&.sig=guNaksJ68_6B0OiXpwey1w">Dom pedro lisboa hotel</a></li>
<li><a href="http://groups.yahoo.com/gads;_ylc=X3oDMTJjOHMxdG0zBF9TAzk3MzU5NzE0BF9wAzQEZ3JwSWQDMjU2NDU2MwRncnBzcElkAzE3MDUwMTYwNjEEc2VjA3NsbW9kBHN0aW1lAzExODY4NjY5OTM-?t=ms&k=Dom+henrique+hotel&w1=Dom+perignon&w2=Dom+pedro+lisboa&w3=Dom+pedro+lisboa+hotel&w4=Dom+henrique+hotel&w5=Dom+pedro+hotel&c=5&s=113&g=2&.sig=QGH9qb7jsBAkFrK0-a_YNg">Dom henrique hotel</a></li>
<li><a href="http://groups.yahoo.com/gads;_ylc=X3oDMTJjYmxxYjJkBF9TAzk3MzU5NzE0BF9wAzUEZ3JwSWQDMjU2NDU2MwRncnBzcElkAzE3MDUwMTYwNjEEc2VjA3NsbW9kBHN0aW1lAzExODY4NjY5OTM-?t=ms&k=Dom+pedro+hotel&w1=Dom+perignon&w2=Dom+pedro+lisboa&w3=Dom+pedro+lisboa+hotel&w4=Dom+henrique+hotel&w5=Dom+pedro+hotel&c=5&s=113&g=2&.sig=lzPOttQs63hr5OcSewgvGQ">Dom pedro hotel</a></li>
</ul>
</div>
<!-- Network content -->
<div id="nc">
<div class="ad">
<div id="hd1">Yahoo! Groups</div>
<p><a href="http://us.ard.yahoo.com/SIG=12jsudan9/M=493064.10729651.11333342.8674578/D=groups/S=1705016061:NC/Y=YAHOO/EXP=1186874193/A=4617366/R=0/SIG=115gt68pf/*http://moderators.groups.yahoo.com/">Moderator Central</a></p>
<p>An online resource</p>
<p>for moderators.</p> </div>
<div class="ad">
<div id="hd1">Yahoo! Groups</div>
<p><a href="http://us.ard.yahoo.com/SIG=12jvd0sjn/M=493064.11135488.11710474.8674578/D=groups/S=1705016061:NC/Y=YAHOO/EXP=1186874193/A=4776365/R=0/SIG=11mj2s6kj/*http://advision.webevents.yahoo.com/green/index.html">Be a Better Planet</a></p>
<p>Share with others</p>
<p>Help the Planet.</p> </div>
<div class="ad">
<div id="hd1">Beauty Groups</div>
<p><a href="http://us.ard.yahoo.com/SIG=12j4pofml/M=493064.11135489.11710475.8674578/D=groups/S=1705016061:NC/Y=YAHOO/EXP=1186874193/A=4776347/R=0/SIG=11neles1v/*http://advision.webevents.yahoo.com/beautyandfashion/">on Yahoo! Groups</a></p>
<p>A great place to</p>
<p>connect and share.</p> </div>
</div>
</div> <!-- |**|end egp html banner|**| -->
<div style="clear:both; color: #FFF; font-size:1px;">.</div>
</div> <img src="http://geo.yahoo.com/serv?s=97359714/grpId=2564563/grpspId=1705016061/msgId=5608/stime=1186866993/nc1=4617366/nc2=4776365/nc3=4776347" width="1" height="1"> <br>
<span style="color: white;">__,_._,___</span>
<!--~-|**|PrettyHtmlEnd|**|-~-->
</body>
<!--~-|**|PrettyHtmlStart|**|-~-->
<head>
<style type="text/css">
<!--
#ygrp-mlmsg {font-size:13px; font-family: arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
#ygrp-mlmsg table {font-size:inherit;font:100%;}
#ygrp-mlmsg select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
#ygrp-mlmsg pre, code {font:115% monospace;*font-size:100%;}
#ygrp-mlmsg * {line-height:1.22em;}
#ygrp-text{
font-family: Georgia;
}
#ygrp-text p{
margin: 0 0 1em 0;
}
#ygrp-tpmsgs{
font-family: Arial;
clear: both;
}
#ygrp-vitnav{
padding-top: 10px;
font-family: Verdana;
font-size: 77%;
margin: 0;
}
#ygrp-vitnav a{
padding: 0 1px;
}
#ygrp-actbar{
clear: both;
margin: 25px 0;
white-space:nowrap;
color: #666;
text-align: right;
}
#ygrp-actbar .left{
float: left;
white-space:nowrap;
}
.bld{font-weight:bold;}
#ygrp-grft{
font-family: Verdana;
font-size: 77%;
padding: 15px 0;
}
#ygrp-ft{
font-family: verdana;
font-size: 77%;
border-top: 1px solid #666;
padding: 5px 0;
}
#ygrp-mlmsg #logo{
padding-bottom: 10px;
}
#ygrp-vital{
background-color: #e0ecee;
margin-bottom: 20px;
padding: 2px 0 8px 8px;
}
#ygrp-vital #vithd{
font-size: 77%;
font-family: Verdana;
font-weight: bold;
color: #333;
text-transform: uppercase;
}
#ygrp-vital ul{
padding: 0;
margin: 2px 0;
}
#ygrp-vital ul li{
list-style-type: none;
clear: both;
border: 1px solid #e0ecee;
}
#ygrp-vital ul li .ct{
font-weight: bold;
color: #ff7900;
float: right;
width: 2em;
text-align:right;
padding-right: .5em;
}
#ygrp-vital ul li .cat{
font-weight: bold;
}
#ygrp-vital a {
text-decoration: none;
}
#ygrp-vital a:hover{
text-decoration: underline;
}
#ygrp-sponsor #hd{
color: #999;
font-size: 77%;
}
#ygrp-sponsor #ov{
padding: 6px 13px;
background-color: #e0ecee;
margin-bottom: 20px;
}
#ygrp-sponsor #ov ul{
padding: 0 0 0 8px;
margin: 0;
}
#ygrp-sponsor #ov li{
list-style-type: square;
padding: 6px 0;
font-size: 77%;
}
#ygrp-sponsor #ov li a{
text-decoration: none;
font-size: 130%;
}
#ygrp-sponsor #nc {
background-color: #eee;
margin-bottom: 20px;
padding: 0 8px;
}
#ygrp-sponsor .ad{
padding: 8px 0;
}
#ygrp-sponsor .ad #hd1{
font-family: Arial;
font-weight: bold;
color: #628c2a;
font-size: 100%;
line-height: 122%;
}
#ygrp-sponsor .ad a{
text-decoration: none;
}
#ygrp-sponsor .ad a:hover{
text-decoration: underline;
}
#ygrp-sponsor .ad p{
margin: 0;
}
o {font-size: 0; }
.MsoNormal {
margin: 0 0 0 0;
}
#ygrp-text tt{
font-size: 120%;
}
blockquote{margin: 0 0 0 4px;}
.replbq {margin:4}
-->
</style>
</head>
<!--~-|**|PrettyHtmlEnd|**|-~-->
</html><!--End group email -->
--kbMIxhMstFFULydvRozjEVN2LLsh2qoBu07jIjz--