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.
View 2 Replies View Relatedcould 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?
The following code used to popup a window when I used netscape 4.79.
Now I switched to mozilla 1.4 and the window doesn't popup.
function newWindow(newContent)
{
winContent =window.open(newContent,'nextWin','screenX=0,scree nY=20,width=600....);
winContent.focus();
}
....
<a href="javascript:newWindow('foo.html')"
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?
I'm having trouble with a bit of code to make a paragraph of text change colour every second to a new, random colour:
Here's the script's function:
<script type="text/javascript">
function change()
{
re="rgb("+Math.round(Math.random()*256)+","+
Math.round(Math.random()*256)+","+Math.round(Math.random()*256)+")"
text.style.color=re;
}
setInterval(change,1000);
</script>
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'm writing a program using XMLHttpRequest that works in the main case
on IE and mozilla but this code works only on IE ... why ? Code:
I have a link
<a href="#" onclick="popup()" onMouseOver="window.status='http://www.google.com'; return true">Click here</a>
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
jquery tabs menu doesnt work in mozilla Browser and same code work in internet explorer.
Whats the actual problem ?
I Check Mozila Error Console but there is no error...
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".
thisRow = document.getElementById('TableX').rows(1);
thisRow.style.background = 'white'
Can anyone give me a clue as to how to fix this so that it will work
in both browsers?
anyone have a code example of using xmlhttp with mozilla, if i use the
following code, the function is never called, but it does work in IE.
xmlhttp.
{
if (xmlhttp.readyState == 4)
{
var response = xmlhttp.responseText;
divResponse.innerHTML += "<p>" + response + "</p>";
}
}
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?
<script>
document.onkeydown = function(){
if(window.event && window.event.keyCode == 116){
window.event.keyCode = 505;
}
if(window.event && window.event.keyCode == 505){
return false;
}
}
</script>
I have a function which dynamically adds to a table. It receives a
variable which basically encapsulates this:
<div id="tableid">
<tr>
<td>col1</td>
<td>col2</td>
...
</tr>
...
</div>
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>
Mozilla Javascript console window.
Error: uncaught exception: [Exception... "Not enough arguments
[nsIDOMXPathEvaluator.evaluate]" nsresult: "0x80570001
(NS_ERROR_XPC_NOT_ENOUGH_ARGS)" location: "JS frame :: <unknown
filename> :: onclick :: line 0" data: no]
Is some future Mozilla going to support setInterval ( <function:function>,
<interval:number> ) ?
Right now it seems to be simply setInterval ( <function-text:string>,
<interval:number> )
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.
function maak(strXML){
var objDOMParser = new DOMParser();
var objDoc = objDOMParser.parseFromString('<xml>'+strXML+'</xml>', "text/xml");
while (this.hasChildNodes()) this.removeChild(this.lastChild);
var objImportedNode;
for (var i=0; i < objDoc.childNodes[0].childNodes.length; i++) {
switch (objDoc.childNodes[0].childNodes[i].nodeType){
case 3: objImportedNode = document.createTextNode(objDoc.childNodes[0].childNodes[i].data);
break;
default:
objImportedNode = document.importNode(objDoc.childNodes[0].childNodes[i], true);break;
}
this.appendChild(objImportedNode);
} //End: for
}
function getXML() {
var objXMLSerializer = new XMLSerializer();
var temp=this.childNodes.length-1;
var strXML=''
for (var i=0;i==temp;i++){
switch (this.childNodes[i].nodeType){
case 3: strXML+=this.childNodes[i].data.replace(/</g,'<').replace(/>/g,'>');
break;
default: strXML+=objXMLSerializer.serializeToString(this.childNodes[i]);
break;
}
}
return strXML;
}
Node.prototype.__defineGetter__("innerXML", getXML);
Node.prototype.__defineSetter__("innerXML", maak);
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);
[Code]....
table.tBodies[0] has properties...
The js file works on NS 7 and IE but not mozilla 3.3... How to resolve it? code...
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?