I try to use jquery to manage a little hierarchical menu. It seems easy, and after 1 hour of scripting (first time that I use Jquery) it's working in FF, Safari and Opera. It's not working in IE.[URL]..
View 1 RepliesI have two select lists that have option lists that are created from external XML lists that contain course offerings available at different locations. Each location has a different set of course offerings. When a user selects a location, the javascript code will hide / show the option entries that correspond to the course offerings for that location. If a user selects a course offering, the javascript code will show / hide the locations that offer those courses.
Click events are attached to each of the Option entries with the code below. The code works correctly with Firefox and Opera, but the click events are never triggered in IE, Safari or Chrome. The Chrome debugger seems to indicate that the click events get set up in Chrome (although I am not sure where JQuery saves event handler data). Each option entry has a unique ID tag.
$(".locn_option_select").click(function (locnevent) { // Set up click action on the option entries
locnevent.preventDefault;[code].......
I am looking for a solution for many days: my callback - function works well in firefox 5, IE8, but not in safari, opera, IE7 etc. The function "checken" is not executed. There are no error messages in the debugger of safari or IE7.
var session_id = $.cookie("fe_typo_user");
function checken (nummer){
var elem = "#img" + nummer;
$(elem).attr('checked',true); }
var url = "refreshCheckboxes.php?id=" + session_id;
$.getJSON(url,function(data){
$.each(data.posts, function(i,data){
checken (data.number);
}); });
The response of the script:
{"posts": [{"number":"1325"},{"number":"1303"},{"number":"1302"}]}
html (example):
<input
type="checkbox"
id="img1325"
class="merkzettel"
name="merkzettel1325"
value="img_1325.jpg"
/>
You can test it here: [URL]. Activate some checkboxes, load another site and then go back to this site and the checkboxes you have selected, must be activated by the script.
I am not a guru jquery coder and still have to learn alot, recently while learning jquery AJAX I have bumped into a weired issue, I have a apge right and in this page I have a dropdown list for people to select an RSS channel that they wish to know more about, the dropdownlist ahs an onChange event which when triggered it will get the value of the selected item in teh dropdownlist and post it to the other 'mini' pages that load on the same page via AJAX by using the GET method - ie: im passing the parameters like a normal querystring would. The problem is that when I assign the dropdown value to a variable called dropdown in the following line of code "var dropdown =document.getElementById('ddlChannelSelect');" it works in IE but not in the other browsers, I have debbugged this in FireBug and it seems that the variable dropdownlist is not actually getting the value of the actual dropdownlist nad it says 'null' or sometimes 'undefined'. Am I doing something wrong ? why is it that it is working in IE but not in other browsers ? can you pls give me a solution with some examples ?
[Code]...
I have a page that displays the latest products from an xml feed.
I'm using $.ajax to embed the products from a php page that uses curl on the feed.
It works in FF, Opera, Safari, but not IE8. Is there a common reason why this doesn't work in IE?
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">
[code]....
I have a simple XHR request that works well in Safari and Opera but not in Firefox. I have the following code:
Code JavaScript:
function AJAX(ajaxurl, ajaxdata, ajaxcallback){
if(!ajaxcallback) ajaxcallback=function(){};
var ajaxreqobj = new XMLHttpRequest();
[Code].....
Making Firefox 3 use the standard "ajaxreqobj.send(ajaxpostdata);" does not fix the problem.
What in the world is making my simple AJAX request work in Safari and Opera but not in Firefox?
Is there a cross browser way to change the opacity of an image? I have found a way that works for IE and Firefox but would like it to work in Safari and Opera as well.
View 1 Replies View RelatedI've searched high and low for some decent code that will allow a visitor to a website to bookmark the site through a hyperlink. The bookmarking is done through a javascript function that looks like this:
Code:
function OnBookmarkButtonClick (e)
{
if (window.sidebar)
[code]....
I need to add some detection for Opera, Safari, and Chrome. note that it must be feature detection, not browser detection. But as I said, I've searched high and low for this, and couldn't find anything.
I've searched high and low for some decent code that will allow a visitor to a website to bookmark the site through a hyperlink. The bookmarking is done through a javascript function that looks like this:
function OnBookmarkButtonClick (e)
{
if (window.sidebar)
[code]....
It does NOT work fine in IE8 or Safari. In both these browsers the height of the DIV that's being set is usually shorter than the other DIV it's being aligned with.Here's the code I'm using to resize the problematic DIV:
Function resize(height) {
$(document).ready(function(){
var div = $( "#annoucement-area-243" );
[code]......
This is the source code that I want to get the weather from Google API, Firefox, Safari, Opera will work, but IE can't get the value, so I did some test, and I found the reason xml structure in php page [code]
View 10 Replies View RelatedThis page [URL] works fine in other browsers(Chrome, Firefox, Opera, Safari), but not good in IE8
View 1 Replies View RelatedI'm using a nice little script which replaces the usual file upload input with whatever image you want and then with JS makes sure that an invisible 'browse' button is underneath the mouse pointer whenever the mouse is moved over the image you want to use.
It works on every browser ie7 ie8 ie9 FF safari chrome but not on opera. On Opera the regular file input appears.
I've had a good hoke round the 'net and I know there's loads of scripts which do similar things. But either they are too complicated for me to figure out how to use them eg uploadify (bit of a newbie) or they do similar things but just not as well - like making the custom image the same size as the file input would be (there's issues with that too).
Here's the script I'm using - there's not much to it
How come it doesn't work in Opera grrrr... Is there anyway to fix it? This is perfect for what I want apart from not working in Opera.
The very simple code (below) works fine in Safari (and Chrome, Firefox etc.), but it doesn't work in Mobile Safari. Why?(You can find a working example at: http:[url]....)
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>[code]......
I want use $.ajax to read some infomation from xml file,here is my js code :
$
.
ajax
({
[Code].....
However, the code only work great in firefox and opera. It doesn't work in chrome(7.0.517.24 ) and safari(5.0.1),failed without any alert,not even the alert("ajax failed"). Is there any bug in $.ajax in chrome and safari?
I'm trying to hide a few options in a dropdown box using .hide(). This works perfectly fine in firefox and chrome, but it doesn't work in IE and Safari. My original code is more complex but I've narrowed it down to this.I've tried several combinations and nothing has worked.hide() works, but not for things within option tags for some reason.[code]
View 1 Replies View RelatedI have a form that should be submitted via ajax; it works of ff and ie, but doesn't in safari 3.2.1.
I've simplified every page to isolate the problem:
The html:
View this message in context: [url] Sent from the jQuery General Discussion mailing list archive at [url].
Wrote what I though would be a simple script to convert Fahrenheit to Celsius, feet to meters... and vice versa. It uses onchange="calculate(this)" in the input fields, so when the individual enters a number and hits tab or enter it automatically calls the calculate() function and does the needed conversion. I'm passing (this), 'this' being the input field, and calculate() pulls out the needed data for the conversion.
It works great in Firefox. But in IE or Opera, the calculate() function never even gets called. I've searched for an answer, but to now avail. I haven't written much JavaScript and am not entirely sure what's causing the problem. Kinda makes me think of Java, where if you want to use action listeners, you need to first instantiate a listener object. Is there somekinda event listener in JavaScript that Opera and IE want instantiated? Here is my code in it's entirety.
[Code]...
The following code opens the desired IE page if you are using IE, FF, Chrome or Safari(IE).. Otherwise, if you're not using IE, you get a message that you need to use it (just the way it has to be for now.) The function doesn't work in Opera -- I'm using 9.63.
Code:
function checkBrowser(){
ns = (document.layers) ? true : false;
ie = (document.all) ? true : false;
ff = document.getElementById? true : false;
[Code]....
I have a code:
Code:
This is how XMLDoc looks before convert:[url]
After convert XMLDoc represents(checked with alert(XMLDoc)) an "object XMLDocument".
This code works fine with Firefox 4, but fails under Opera 11.10 with: Uncaught exception: TypeError: Cannot convert 'XMLDoc.getElementsByTagName("smf")[0]' to object
I've hosted a test suite at: Webkit Bug Clicking on the enlarged image doesn't work properly in Safari and Chrome.
View 2 Replies View RelatedI've used this plugin before and it worked just fine on all browsers. But on this assignment, it does not work on Safari. [URL] I am trying to get the banners at the bottom to animate. I don't understand why its not working
View 2 Replies View RelatedWhen I load a page with jQuery load() function API. It does not load the style section on the header using Safari and Chrome.
Attachments
test.php.txt
Size : 538 Bytes
Download : 524
I'm setting position left to 100% and it works except in Chrome/safari. These browsers set it about 100px from the left not 100%obj.css('left', '100%');Setting the css by itself <img src="" style="left:100%;position:absolute" works fine.I don't know if this is a browser problem or a jquery problem.
View 1 Replies View RelatedI have some simple code to have one div bounce around inside another. It works fine on Firefox and IE, but for some reason in Opera and Chrome it only moves left to right.
This suggests that Chrome and Opera allow you to dynamically set style.left but not style.top. This seems odd to me.
why this won't run as intended on Chrome or Opera?
Here's a very simplified version of my code to demonstrate the problem:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
[Code]....