I've made these functions quite some time ago, and quite possibly this code is quite ugly, but it works. Obviously this would be only useful if you are a masochistic xhtml-coder and you want an easy way (kind of contradictory with a masochist) to dynamically add or remove markup/text.
had this in browsers areas but people told me I should put it here in Javascript because more people here would probably have seen it before and know why it happens. I have basic Javascript that rotates images. I've noticed any kind of Javascript code that rotates images has this same problem only in Mozilla. When the images rotate in Mozilla in between the rotations, Mozilla browser adds a little colored square that represents a blank image that are able to be seen does anyone know why Mozilla Browser adds that? For example when looking at this page in Mozilla can see it. if you know if this is some Mozilla problem with Javascript and images. Doesn't happen with IE and other browsers shows the images only and nothing else.
I've a BIG Problem With a HUGE JS application , i'm modifying its javaScript code to work on both IE/Mozilla , currently it works fine on IE but not on Mozilla.
My main Point now is events.
Lets try with a little module, consider this function :
And it is attached in this place like :
This works fine in IE , i want to modify it to work on Mozilla.
I have an 'input' that is of type= "image", and name="butt", that I need to enable/disable from time to time.
In IE (6) I used [document.theform..butt.disabled=condition] and it worked fine. However, in a Mozilla (latest vers, no number avail) it doesn't see this as an object. As a workaround I declared a global var 'theButton' and used 'onLoad="theButton=this;"' within that 'input' to set the value, and this works fine in both Moz & IE.
Having to use a global var is not a problem, but I would like to know why the original attempt didn't work in both browsers? The 'form' that 'butt' is a member of contains 1 select, 3 type="text" inputs, and finaly the type="image" input.
Perhaps Moz doesn't add an 'input' of type="image" to the collection if the types are mixed?
I have this script and I want to adapt it to the DOM of most / all well known browsers like mozilla and netscape.. at the moment it only works in ie4+ en ns6. can anybody give me some hints? This is used for making a tree <li><ul>
var ns6 = document.getElementById && !document.all; var ie4 = document.all && navigator.userAgent.indexOf("Opera") == -1;
function checkcontained(e) { var iscontained = 0; cur = ns6 ? e.target : event.srcElement; if (cur.id == "foldheader") { iscontained = 1; } else { while (ns6 && cur.parentNode || (ie4 && cur.parentElement)) { if (cur.id == "foldheader" || cur.id == "foldinglist") { iscontained = (cur.id == "foldheader") ? 1 : 0; break; } cur = ns6 ? cur.parentNode : cur.parentElement; } } if (iscontained) { var foldercontent = ns6 ? cur.nextSibling.nextSibling : cur.all.tags("UL")[0]; if (foldercontent.style.display == "none") { foldercontent.style.display = ""; cur.style.listStyleImage = "url(images/open.gif)"; } else { foldercontent.style.display = "none"; cur.style.listStyleImage = "url(images/fold.gif)"; } } }
if (ie4 || ns6) { document.onclick = checkcontained; }
I have some functions in a script in which I'm manipulating the innerText and background colors of certain rows in a table. The lines below work OK in IE but when I try them in Mozilla, I get an error that says: "document.getElementById('TableX').rows is not a function".
I am trying to disable the F5 key in Mozilla. I have the next code in javascript that it is working in Internet Explorer but it is not working in Mozilla. how can I disable the F5 key in Mozilla?
It's worth nothing that the incoming variable is a product of XSLT transformation, so I think it's technically an XML DOM element (although I'm not too sure on the difference between the XML DOM and the HTML DOM).
On the incoming variable, I do getElementsByTagName("tr") and -("td") to get NodeLists of the rows and columns respectively. To insert them into the table, I create new tr and td elements, then copy the value over, like this:
//stuff to get a column trs = getElementsByTagName("tr"); tds = trs[i].getElementsByTagName("td"); thiscol = tds[j];
//stuff to copy the column value new_tr = document.createElement("tr"); new_td = document.createElement("td"); new_td.innerHTML = thiscol.xml
The .xml part is a Microsoft creation, so the only works in Internet Explorer. In anything else the column value is rendered as 'undefined'.
I'm trying to make things work in Mozilla too, but an Element node (thiscol.nodeType gives me Ƈ') doesn't have nodeValue implemented. InnerHTML and OuterHTML are not implemented either.
How on earth are you supposed to extract a value from an XML node if nodeValue is not defined? Am I going about things in the wrong way?
I am facing problem with updating form element using javascript in MOZILLA Details are as follows.
I have a div containing form element. on submit , i am submitting the form using javascript-ajax and processing the form. then after successfully processing i am replacing innerHTML of div with same form. I am able to see same form on page after ajax update but when i refill the form and submit it again..javascript is not able to find the form element in HTML DOM.
This problem comes with mozilla-firefox but it works fine with IE 6 ...
I embedded a javascript in HTML and tried to open the file using mozilla 1.4 it gave me the following exception in the script on clicking the Submit/Next button. IE was able to execute the script
Function defination function evaluate(form)
Line making the call : <INPUT onclick="if (validate(this.form)) evaluate(this.form);" type=button value=Submit/Next name=B1>
I've a personal application I would like to script, that would bring up a particular web page (which happens to have a Flash application on it), then every 15 minutes or so generate the equivalent of clicking on a button (causing the application to retrieve and display the latest info).
Anyone know of any articles or howtos on the web for writing such an application? Code:
can somebody give me a minimal example of how to read xml file into mozilla AND run some Javascript funcion?
Mozilla can read xml files directly and css files can be included as well, that works for me. But I would like to do some operations with the DOM tree.
My question is Mozilla only, I would apperciate some minimal example (like alert(1)) and especially some URL pointers.
I am trying to disable the F5 key in Mozilla. I have the next code in javascript that it is working in Internet Explorer but it is not working in Mozilla. how can I disable the F5 key in Mozilla?
Code:
function checkKeyCode(evt) { var evt = (evt) ? evt : ((event) ? event : null); var node = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);
The code below works fine in Firefox but doesn't work in IE8. Is that to be expected and if so, why?
if (($(this).children(a).text()) == 'Hide')
If I change it to -- if ($('.accordionShow .head a').text() == 'Hide') it works fine but I lose the ability to use 'this', which I would like to have.
The HTML is:
What I want to do is be able to identify the label as Hide or Show without getting the whole text, i.e. 'Hide the Section'. That way no matter what the label is it will work the same. And I could substring it I suppose by using the text of the <h2> tag but it seems that is unnecessary also.
Is this just another peculiarity of IE, that it doesn't use the .children(a) selector?
This works in IE and NS4 but in Mozilla (Firebird) it displays part of the javascript as page content instead of scripting. It's a very old 'mouseover generator' that writes javascript that had so many requests when I removed it I had to put it back in.
I'm currently experiencing a problem using ANY (!) JavaScript in Mozilla - nothing seems to be working. For example (from p2 of JavaScript 101 - Part 1):
i'm having some problems getting innerhtml to clear on mozilla, but it works fine in ie. my page is setup such that i have a div:
<div id="otherModel"></div>
on a select from a combo box, in my javascript i execute: div = document.getElementById("otherModel"); depending on what's selected in a combobox, i execute: var inner2 = "<p>Other Model:<br />"; inner2 = inner2 + "<input type='text' id='otherModel' "; inner2 = inner2 + "size=ཐ' maxlength=ཚ' value='Enter Model'>"; div.innerHTML = inner2; or simply: div.innerHTML = "test";
This all works fine independantly; it'll either fill with my textbox, or the test string. but if the innerhtml is filled with the text box, then i make a new selection that fills it with "test", it doesn't clear out the text box.
If i replace the variable inner2 with simple text, everything seems to work great (but i need a text box!).