Looping XML problem, Internet Explorer
Hi I am wondering why the following code does not work in Internet Explorer (tested in IE7 and IE8)... $(document).ready(function() { $('#selectbox').change(getxml); }); function getxml() { $.post( "script.php", { var: val}, readxml ); } function readxml(xml) { alert('outside'); $(xml).find('xmlfield1').each(function(){ alert('inside'); }); } The script sets up an event from an onchange of a select box. Once slected it hits a php script, then the callback of "readxml". For some reason the code never
Select Box And IE
Hello all, i have this problem. I've got a <select> with the multiple attribute on and then i got some jQuery doing som functions when one of the options is selected. Currently my code looks like this $("select[name=(thename)] option").click(function() { // do stuff.. }); and both this and the same with live("click") works in Chrome and FF, but once again IE drops the ball (like always -.-). I've also tried with .change() but nothing.. Any help is appreciated :-)
NOT_FOUND_ERR: DOM Exception 8 - fragment.appendChild( ret[i] )
I have a problem with a script in safari. firefox and ie work. The script fetches from another page content whats in a div and give it out on the current page. but in safari nothing is loading. I get the error "NOT_FOUND_ERR: DOM Exception 8: An attempt was made to reference a node in a context where it does not exist." in the row 113 (min) or 4500 (uncompressed) of the jquery 1.4.2. using jQuery 1.2.6, it goes, but other scripts and function do not work then. how can I fix this problem? my script
Fading slideshow with number and previous next
Hi, Please help, I am a newbie in jquery and I really need to know this script. What I need is something like the tour header of http://www.skype.com The one with fading slideshow and with number and next, previous arrow. I'm looking thru the net but I guess I'm not really pointing myself to the right way. Please tell me some tutorial links or if you know this code, its up to you. Thank you :)
jquery is not working after host
After hosting my site jquery is not working. I use the jquery with asp.net mvc 2. Inset the jquery plugin in master page as follows.. <head runat="server"> <title><asp:ContentPlaceHolder ID="TitleContent" runat="server" /></title> <script src="../../Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> <script src="../../Scripts/jquery-1.4.1-vsdoc.js" type="text/javascript"></script> <script src="../../Scripts/jquery-1.4.1.js" type="text/javascript"></script> <script
first visible sibling
Hello, I have an unordered list where the items can be visible or not and now I need to know which is the first visible item. For instance if my list is <ul id="myList"> <li>first item</li> <li>second item</li> <li>third item</li> <li>fourth item</li> <li>fifth item</li> </ul> and in the screen it looks like: third item fifth item What I need is 3. I tried some selectors but I can't get what I need, Anyone can help me out with this? Thanks and have a nice weekend?
Events get lost after ajax. live() won't work
Hi (function ($) { $.test = { main: function (){ // Shortcut $this = $(this[0]); // $this.live('click', function()... is not working! // $this.bind('click', function()... is working! $this.live('click', function(){ // Don't work, when element is new inserted by ajax. alert("klick!"); }); } } $.fn.myTest = $.test.main; })(jQuery); $(function() { $("#blah").myTest();
Manage/Block events
I can't seem to get a good process together for blocking events when an event is underway. For example, user clicks a tab or menu option and I want to stop all other clicks while the current event is processing. I currently push an event processing marker onto a stack and then set a callback at the completion of the event to remove the marker. Before any of the chosen click events can execute, they must check to see if there is already an event in process. What it seems, however, is I'm not getting
.load() not working in IE8
Hi, I've this code that works fine in FF, Chrome & Safari, but doesn't work in IE8, <script language="JavaScript"> setInterval( "SANAjax();", 5000 ); $(function() { SANAjax = function(){ $('#myDIV).load("divcontent.php").fadeIn("slow"); } }); </script>Appreciate any help. Thanks in advance.
How do you call a function in an iframe from outside?
I was wondering if there was a way in jQuery to call a function from within an iframe. Is there another way of writing: window.frame['myframe'][0].myFunction(); I tried: $('#myframe').contents().find('iframe').contents().myFunction(); but this does not work. Thanks for any help anyone can be.
Download file in background
Is there a way to get jQuery to download a js file in the background without parsing it? I have a CMS with a login form, which may take the user 3-5 seconds to fill in the data. I am thinking that if I can pre-load my js scripts which are used after the login page, then this will make things quicker after they login. Can this, and should this, be done?
setTimeout() - what's going on in IE6?
IE6 has got me again! I can write slideSuccess.show(); and all will be fine. When I replace that very line with setTimeout(function() { slideSuccess.show(); }, 1000); then, after 1 sec, my slide shows up garbled. Needless to say: the code works in all other browsers apart from IE... Does anyone have any ideas what is going on here? Thanks for looking.
Multiple problems with IE 8 and Jquery 1.4.2
Hey all, I'm getting some weird bugs in IE 8. First of all, I should mention that *everything* works as advertised in Chrome, Firefox and Safari. I'm encountering these problems ONLY when using Internet Explorer. When I run the following JS code to initialize the page- $(document).ready(function () { init($(document.body)); }); I get the following error message from IE- "Object doesn't support this property or method" The second problem I'm having with IE is that there's some sort of infinite loop
Does :checked selector work on radios after applying .button()?
I have hard time getting checked value from a buttonset of radios alert ($('input:radio[name=r'+id+']').val()) //returns value of the first radio in the set $('input:radio[name=r'+id+']:checked').val()) //returns 'undefined', even the radio is checked any advice?
MS filter:shadow and .Show() animation rendering issue
I seem to be having an issue using .Show(500) on a div block where the MS filter:shadow filter does not render. If I use .Show() without animation, the shadow filter works fine in IE, but as soon as I add the animation, the shadow does not render. This is only an issue with IE (surprise) as all other browsers are using some derivative of the box-shadow CSS3 property and they're all working fine. I even tried to add the IE specific class in the callback function using .addClass() and that didn't
Form file input element breaks while trying to reset using replaceWith
I'm trying to write a function that overrides the default browser functionality for a input file element, but somewhere, I'm losing a connection to my input box and after about 10 hours of debugging, I give up. I have the following function that takes the following arguments, all jQuery objects: ele_input : the file input box that has 0 opacity (.5 for testing purposes) ele_trigger : the UI button that triggers the ele_input box to show, making it able to receive clicks ele_text : a text input box
Make a toogle bar
ok this is my site http://mexicalifacil.com im working with wordpress 3.0 as you can see i have the "search" at the very very top. what i want to do is like a bar that will be open when you access the page, but people can toggle it on and off, as in hiding it. something like the one here http://www.complex.com/ but the have it on the bottom and i dont know where to start. and help wll be appriciated
Dynamic select lists
I'm encountering a snag when attempting to dynamically populate multiple dynamic select elements. I have the following object hierarchy Field --> Category --> Expertise which are displayed within a form as select elements, e.g., when 'Field' is changed then the 'Category' is repopulated based on the root index value of 'Field' and then 'Expertise' is repopulated based on the root index value of 'Category'. Below is the code I'm using: <div class="formRow"> <label class="desc"
e is null or not an object - recursive function IE8 only
Hi JQuery Forum... I have an issue when running the following recursive function using jQuery. It was initially noticed on http://duplos.org/ it has a recursive function for iterating through each "Bubble" and randomizing the new bg-position. Simplified version (of code): $(div.bounceBubbles').each( function () { $(this).css({backgroundPosition: '5px 5px'}); bounce(this); } ); function bounce(currentA) { newx = Math.floor(10*Math.random()); newy = Math.floor(10*Math.random());
load content into the same div two times
hello, in one page i have: ........ $("#tree_data").load("?", {action: 'EDIT_MENU_ITEM', menu_item_id: data.rslt.obj.attr('id'), nid: 3}); ........ <div id="tree_data" style="padding: 0 5px 0 10px;"></div> html loading in div "tree data". In this html i have submit button. i want click this button and change content in the same div "tree_data". in this html i have: ....... $("#form_edit").submit(function(){ $.post( "?action=EDIT_MENU_ITEM&submit=true&nid=<?php echo
load function does not work in IE 6
hi, my website www.hotel-nova.com works fine in IE7 and IE8. in IE6 the content does not load. what could be the reason for this? //content load start http://net.tutsplus.com/tutorials/javascript-ajax/how-to-load-in-and-animate-content-with-jquery/ $(document).ready(function() { var hash = window.location.hash.substr(1); var href = $('#nav li a').each(function(){ var href = $(this).attr('href'); if(hash==href.substr(0,href.length-5)){
$.ajax function and IE 8
The code below works in FF and Chrome but not in IE 8. Any ideas? $(document).ready( function() { $.ajax({ type: 'GET', url: 'index.php?module=hi_Products&action=getProductLines', success: function(o) { var options = ''; var j = eval(o); for (var i = 0; i < j.length; i++) { options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>'; } $("#product_line").html(options);
Chain function in success callback (ajax)?
Is it possible to chain functions in a success callback? This works: $("#BUTTON").click(function () { $("#form").ajaxSubmit({ dataType: 'json', success: function }); return false; }); This doesn't: $("#BUTTON").click(function () { $("#form").ajaxSubmit({ dataType: 'json', success: function,function2 }); return false; });
Performance problem in sliding divs
Hello, I want to implement a sliding effect like this one on cakePHP I mean, when you click on the "next" and "previous" arrows, the panel content slides ahead or back I tried $("#myPanel").animate({left: 600})obviously it was relatively positioned.. So I tried to accomplish that effect by animating the left CSS property, but it is very very sluggish even on newest machines, in all browsers except WebKit ones (actually, Firefox on Win is better than on Linux, but the animation still isn't smooth
Replacing Mouseover with Hover effect
I am building a site for my employer. I have good html skills, and new to css, etc. I downloaded a template to use which incorporates css. One of the pages has a gallery functioned by jquery. Rather than copy a bunch of html into this post, ill just put the link here so you can see what im looking at: Http://www.advancedentertainment.com/homepage.html (this is the main homepage) from there, click on corporate and you will see the gallery pop up. right now, the jquery has the thumbnails come up in
Recreating Facebook Attach a Link with preview
Hi All, I am trying to build a control that works like Facebook's Attach link control where when a URL is posted it grabs some images and text from the link and lets the user scroll through it and post it. Have you seen a control like that or if I have to build it, how would I start? Thanks!
make a link open new popup window (every time)
Hi. I have a link that needs to open a new popup window every time its clicked, including if the popup has already been opened. What I have already works fine in Firefox, but not Internet explorer. Here's what I have ... In the head part of my page ... <script type="text/javascript" language="JavaScript" src="js/jquery.popupWindow.js"></script> And in the body ... <script type="text/javascript"> $(document).ready(function () { $("#dock").popupWindow({ height:400,
Best way to use create a slide on hover?
I'm looking to slide a div, as in change it's left-margin (using positive and negative values), whenever someone hovers over another element. This element happens to be an image of an arrow, but that doesn't matter. What is the best way to do this exactly? I want it to to a smooth slide and continue to slide as long as the user is in that hover state....
Dynamically sized Slideshow. Scrolling forward but not backwards?
Hey there, I am really struggling to get this this slideshow/content viewer working correctly. The basic example of the functionality that I am after can be found at http://www.twenty3rd.com/jqueryhelp/indexSTATIC.html (please excuse the violent building colour) So fairly simple and ugly. The parent ul's position is adjusted to match the current slide, however the tricky part has been animating this and after staring at it for too many hours I really need to a second pair of eyes on this if anyone
How to dynamically set position for a component
I am trying to build this interface where there are icons and onmouseover, it displays menu choices for the corresponding. Instead of fixing the position of the menu box, is there a way to specify the left and top of that, relative to the icon that is being hovered? Here is part of my code: <table width="100%" style=""> <tr align="center"> <td> <img id="imgHead1" src="images/ccd.ico" alt="Info Center" style="position:relative; border:1px solid black;" />
Jquery in a Nested aspx page doesnot work!
I have written simple jQuery for a button click and this jquery code is in a child page of a master page here is the code: <script type="text/javascript"> $(document).ready(function() { debugger; $(function runeffect() { $("#btnRun").click(function() { $(this).find("#content").find("#myTable").find("#trname").find("#tblSubTable").find("#tdGridView").show(5000); }); }); </script> I have put this code inside the content
$.ajax or $.post
I'm trying to process a form. Here is my code: $.post( "process_order.php", $("#order").serialize(), function(data){ $('#loader').hide(); if(data == "success") { pTag = "<img src='http://www.heartofgold-usa.com/images/saved.png' width='200px'><br />Order Saved"; $('#popup').empty(); jQuery("#popup").append(pTag); jQuery("#popup").dialog('open');
jQuery("#cssSelector").functionName is not a function
OK, here's the deal. I have 3 javascript files. jquery.1.4.2.js jquery.watermark.js custom.jsI have verified all three files are loading using FireBug and files 1 & 2 are both coded properly because others use them without problem. custom.js looks like this: $(document).ready(function(){ $("#SearchForm_SearchForm_Search").Watermark("Search the DEA"); });FireBug throws an error on line 2: $("#SearchForm_SearchForm_Search").Watermark is not a function Please HELP!! Thanks :)
Keeping click events active after the first click
Hi all. I have a main menu with some links that, once clicked, activate a corresponding submenu. I use the click() method to add an inline function as event handler. Each link points to an anchor which corresponds to the ID attribute of the submenu (this is due to accessibility reasons). Additionally, I use the preventDefault() method of the Event object for preventing the normal behavior of the link from being honored. When I click for the first time on the link, the submenu is shown as expected.
AJAX GET won't work in Internet Explorer
Hey everyone, I have come a cross a bit of a problem. I have an AJAX function that sends a GET with 2 parameters (postalCode and streetName) and recieves a json array as response. The problem is: It's a danish site. In the danish alfabet we have letters like "æ, ø, å". Therefore we're forced to use iso-8859-1 as charset. It function it self works perfectly in Firefox, Opera and Safari. And the funny thing is, that it also works in Internet Explorer - until the streetName contains either of the three
[ajaxForm] Error when using ajaxForm with Fileupload
Hi, when I use ajaxForm for a file upload I get the following error message in Firebug: uncaught exception: [Exception... "Illegal operation on WrappedNative prototype object" nsresult: "0x8057000c (NS_ERROR_XPC_BAD_OP_ON_WN_PROTO)" location: "JS frame :: http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js :: f :: line 132" data: no] Does anyone got the same problem and solved it?
Array of objects, indexof or search
Hi, I've got an array like this: var test = [{date:'10/04/2009', name:'Good Friday'}, {date:'13/04/2009', name:'Easter Monday'}, {date:'04/05/2009', name:'May Day Bank Holiday'}, {date:'25/05/2009', name:'Spring Bank Holiday'}, {date:'31/08/2009', name:'Summer Bank Holiday'}, {date:'25/12/2009', name:'Christmas Day'}, {date:'28/12/2009', name:'Boxing Day (in lieu)'}, {date:'29/12/2009', name:'Extra Statutory Day '}, {date:'30/12/2009',
FadeIn and some simple tabs
Hi, I'm having an issue with using fadeIn on some simple tab jQuery I've written. I have a list of tabs which, when clicked, I want to fadeIn a div. This works fine with a show / hide and for the most part with fadeIn. However, if I click on the tabs quickly in a row, it sporadically shows multiple divs. I presume that this is because the previous fadeIn has not completed before the next click occurs. //When page loads... $(".info").hide(); //Hide all content $("ul.tabs li:first
Ajax post JSON help
Hello, I have a ajax post that is a datatype json. So my success function looks like this: success: function(d) { alert(d.name); }But it is not sure name exists. How can i check this out? Regards, Niels
function keeps repeating?
It is a beginners problem I'm sure but I'm making a menu and when hovered, the submenu appear. However, when moving the mouse the submenu keeps fading in and out a few times. Why? Can I stop the function from repeating itself over and over? $('#block-menu-primary-links ul:first li.expanded').hover( function(){ $(this).children('ul').fadeIn(300); }, function(){ $(this).children('ul').fadeOut(300); });With html: <div id="block-menu-primary-links"> <div class="content">
Next Page