I am creating web page. I am in the early stages of building. But I have found that my onChange function behaves different on Firefox and IE.It work as it suppose to on Firefox but not on IE. On IE, onChange is not triggered when you select the an option. But triggers when you click the mouse the second time.
Here the code,
<html>
<head>
<title>Compatibility Test</title>
[code].....
I came across an Intranet site at my office which has lots of check boxes in single line and they are all check'd by default. And as expected, there is no option to uncheck or check all.So, I decided to write a small JS which will loop through all elements in a form and check the element type. If it's check box then it will simply uncheck it (no complex coding).
Code is below:
Code:
javascript:for(var i=0;i<document.editDetailsForm.elements.length;i++){if(document.editDetailsForm.elements[i].type=="checkbox"){document.editDetailsForm.elements[i].checked=false;}}
Just paste above JS on address bar.Below html code can be used for testing the above JS:
Code:
<html>
<head>
</head>
[code]...
Above JS works flawlessly in chrome but it doesn't work in IE (curses) and opera (am surprised too) .
I have page here Untitled Document where when I select the drop down list value it will reassign the drag and drop function but it behave differently from this link Untitled Document where it drag and drop only on the picture and the drag image does not disappear?
View 4 Replies View RelatedI have a big problem with a simple event : onchange!
If I write this page:
<html>
<body>
<form id="vu">
<input id="var01" name="var01" size="5" onchange="return false;"/>
</form>
</body>
</html>
everything is ok in IE (I can't leave the input zone !) but nothing happens in Firefox!
It looks like the event is not fired or...
Do you have any clue?
I have written a javascript code which changes the combo_2 options on
runtime. It is working fine on IE but not working on Firefox. Code:
I don't know js but one of my sites detects IE6 and puts a warning up. Works OK but someone just showed me a screenshot of IE8 causing the js to run. It should only run for lte IE6!
This is the code of the js file where I think it detects:
<script language="JavaScript1.2">
var ie=document.all
var dom=document.getElementById
[code]....
I have a problem with the javascript menu.Currently when you click on the "Login" button then it opens and when you click it again while it is open it closes ands opens again.What I want is when you click the login button while it is open then it closes as toggleable button.
I have posted the javascript to this page: [URL]So there it is possible to make realtime updates to the script and see the result real timeI also posted the script here so not to break the rules:
Code:
$(document).ready(function() {
$("#login-menu a.signin").click(function(event) {
var link = $(this),
[code]....
I've posted this bug [URL]..., but I'm just wondering if anybody knows any quick fix? If we create a jQuery object from an array, and then apply not() and filter() on that object, the result won't be correct. The following code is used for testing. The top part (using selector, ie. $('tr') is the control showing the correct result as a comparison). The bottom part (creating an array and then creating a jQuery object based on them) is the incorrect result demonstrating this bug.
[Code]...
I've recently come upon an odd Javascript (and/or browser) behavior, and after hunting around the Web I still can't seem to find an answer.
Specifically, I have noticed that the Javascript encode() function behaves differently if a codepage has been set.
<script>
document.write(escape('Ôèëìè'));
(note: that should be five accented characters)
</script>
Produces: %D4%E8%EB%EC%E8
But setting the codepage to Windows-1251:
<META HTTP-EQUIV="Content-Type" CONTENT="text/html;
charset=Windows-1251">
<script>
document.write(escape('Ôèëìè'));
</script>
Produces: %u0424%u0438%u043B%u043C%u0438
Personally, I wouldn't expect the Javascript encode() function to change its behavior if the codepage has been changed.
Might you know of any resources that can help me better understand what's happening there?
I'm trying to make a dynamic form, where I want to add/remove a set of controls (say for Name,Email etc).
Just started but IE behaves differently that FF in the beginning itself. "Add more" works but "Remove this" doesn't. Also the CSS for dynamically created elements doesn't work. Here is my code so far. Code:
I'm ok with the basics of html and css, but and fairly new to it, so have been stumped by this latest problem. I built a site [URL] about a year ago, and am fairly sure that it worked perfectly in all browsers at the time. However, I've just checked it and have noticed that the last option on the navigation bar at the top ('noticeboard') seems to have disappeared in IE. It's still displaying perfectly in Firefox and Chrome however.
The html for that section is:
<div style="top: 0px; left: 0px" id="header">
<div style="text-align: center; top: 34px; right: 75px" id="menu">
<ul id="navigation">
<li class="active"><a href="index.htm"><span>HOME</span></a></li>
<li><a href="callington_LFC_fixtures.htm"><span>FIXTURES</span></a></li>
<li><a href="callington_LFC_reports.htm"><span>REPORTS</span></a></li>
<li><a href="callington_LFC_photos.htm"><span>PHOTOS</span></a></li>
<li><a href="callington_LFC_players.htm"><span>PLAYERS</span></a></li>
<li><a href="callington_LFC_contact.htm"><span>CONTACT</span></a></li>
<li><a href="callington_LFC_noticeboard.htm"><span>NOTICE BOARD</span></a></li>
</ul></div></div>
If you visit the site in different browsers you'll see what I mean. This time it's working fine in IE, but not in Firefox or Chrome (I feel like tearing my hair out!). The problem is with the very bottom section on the page. The alignment is all out. The html reads:
<div><img alt="" src="images/right_bottom.png" /></div></div><br clear="all" />
<center><img style="width: 552px" alt="" vspace="3" width="552" src="images/hr.gif" /></center></div></div>
<div id="footer"><a href="callington_LFC_contact.htm">Contact</a>|<a href="index.htm">Home</a>| <a href="callington_LFC_links.htm">Links</a>|<a href="callington_LFC_map.htm">Map</a>|<a href="callington_LFC_sitemap.htm">Sitemap</a> </div></div>
<div id="bottom"><br /> .....
I have a piece of JavaScript code that uses the location.Reload method to reload a form that has a textbox and radio control. Both are supposed to contain the same random number. When a button is Clicked, the location.Reload method is called and everything updates as expected. However, the BROWSER Refresh button only repopulates the dynamically generated radio button. The text box retains the old value.
[Code]..
I am trying to access an HTML code stored as CDATA section in the xml file listed bellow:
<?xml version="1.0"?>
<results count="5">
<![CDATA[
<table><tr><td>Hello World</td></tr></table>
]]>
</results>
The xml tree is the responseXML part of an XmlHttpRequest and is stored
in a the javascript object xmldoc. While trying to test the node type
of the children of the "results"-Element I got different results with
IE and Mozilla: Code:
I used a menu making program to create a cool new menu for my website, but I can't get it to work properly.The menu code uses this argument: "java script:[code]in my above code there isn't really a space between 'java' and 'script'.
View 1 Replies View RelatedI've come across a strange issue with the console.log function in WebKit.Here is the code I have that is causing the issue:
Code:
var myArray = ['Brian', 'Kayla', 'Mom', 'Dad'];
myArray.shift();
console.log(myArray);[code].....
I am having 2 datepickers on the same page. One is name datePicker1 and the other datePicker2. I am actually having the code
$
(
".ui-state-active"
).
[Code].....
I want to have the above code to work only for datePicker1 and not datePicker2. Actually, the problem is that the code is working on both datepickers. How can I make it work for only datePicker1?
How do you folks handle <select> lists with no default option selected? I have mocked up a simple sample but in reality I may have a dozen different categories. (Link:Do you disable all other hidden <select> elements so that their values are not sent in a POST request?
View 1 Replies View RelatedIs there something that will update as soon as the user changes information in a textbox as appose to what onChange does, which is update once the focus has been taken off of the textbox? I am writing a custom cart and I am using AJAX to update the price according to how many they are ordering, I was hoping to have it update the price as soon as the user put in the volume, but it doesnt update until the user clicks somewhere else on the page.
View 3 Replies View RelatedCan I target the element and base an onChange outside of directly calling it in the element tag?
Due to the nature of my script, the best I can do is wrap a tag around the element.
example of what I am trying to do
Code:
<script>
document.form.field1.onchange = function();
<script>
And if this might work, can I call it in the head or must it come after the element.
Whats wrong with this script. It works in IE, but not in Firefox. I get no error codes it just simply does not display the text in Firefox.
Code:
I use the code below to show the year on my sites e.g. this page.
However, instead of 2005 it shows 105 in Firefox.
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var year=time.getYear();
document.write("" + year + "");
// End -->
</SCRIPT>
Works fine in Internet Explorer.
How can I show the correct year in Firefox as well please?
First the code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title></title>
<script type="text/javascript">
function TextScroll(scrollname, div_name, up_name, down_name, top_name){
[Code]...
When I use mouse wheel in Firefox to scroll contents of the DIV, memory usage in Firefox goes through the roof. Code above is a fully working page, if anyone would like to see what's up, just load it up, and start moving your mouse wheel in the area with text. You don't actually have to scroll the text, just moving the wheel back and forth in that DIV will do. Memory usage will start going up quite fast, and after you stop moving the wheel, it will finally come down a bit after a short while. I've highlighted in red the line where mousewheel event is registered for Firefox. I'm not sure if it's really a problem, but since Opera and IE don't have any strange memory usage, and Firefox does, maybe I did something wrong. In everyday use it shouldn't matter [don't expect to have kilometers of content to scroll], but anyway, it is a bit unsettling.
if ((window)&&(window.netscape)&&(window.netscape.security)) {
// OK, this is Gecko/Firefox or someone mimicing it so well
// that there is no way to catch it on the act.
}
But I need Firefox *1.5 or higher* or another (but sure) way to know
that this browser has native SVG support. Here I'm stock.
It seems there is window.navigator.productSub and on my Firefox 1.5
it's 20051111
But I'm not sure: this "build version" is going up guaranteed or it's
random like CLASSID? Also is the same Firefox release has the same
build for all platforms or not? mozilla.org seems silent.
In the next sentence, what's wrong?
<select name='id'
= 'Daniel Perez'&valor='+this.options[this.selectedIndex].value">
IE complains about missing ";"
I understand that the onchange event occurs when the value of a
form element changes (and after the element loses focus).
But what about the case where the value of a text box (for example)
is changed from a javascript function? Is an onclick event triggered
in such a case? I find that this is not happening in IE.
I have a button that opens a calendar and populates a text box. I use
the onclick event to open the calendar.
Now the textbox has a onChange event that calls a function. The
onChange fires perfectly if I type the date on the textbox, but if the
calendar changes the date on the field then the onChange event doesn't fire.
I even try the following, but it seems that both functions run at the
same time and the value on the field is never picked up.