I do the following:
var testdata = '<?xml version="1.0" encoding="UTF-8"?><menu><menuitem title="Accueil">data/page_de_garde.html</menuitem></menu>';
alert($(testdata).find("menuitem").text());
It is quite simple and works with both firefox and chrome.Unfortunately, IE8 display an empty alert box.
Note: I also tryed.find("\menuitem") and.find("\:menuitem")
I have the following jquery script for a link with id showHideNav on my page and I want to show/hide (toggle) 2 DIVs (#navigation and #welcomeOuterWrapperDiv) when the link is clicked:
$("#showHideNav").click(function() {
// store a cookie so we know if this link has been clicked in this session
var linkClickedCookieName = 'MoreLessLinkClicked';
if (showNav()) {
$("#showHideNav").html("More ↓");
[Code]...
I have a simple menu as you can see in which i want the link that gets pressed to change color to grey.(line26).But before that (line25) i use jquery to change all the links back to their original color.But that line of code destroys my hover effect on all my links for a reason.
<head>
<style>
.link {
color: #fff;
[Code].....
After the HTML page finishes loading, I want the JavaScript code to go tthrough all the text and replace some words. The following code works in FF
x=document.body.innerHTML.replace(/CC/gi,'Credit Card');
document.body.innerHTML = x;
but refuses to work in IE. It gives a "Operation Aborted" message and does not even render the orginal HTML. Any suggestions? .. Maybe I am going wrong about the entire thing, all i want is to alter text (not tags) on the page using JavaScript.
i added a random text generator at a page and it doenst work!
View 9 Replies View RelatedCan anybody find out why the scrolling banner text doesn't work in IE but does in everything else? code...
View 1 Replies View RelatedI've this script:
When I press again the "a.item_add" link it doesn't work (doesn't fadein the div again). how can I "restart" the script ?
I am starting in JQUERY and I experiencing something I don't know if it is normal or it is wrong programmed by me.
Inside a$(document).ready(function(){} I want to load a piece of page which is a form:
$('#C1').load('<anypath>/myfile.php #myID');
C1 is a div like this <div id="C1"></div>
the div myID is well loaded into current page. The problem is that I want to apply this code after load: $('span[id*="DT-myid"]').text("newvalue"). I want to change al span with this id to new value for translations purpose. The problem is that this code is ignored. If I copy the contents of myID into this page and I don't use load then the text function works properly.
This is a makeshift sort function for a table. I want to replace a div contents with a javascript function call. It works fine if I define the individual case, but the general case doesn't work. The problem lies with the +divHold+ part. It never converges to the passed value on the 2nd iteration. This is my Div:
[Code]...
The "Permission denied" cross site issue.
I have to check from my external domain if a service is running on localhost:8080 of a local machine.
I'm using XMLHttpRequest to do it.
I'm checking a local-web-server, not a file.
Every browser doesn't work, but Firefox. So I'm looking for a work-aorund.
An iframe? a flash swf? an applet java? HTA applications?
A side question is, why does FF work? Because it's a local-web-server?
<h1>November<span>2009</span></h1>
making a variable equal the h1 html() without the span text.
// equals 'November2009'
var monthDelete = $('h1').html();
// I need just 'November'
Why doesnt the following code work in IE. There is an error on the same row as fillText. It says object doesnt support this property or method.
<html>
<head>
<title></title>
<script type="text/javascript" src="excanvas.js"></script>
</head>
<body>
<canvas id='chart' width='500' height='200'>
[Code]...
[url]
@ page.load the init() function on this page will find everything just fine. However if I call init() after the load it does not find the referenced controls. My goal is to set the imageurl in the hidden "imageurl" textbox, then call init from the treeview to reload the image. Not rocket science, IF I could get it to find the controls.
What I don't get is the results from the "get objects" text box I put at the top. If I look though all the elements on the page, shouldn't I see a heck of a lot more than this?
I tried to use fade in the code below, it works in firefox but not ie7.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
[code]....
I've just tried the JQuery fadeIn effect and it works in FF, Opera and Chrome. But it doesn't in IE.
This is the JQuery code
//contact click, load data
$('#contact').click(function() {
$('#contentFill').fadeIn(1200, function() {
$.ajax({
[Code]......
I have a problem with hide() method on ie9: if I put this command after a flag, it (hide) doesn't work anymore.Obviously the same code works pertefect on firefox.[code]
View 3 Replies View RelatedMy on() function doesn't work. This is my code:
$(document).ready(function(){
$('button').on('click',function(){});
});
[Code]....
I am using latest jQuery 1.7, and it is loaded correctly.
I'm using the Jquery Autocomplete Plugin with jquery.1.4.4. I tried to use a new version of jquery, like 1.5.1 but doesn't work.
I'm asking if there is a way to work with the new version of jquery or i must change my autocomplete and use the jquery ui autocomplete.
here is my site: [URL] tabs don't work under IE - all div's are visible. I should add some code? I thought that jquery works under all browsers...
View 2 Replies View RelatedFor my work i need to make a form. At some points you have to choose an option from a dropdown select box. After you have chosen one of those some other field appear under the dropdown thing. I use the slideToggle event for this effect. In firefox its all working fine, but in ie 6.0 and 7.0 it doesnt work. What do need:A dropdown menu with a few options in it. You can choose one of those and after you select it a few other options apear under the dropdown menu.
[Code]...
I have a problem with a jQuery selector that works in both Firefox and Chrome but refuses to in Internet Explorer.
The jQuery line looks like
$('a[id*="show_ingredients_link"]').click(function(){
var id = this.id.replace("show_ingredients_link", "");
(".ingredient_row" + id).toggle(); return false;
});
Which is trying to select a click on the following bit of HTML (this is a Django template)
<a href="#" id="show_ingredients_link{{ i.id }}">
(Customise)
</a>
The intent is to toggle the visibility of some table rows that exist just below the (Customise) link.
I can tell this is a selector problem by adding an alert(); in the click function which isn't fired in IE.
<div class="c"></div>
I do $(".c:not(:last)").css({borderColor:"#0f0"}) This is OK in Firefox, but in IE all columns get this color. The :not selector doesn't work in IE. Why not?
I implemented a great photo gallery into a site I'm working on, but it will not work in any version of IE.
here is the page:[URL]
It works flawlessly on webkit, and works almost flawlessly on gecko... but no dice when it comes to the worst browser in the world.
I try to navigate through the cycle slideshow with a select box. This works fine in FF and IE9. But when I open the page in IE8 nothing happens when I click the select box.
This is my code:
$(function () {
$('.slideshow').cycle({
fx: 'fade',
timeout: 0,
[Code]....
$("#username").bind('blur',function(){
val = $(this).val();
if(val == ""){
alert("Username is a required field, please fill it in!");
$("#username-div").css("background-color", "#eeccdd");
$("#username-error").html("Please fill this");
$(this).focus();
}
});
this code doesnt seem to focus. i have also tried Javascript and even that isnt working? Basically i would like that input box with id username to be focused if user leaves it empty and moves to next form field?
I'm trying to combine two different jQuery scripts on my webpage. The one is showing flashvideos in a lightbox and the other one is displaying thumbnails in a slideshow.The problem is that only one script is working. I have searched the web and forums and found that several people have had this problem before and I have truly tried to fix it with noConflict(). The problem is that I have very little experience in Javascript so I haven't got it working.So, here are the lines in the code:
<!-- Video lightbox -->
<script type="text/javascript" src="/js/videolightbox/mootools.js"></script>
<script type="text/javascript" src="/js/videolightbox/swfobject.js"></script>
[code]....
I haven't coded any of these myself (of course), so I am not familiar with the variables in the files. So my target is to find a way to to use these scripts simultaneously.