ansaurus

Question

using javascript to manage element Events

Answer 1

A:

Although I don't agree with NOT using a third party library, if your tool tip has no links in it, you can try this

HTML

<a class="tooltipTarget" onclick="return false;">
     <div class="tooltip">BLAH BLAH BLAH yackity smackity</div>
</a>

CSS

a.tooltipTarget {position:relative;}
a.tooltipTarget .tooltip {display:none;}

a.tooltipTarget:hover .tooltip {
      position:absolute;
      right:10px; /* Adjust as per preference*/
      bottom:5px;
}

Zoidberg 2009-08-21 19:15:37

Answer 2

A:

IE has the attachEvent method to register event handlers. usage is

Object.attachEvent(eventName, method);

where eventName is a string in the form of onevent and method is a reference to a javascript function to call. the handler method will receive 1 parameter, which is the event object.

for your situation you would have

var phoneInput = document.getElementByID('usphone');
phoneInput.attachEvent('onfocus', ChangeBackgroudColor);  
phoneInput.attachEvent('onkeypress', function(e) { return isNaN(e.srcElement.Value); });
phoneInput.attachEvent('onblur', function (e) {
    formatUSPhone();
    validateUsPhone();
    ChangeColor();
});
// TODO onmouseover, onmouseout

note that the function references do not include parentheses because we're passing a reference rather than executing the function at this time. also if you register several handlers to the same element, the order of execution is not guaranteed. if you need functions to execute in a certain order like you indicate for onblur, you can wrap those calls in an anonymous function.

IE contains a reference to the element that fired the event in event.srcElement.

lincolnk 2010-08-18 16:33:58

ansaurus

tags:

views:

answers:

using javascript to manage element Events

related questions