Porting App To Mozilla - Work On Both IE/Mozilla ?
Nov 30, 2010
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.
First, We 've a course registeration Web app that was developed in .NET/javascript.
In brief, the students login, then the available courses is drawn to him (as DIVs) to select courses then apply registeration.
Of course , the dynamic part of selecting/highliting courses is done in javascript as a clientside Javascript.
The problem that this app was developed with no x-browser compatibility in mind (e.g firefox and chrome). it works fine on IE , ofcourse doesn't work properly on Mozilla browsers.
Now, i want to modify it to be mozilla compatible , i spent time inspecting it (functions and classes, "yes the developer made a javascript classes") .
Is there a tool or something that porting to mozilla ?
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.
could you kindly help me to solve a compatibility problem that involves Internet Explorer and NN/Mozilla.
I created a html page that contains a form (its name is "Modulo") and some text boxes. After clicking on a button, a popup appears. I tried to modify the text of "Testo" textbox from the popup windows by using the following javascript code:
window.opener.Modulo.Testo.value=window.opener.Mod ulo.Testo.value + " This will be added to Testo textbox!";
The code is correctly run by Internet Explorer and the "Testo" textbox in the calling html page is successfully updated.
When I try to open these pages with Mozilla, the javascript code that should update the textbox is ignored. How can I solve this problem?
I am trying to use the following javascript function to open a new window. It works fine for IE browsers, but not Mozilla.
settings = 'height='+screen.height+',width='+screen.width+',top=0,left=0,scrollbars=yes,directories=no,location=yes,menubar=yes,resizable=yes,status=yes,toolbar=yes' win = window.open(address, "newwindow", settings); Am I doing something wrong or does Mozilla not support the window.open function? Or is it something in the settings thats breaking it?
how to make the following code work for both IE and Mozilla?
function AddRow() { if (navigator.appName=="Microsoft Internet Explorer")
[code]...
//the following javascript function is saved in another .js file which is then called from the main php file when the above button is clicked. It works fine with Mozilla and Chrome.
function AddRow() { var morerow=document.getElementById("tbl")
[code]...
Also, why are you mixing DOM standard with innerHTML?
Then you create the text you want to change colour in a paragraph with id "text":
<p id="text"> Here is where you type your text. </p>
This works beautifully in IE and Opera, but does absolutely nothing in Mozilla-based browsers. Can I do anything to this script to make it work in Mozilla browsers?
I want to open popup on clicking link and onmouseover the link i want to show url in status bar .if i give it in href then onclicking it open the new window and submit the parent window
i use mouseover function to give status bar url it work in IE7 but not in 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'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.
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?