Prototype Event.observe Onclick Not Returning NodeName In IE
May 31, 2006
I have the following script, which uses prototype.js and is called when the page loads:
function getAllDefs() {
allDefs = document.getElementsByClassName('def');
var defs = $A(allDefs);
defs.each(function(def){
Event.observe(def, "click", listElement, false);
});
}
It adds an onclick event handler to each element with a 'def' class. Clicking the element then calls the "listElement" function, defined as follows:
function listElement(e) {
alert(this.nodeName);
}
This works great in Firefox, returning "SPAN" for the element. However, in IE6, "undefined" is returned. I've tried nodeType and innerHTML as well, and all are "undefined" in IE6. Anyone know what the deal is here with IE? It's somewhat hard to tell since IE's responses are so vague.
View 3 Replies
ADVERTISEMENT
Jul 5, 2007
I can't get out of this riddle and Google seems can't help me.
The problem is that this code doesn't work in iexplorer while it's
perfect in other browser (didn't check in safari):
<html>
<head>
<script src="include/js/scriptaculous/lib/prototype.js"></script>
<script src="include/js/scriptaculous/src/scriptaculous.js"></script>
<script type="application/javascript" language="javascript">
function goofy(id) {
var linkList = $(id).getElementsByTagName('a');
var tmp;
var j;
while (tmp=linkList[j++]) {
if (tmp.rel=='bar') alert ('yes');
else alert ('no');
}
}
</script>
</head>
<body id="corpse">
<a href="http://www.foo.bar" rel="bar">foo</a>
<a href="http://www.foo.bar">foo</a>
</body>
<script type="application/javascript" language="javascript">
var init=goofy('corpse');
Event.observe(window,'load',init);
</script>
</html>
Now, what's the point? I'm sure it isn't a prototype problem so it's my fault, but where? Do you have any hint? Do you have some offence for my incompetence (but only in combo with hint)?
View 2 Replies
View Related
Feb 27, 2009
I'm using the Prototype JS framework. why this doesn't work in IE6?
Code:
document.observe('dom:loaded', function(e){alert("hello world");});
It should just fire off an alert once the page loads, but does nothing, no errors either. Of course it works fine in Firefox.
Test it out here (the alert message is slightly different but everything else is the same, you'll want to remove the spaces in the url of course): www-stage . emd . wa . gov / dev / kids / dev / prototype_test . htm
View 3 Replies
View Related
Jun 2, 2009
I'm trying to make the cursor focus on a certain input element when someone hits a certain key combo (such as Shift+S). Does anyone know how you attach a listener like that and bind it to a key combo?
View 1 Replies
View Related
Oct 4, 2008
$(this).find('i').children().each(function() {
alert($(this).nodeName);
}
Doesnt work..
View 2 Replies
View Related
Mar 12, 2007
I am wondering why the following works, on IE6, but with an error : "Not
implemented".
function TEST(){}
TEST.prototype.Initialize = function()
{
var mImage = new Image();
var mDate = new Date();
var start = mDate.getTime();
mImage.onload = this.Alerting(start);//WORKS with ERROR "Not implemented"
//mImage.onload = function(){this.Alerting(start);}//ERROR "Object doesn't
support this property or method"
mImage.src = "winxp.gif";
}
TEST.prototype.Alerting = function(i_string){alert(i_string);}
var mTest = new TEST();
mTest.Initialize();
Can anybody guess why?
View 11 Replies
View Related
Oct 1, 2010
var img_large = new Image();
$(img_large).load(function () {
$(".image_enlarge_container").append(this);
[code]....
View 2 Replies
View Related
Mar 9, 2011
I have an XML feed which has duplicate media:thumbnail child nodes for item
<item
>
<title
>Taylor's trial 'neo-colonialist'</title
>
[Code]....
View 1 Replies
View Related
Oct 29, 2010
I'm working on a unit test for a javascript library that has several handlers. I wish to fire those handlers in a "natural" way, by raising an event that gets caught. I am having trouble creating an event that gets caught in Firefox.I do development in Firefox to take advantage of Firebug, but the software is for a closed intranet and IE 7 is the required browser (we support IE 8 insofar as we force it to IE 8 mode). This policy predate my hire, I'm trying to get the software to a browser agnostic state - first I have to replace an ActiveX object known as MeadCo Script X - but that's a whole other issue.Anyway I need to raise events, specifically onchange events in Firefox. I have this so far...
Code javascript:
function fire(el, ev) {
el = $(el);
if (typeof(el.fireEvent) != 'undefined') { // IE
[code]...
Prototype library is in use for this project, though I haven't used it for this particular corner case.
View 1 Replies
View Related
Aug 30, 2010
I need to know how to add an event to a button. The specific issue is that I want to add an event which is a prototype function of a class. Consider the following as an example:
MyTestClass = function() {
this.firstName = "Pete";
this.lastName = "Johnson";
[code]....
View 2 Replies
View Related
Sep 4, 2010
I want to make it so that when I click on something, it changes what document.onclick does.
This is a simplified version of what I'm trying to do:
Code:
<div id="clickme" onclick="document.onclick = function(){ alert ('This should not be alerted on the first click'); }">Click here</div>
However, as you'll notice, the alert box shows up on the first click as well. The only way I have been able to get around this behaviour is to have the first onclick execute a timer that will then set the document.onclick after 1ms, however this seems very messy to me.
View 1 Replies
View Related
Jan 9, 2009
currently on our site we have and expanding <div> that responds to both the onmouseover and onmouseout events. It works wonderfully.
The UX people now would like the expanding <div> to open with the onclick event and then as soon as the mouse leaves the expanded div, it would close. I have tried using the onmouseout event in conjunction the onclick event but it does not work (the div persists).
View 1 Replies
View Related
Sep 7, 2010
still have a problem with the following code:
<ul>
<li><a class="open-page" href="/somewhere.html">link1</a></li>
<li><a class="open-page" href="/elsewhere.html">link2</a></li>
</ul>
[Code].....
i also tried to use .live() - nothing. the links where opened by thecommon way browser handle this anchors - follow the link ;)
how to handle these added elements?
View 8 Replies
View Related
Nov 25, 2011
According to ECMAScript, the root of the prototype chain is Object.Prototype. Each object has an internal property [[Prototype]] that could be another object or NULL.... However, it also says that every function has the Function prototype object: Function.Prototype, it confused me, because a function is an object, for a function object, what is its function prototype and object prototype..For example:
var x = function (n) {return n+1;};
what is the relationships of x, Object.Prototype and Function.Prototype
View 5 Replies
View Related
Dec 14, 2009
I am trying to get to the bottom of javascript object, prototypes etc. I have a fairly good grasp of it, but I get confused the closer I get to the base object.prototype. FIrst of all, I was under the impression that all objects descend directly from Object. But some objects (like Array) seem to inherit properties and methods from the function.prototype. So does this mean that the chain is like this:
object -- function -- array Second, I noticed (on the mozilla javascript reference site that object.prototype inherits properties and methods from function.prototype and vice versa!? How can this be? I must be missing something important about understanding the chain?
View 24 Replies
View Related
Jan 15, 2006
I was trying some Prototype experiments and got Event.observe to work with
"click" and "change" events.
I wanted to do something similar with "key pressing". For example, detect
when somebody pressed the RETURN and/or ENTER key inside a particular text
field.
I couldn't find any docs on this. Does anybody have an example snippet?
View 3 Replies
View Related
Jun 25, 2009
I've worked with them on many occasions, but my question if an HTML tag currently has an onclick event and I need to add another, can I just simply add another onclick? Example
<a href="/files/Registration_Form.doc" onClick="javascript: pageTracker._trackPageview('/downloads/Registration_Form_Universal'); onclick="javascript:this.form-just a sample">here</a>
View 1 Replies
View Related
Jul 17, 2011
My name is juan and recently started html programming. I have a web page with a drop box with the name of states.
<option value="">Alabama</option>
<option value="">Alaska</option>
I can add a onclick="code here" to the tag so that when the drop box alabama is selected it triggers the onclick event. Im using Ibox in order to have a image of the state open.
<a href="images/large/image_1b.jpg" rel="ibox" title="alabama at 1024x450!"><img
src="images/small/image_1.jpg" alt=""/></a>
the above is a <a> link tag correct? How do I go bout adding the above code into the onclick event?
View 1 Replies
View Related
Sep 12, 2009
im busy with a school project to create a photo viewer type site with java script. the whole thing i being created from java script and im giving all the img's an ID tag how do i go about getting the id of the img that i have just clicked. i know my current code doesn't work properly in IE. the reason i want the Id is so later i can hopefully use the info to determine which img to "zoom in" etc
[Code]...
View 6 Replies
View Related
Mar 1, 2010
<html>
<head>
<title>
[code]....
View 11 Replies
View Related
Jul 23, 2005
i have a really big table... and the <tr> tags have onclick/onmouseover
events that highlight a row when you drag your mouse over it, and open a
popup window when you click anywhere in the row...
if i however have some text in the row that has an href link attached to it,
when i click on the link it will go to the href url AND open the popup
window...
is there any way to stop the popup window from opening when i click a
certain link within a row?
View 1 Replies
View Related
Feb 17, 2006
I'm not sure what the correct term for this is, but I want to have two
objects (say HTML divs) positioned absolutely one on top of the other,
with the lower of the two having an onclick event attached to it.
Now as you can guess, if I then click on where the top and bottom object
overlap, the top object intercepts the click and the onclick event for
the bottom object is never fired.
What I want to do is to have the even "cascade" with the top object
ignoring the click and letting the bottom one handle it. Is this
possible? Am I being too vague?
View 4 Replies
View Related
Dec 26, 2006
I am trying to set the onclick event for images through a function, but the
event is triggered as soon the page loads, then will not work when the image
is clicked. Can anyone suggest what is wrong?
It is happening in both IE6 and Firefox
---------------------------------------------------------------------------
window.onload = fnNewWindowLinks;
function fnNewWindowLinks() {
for (var intLinks=0; intLinks<document.links.length; intLinks++) {
if (document.links[intLinks].className == "picture") {
document.links[intLinks].onClick = alert("Clicked");
}
}
}
---------------------------------------------------------------------------
View 5 Replies
View Related
Jul 20, 2005
From javascript in IE, I have a need to hijack the onclick event for an element and replace it dynamically with my own.
I have tried the following...
control.onclick = 'myHandler();'
but this doesn't seem to do the trick. How do I go about doing this?
View 3 Replies
View Related
Jul 20, 2005
I create an object like this:
var cell = document.createElement("td").
It doesn't have to be cell.
I want this cell to use the onclick event. What doesn't work in the IE as
well as with Mozilla is:
cell.onclick = "whatever()";
What works only with Mozilla is:
cell.setAttribute("onclick", "whatever()");
So my question: Is there any way to get this done in the IE?
View 2 Replies
View Related
Mar 14, 2009
I am trying to add an onclick event to a dynamically generated element. This happens in an iframe, but the element is being added to the parent document, and I need to associate the onclick event with a function in the parent document. When I add it from the iframe and then click on the image, I get an error saying the function does not exist.
var img = parent.document.createElement('img');
img.onclick = function() { doSomething() };
parentDiv.appendChild(img); //parentDiv is an element in the parent document
I also tried: img.setAttribute('onclick', 'doSomething(this);'); This worked great in Firefox, but not in IE.
View 1 Replies
View Related