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 am novice to javascript and I wanted to create image slideshow using HTML and javascript. i have created the one with the following code, by changing the locations of images to my local system ones.
<html> <head> <script type="text/javascript"> <!-- var image1=new Image()
[Code]....
But when i am executing its giving me firstcar.gif image displayed with a warning "To help protect your security internet explorer has restricted this webpage from running scripts or active x controls that could access your computer.click here for options" so i clicked on allow the blocked content then instead of showing image slideshow, its showing me a blank cell with width=100 and height=56 as defined for the image with a small "X" mark on the left top corner of the cell.
The simple test code below validates a few fields successfully when tested using Safari, Opera, Firefox and ChromeDatepicker does not work in IE, although the validations do work as expected. Is there an issue with datepicker and IE? Is there a condition in my code that inhibits IE?
//// page code follows //// <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
I am having no luck with my post form to mysql. It is only posting the first letter of the word/phrase for the text input fields to the mysql database. It is a photo and text post form. The photo and only first letter of text are posting to database. I am using Jqtouch, jquery, and phonegap.
I've been able to successfully add event handlers to an iframe where designMode = "on". The scope of these events are at the document of the iframe (contentWindow.document). What I would like to do is actually bind events to elements w/in the document while designMode is on. I have tried various methods like using find(), bind() and or live() but seem to have hit a road block. I have tried the following w/nosuccess. In the examples below .doc() returns the iframe's document.
I have a page with content. Upon a certain action, two images get updated/replaced. Because the images are on another server, it sometimes takes a couple of seconds.
* I would like to block specific actions (click on a button/other image) UNTIL the images are loaded.
* How do I detect when the images are done loading? Something like readyState, complete, or something?
i need to add another "li" element to a list. The "li" should be with 0 indentation. When I statically write it (HTML/CSS), with ul/li margin/padding 0 - it looks great. When I dynamically add it (Javascript) - in IE (and not FF) it's ALWAYS indented, no matter what!!
This is my javascript code: var newLiElement = document.createElement('li'); newLiElement.style.padding = Ɔpx' newLiElement.style.margin = Ɔpx'
List.appendChild(newLiElement);
newLiElement.parentNode.style.padding = Ɔpx' //even tried to update the "ul" father node newLiElement.parentNode.style.margin = Ɔpx'
Even though - the div in IE looks like this:
List Header first li second li
But in FF the div looks like this (and this is the right scenario): List Header first li second li
I event tried to define a new class with padding and margin 0 and use newLiElement.className = 'no-padding-maring-class-name' but it's still indented in IE.
I have a three textboxes in a form. Using OnBlur, I am attempting to call a function to add one to an input textbox to add 1 to the cost.As the user enters text into textbox01, the number 1 appears in the input box about cost, as the user enters text into textbox02, the input box displays 2 and the user enters text into textbox03, the input box displays 3.
My JavaScript is as follows: <script type="text/javascript"> //copies contents of first textbox to second textbox
I have a google script i paste in my web page. But when users click on the adds, it redirects the same page to the adds.How do i enable them as popups ?Here is my script below
<script type="text/javascript"><!-- google_ad_client = "pub-7975590523545723"; /* 728x90, created 06/01/09 */
For some reason, when i split a basic string in IE I'm getting an extra value in the array which is something like this:
function(v,n){n = (n==null)?0:n; var m = this.length;for(var i = n; That's the actual value. Here's the call I use: var value = "test@test.com, test1@test1.com";
I have been trying to write a script that allows a user to click on a button like a plus sign to add an additional field for a phone number when they have more than one phone number to enter. I have created a script that sort of does this. It doubles up what is already there, so, the first time, everything is fine, but after that I get a lot more fields than I want. I am a php programmer and not familiar enough with javascript to get to what I want. My script is included below. What I am doing here is retrieving the html content and then adding it to what is already there. In php I would use an if conditional test to see if the data has been retrieved. The first time it would retrieve the data into a variable. After that it would not retrieve it. I think I am getting into some scope and sequence issues here. Javascript is a bit different than php in these regards.Also there is a commented line in the code that asks another question about the use of variables that I don't understand.I also tried using appendChild() here to no avail. I couldn't get that to work at all.
I am trying to use a code snippet fromthe code works fine however what I want to do is modify it so that when the user clicks the link to add another entry their would be a drop down <select> box to the left of the text input box. Which I have working but each time the link is clicked to add a new <select> and text input box row the previous <select> dropdowns seem to loose their values and only the text input boxes keep their values. So I am not sure where/how to edit my below code to work properly
Code: below javascript controls the functionalty of the script var arrInput = new Array(0);
To put things short, I just started with Ajax and was abel to update categories without reloading whole page. I even was abel to add the new categori to the drop down menu of categories. The problem comes when I try useing the new option.Now to expand on this. I have something like.
Code: var optn = document.createElement("OPTION"); optn.text = document.categoryForm.category.value;
I'm working on an event driven app, which currently adds a listener to each of the relevant elements directly. I am planing on changing this to use a delegated event method but this raised the following question...Which is more expensive navigating the DOM, or adding event listeners?[code]I need to handle the click event of buttons 'b1', 'b2' & 'b3', a set of these buttons can be found in each 'a1' container but not always in the same nested position. To handle the events I need to know the class of the button clicked and the id of its 'a1' container. Would it be more efficient to:
A ) Add just one listener to the 'main' div, having to find the 'a1' containers id by inspecting each parentNode of srcElement until an 'a1_*' match is found.
B ) Add a listener to each 'a1' container, the id of the container can be easily passed as an argument.
I am trying to write a script that allows a button in an iframe to change the value of a variable that is in the parent page. I then want to have an if statement in the parent that will change the url of the iframe ( or even change the url of the parent)Here's what I have for the parent:
My page is not displaying correctly in Internet Explorer. Its displays properly in all other browsers.
The issue: Internet Explorer
When the page is loaded-- Internet Explorer places DIV tags between the the <LI> elements on my page and in other areas of the controls which have been dynamically added to a placeholder on the child form during page load. The first <UL> element on the list has an ID assigned. The java-script functions correctly on the first <LI> element but does not get to the rest as <DIV> tags have been placed between them breaking up the nodes.
Opera, Safari, Chrome and Firefox load these controls without separating the elements with additional DIV tags. They remain grouped together and display as intended. As they remain in the proper UL container my Java-Script can collapse the list as designed by getting the child elements of the UL.
I have a function where it add rows into a table. For the example below it adds a row under the Question column, (I have not included whole function as there is a lot of code so instead I have just posted the relevant code.
Code: //This is inside a function var row = document.createElement("tr");
I have a website with five links, each with its own id. onClick I would like to create a cookie for the user that adds the link id that they have clicked.I am planning to do this using an array, however, I am a bit confused about the theroy behind a cookie.It is just a text file that can hold any data correct? So I could store an array with
array[0] = hi.html array[1] = hello.html
and later on pull up what is in array[0] to diplay it on the page? Can I do this with one cookie or would I need a new cookie for each link?
I have been trying to write a script that allows a user to click on a button like a plus sign to add an additional field for a phone number when they have more than one phone number to enter. I have created a script that sort of does this. It doubles up what is already there, so, the first time, everything is fine, but after that I get a lot more fields than I want. I am a php programmer and not familiar enough with javascript to get to what I want. My script is included below. What I am doing here is retrieving the html content and then adding it to what is already there. In php I would use an if conditional test to see if the data has been retrieved.
The first time it would retrieve the data into a variable. After that it would not retrieve it. I think I am getting into some scope and sequence issues here. Javascript is a bit different than php in these regards. Also there is a commented line in the code that asks another question about the use of variables that I don't understand. I also tried using appendChild() here to no avail. I couldn't get that to work at all.
I have a small script which adds a class to the current menu item selected.
Currently on the page load (this menu is within one page) the first menu item which is loaded does not have this .mywork_active class. Its not until you click it or another item that the class is added.
What would I need to do make the script add this class to the first item on load.