As you might know, removeNode() is an IE DOM extension (works only for IE5, IE6 and Opera 8 but not in IE 5.2 for Mac, Moz, Safari.
Following one of my clients request I think I found a cross-browser solution to remove a node but keeping it's childs. The request was to find a function which will remove, onevent, the <a href=""> tags, but keeping the inner text.
This is what I have done. If you know a better or a shorter solution, please let me know:
function removeN(tag){
var tags = document.getElementsByTagName(tag);
for (var i=tags.length-1;i>=0;i--){
var root = tags[i].parentNode;
var kids = tags[i].childNodes;
var eSpan = document.createElement('span')
for(var j=0;j<kids.length;j++){
clon = kids[j].cloneNode(true);
eSpan.appendChild(clon)
}
root.replaceChild(eSpan,tags[i])
}
}
the variable tag might be 'a', 'strong', 'em'....
I guess that the code might be used as a crossbrowser solution for replaceNode() as well. In fact the code as it is replaces the node tag with a <span> tag, but it might replace it whith another desired tag....
i have a javascript function to highlight google search keywords in the page. it works well on IE and mozilla browsers. for the page OnLoad, i call the Highlight() method, and that highlights the words in the page, and inserts a div element with the message: "your search terms have been highlighted..." and a link to remove the highlighting, which has href='javascript:removeHighlight(..)', but that only works in IE, not firefox 1.0. Code:
I am building a linear sequence of pages with forward and backward nav. Because they have to pass info from one page to another they're in a frameset. I want the same title to appear on all the pages so I've put the title as a variable in the frameset. title="Mytitle"
I have a global.js which is loaded with every page and it contains a script to run certain functions on page load. One of these is a function addTitle() which is to take the variable from the frameset and put it into the appropriate div on the page. I did it at first with innerHTML
var titleplace=top.mainFrame.document.getElementById("sectionTitle") title=parent.title titleplace.innerHTML=title
This works in IE5.5 and 6 but not in Firefox or Opera. No error message but it just doesn't show anything.
I then tried with DOM scripting: var titleplace=top.mainFrame.document.getElementById("sectionTitle") title=parent.title mazename=top.mainFrame.document.createTextNode(title) titleplace.appendChild(mazename)
Same thing - no-show in FF or Opera, but OK in IE.
I've proved that the addTitle function is being run on pageload and it is getting the right value for title from the frameset. It just isn't putting it into the page.
OK, I could just hard-code it but this is to be a template for other apps so I'd like as much as possible scripted. I don't want anything specific in global.js as it should be reusable by anyone using the templates without them going into it.
I'd like to know where I can find some informations on how to retrive element dimensions in a cross browser whay. Until now I used offsetWidth and offsetHeight, but I know their are not standard and they have a different behaviour on different browsers. I need a way that includes also margins, padding and eventually border size. I know I have to deal with doctypes, but my javascript knowledge is not so advanced.
Is anyone able to make this code crossbrowser? Can it actually be done?It brings up the print dialog box and will print out the contents of a textarea box, but only in IE.
I have a page that is running several scripts. I am trying to add a script which refreshes an iframe every 5 seconds. The iframe is reading the contents of a chat buffer so I want the frame to show non-logged-in viewers the latest...I can get my existing code using setInterval to work fine on IE, but it wont on FF or Chrome though Chrome will show the updated info if I refresh the page (which I dont want to do as a am also reloading jpgs. and which FF wont do without emptying the cache).
the page is here: kayasplace.com/cam2.php
and the body code:
Code:
<script> window.setInterval("reloadIFrame();",5000); function reloadIFrame() {
We have to develop a small engine which the client uses. It supposed to work like this. Our engine resides in a frame (frameA) which will be loaded only once and it provides set of functions. The client can call these functions. We inturn should get the values from the server or set the values in the server and return with the values. The way we are planning to implement is that we will have have another frame (frameB hidden) and submit it whenever the client (frameClient) calls our function and wait till the page reloads and return with the value ( set in the reloaded page by the server). The problem we face now is that we don't have any sleep functionality in javascript ( being event driven) and if we have a loop waiting for the reply, it will consume the cpu cycles and the the frameB wont load.
Posting this in javascript because the problem might be caused by my scripting.
I made a 3 page long form using javascript, and the contents of the second page aren't submitted to the php script. link (http://rolstoel.dlnet.org/toevoegen.php?page=1)
I am working on this simple calculator that passes values from one function to another via paramters. I have used alert() to find what is being recieved, so far nothing. code...
I'm making a php/html page and using javascript to keep a count for me. code... The last button is just a test button, which will tell me what the value of "i" is, but I'm not getting anything when I cllick that button.
However if I change the onClick from alert(i), to alert('i') it will alert me a string, so I know the javascript is working.
I am trying to fix some datetime strings so I can convert form values into date objects so I can compare the dates in my validation process. the date time strings look like - 7/21/2011 8:00am
for some reason the am is not being replaced by " am" . here's the function code...
If the new window is "killed" because of the software, it loads a new page in the parent window ... or the last line of code can be replaced with a document.write('content here'); or show a hidden <div>. Any of these three can be used to tell the user to disable the software).
It works on my computer with ie6 ... let me know how it works on yours (if you have popup killer software installed).
I have been looking around for quite some time for a simple piece of code that allows rows to be collapsed in tables, so when you click on a link in the tbale the row beneath collapses. All i have found are very complex codes that i cant get to work or that dont work in both IE and FF.
I have a javascript running on my site at that disables right clicking (viewing source, saving pictures, etc.) that works beautifully in IE...but not in Firefox. Does anyone know of a solution?
So the idea of the code is to load an image from a record, and echo both scenarios of 1) the image being a valid size and fitting in the table, or 2) the image width is too large, so add on width='100%' to the image. After both rows have been loaded, call the javascript function in PHP to hide the appropriate table row.
I have some java script in my vb.net application and I've been trying to figure out why my web app keeps crashing when i try to instantiate an array (i placed a comment where the app is crashing in the code below). Here's my code..
Hopefully the code above is enough for to figure out the issue. However, here's a mini recap of what's going on. A user selected a value from firstListBox and the function above copies it over to secondListBox. The code in the first condition works fine, but the code in the else block doesn't. Now, here's the catch/difference between the if and else statement...the Else block is basically doing the same thing as the if statement, except the values that needs to be copied are coming from a session variable (hdnSessionVariable = '<%=Session("playerId")%>'. I've commented out every line in the else statement and the app works until it hits the secondListBox.options[secondListBox.options.length] = newOption line. Anybody have any idea what's wrong here?
I have a page where users can filter a list of links using javascript clicks. The user then clicks a link in that list, views the page and then clicks back on the browser to view the rest of the list but the javascript options they filtered in the list are gone resulting in them having to do it all over again. Is there a solution to this?
Would it work if I store their selections in a cookie each time they click a javascript button and then when they visit a link and click back (to what is presumably now a cached page) will I be able to have javascript that will read the cookie and reset their options again or is the cookie not loaded on a cached page?
Are there any common solutions to this kind of thing?
I am trying to use the slideshow javascript found at this site
but i can't get the following line of code to stick in my webpage code...
i follow the directions exactly, but that line above keeps getting 'spit' out of my page altogether...in fact, my webpage does not have any body tags per se, it keeps spitting them out when i try to put them in. the webpage functions just fine--no problems--but i can't get this slideshow script to work b/c i can't get the 'onload' instruction to stay--that body tag keeps getting stripped from my html page...
any ideas as to how to make this script work for me?
I have installed an image rotator script on my page however the animation is not working i.e. the rotation between images is not taking place. The script works on my localhost though. code...
I am wondering what is the way around when the javascript is disabled?
For example, I am creating menu with bunch of drop down lists. The lists are dependant on the others. So, when I change the selection on the previous list, the elements on the next list should change. Of course this won't happen when the javascript is turned off.