Function triggering problem. It won't even alert!
Help I'm stuck!! I'm using Jquery in Wordpress. I want to add items and remove items from a page. I'm adding ok. But the remove function (detailed beside each element added at runtime) is not being triggered. For simplicity I'd like to get it to 'alert' first. Summary: Why won't any combination of function call work from these elements created at run-time? Anyone familiar with this? Please help! <script type="text/javascript"> jQuery(document).ready(function ($) { //addFeed();
[jQuery] unsubscribe
[jQuery] Is there a way to disable jQuery's automatic timestamping of GET requests?
If you do something like $("<script src='http://api.com/json/callback'<" + "/script>").appendTo ("body"); jQuery will tack a timestamp to the URL, in an attempt to prevent caching: http://api.com/json/callback?_=1247543709724 However, this can break APIs. Is there a way to disable this automatic URL modification?
[jQuery] How add data in Request Body using jquery ajax
Hello, I am new to jquery and so far not figured out a way on how to specify data in request body while making Jquery ajax call. I am trying to do this: var request_body = "some data"; $.ajax({ error:function(request){ alert('failure'); $('#error').html(request.responseText); }, success:function(xml, textStatus){ alert('success'); }, type: 'PUT', url: edge_server_root + '/timezones/' + timezone.id, contentType: 'text/xml', data: request_body
[jQuery] jQuery blockUI and blocking table elements
is there a trick to getting the blockUI plugin to work with tables? so the following html, <table id="blah"> <tr> <td>blah</td> </tr> </table> i want to call, jQuery('#blah').block() and have only the table be blocked. what happens is that the page ends up being blocked, not just the table. If i wrap the table in a div and block the div, then it works, but that messes up the layout. Setting, $('#blah').css('display','block').block() worked too but it screwed up one of the nested layouts.
[jQuery] Not able to Animate Initially Hide DIV
Hi All,,, I have some problem to Animate a DIV for which i have set Display property none initially.... I want to animate that div in perticular event.... here is my code........ <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <link href="Content.css" rel="stylesheet" type="text/css" /> <script src="jquery-1.2.2.pack.js" type="text/javascript"></ script> <script language="JavaScript" type="text/javascript" src="jquery.animate.clip.js"></script> <script language="JavaScript"
[jQuery] [autocomplete] Autocomplete bug for options.multiple along with bugfix
Hi, I generally participate on StackOverflow.com and found that a user reported problem with autocomplete behavior when options.multiple is true. I debugged through the autocomplete source and found that if options.multiple is true, mustMatch is false and if a user types in a word which doesn't belong to the autocomplete list, the 'result' event doesn't fire. Click here to see the example code for the bug as well as the bugfix I created. I would appreciate if someone can look at the code and tell
[jQuery] div display help
I am having some trouble getting some divs to display dynamically. Can someone please offer a pointer? ------------------------------------------------- <script type="text/javascript"> function update(x){ var id = x.selectedIndex; var v = x.options[id].value; var f = "test" + v; var c = document.getElementByID(f); c.style.display = "block"; } </script> <html> <div id="test" style="display:block"> testing div </div> <div id="x"> <select name="t" id="t" onchange="update(this);">
Bug jquery1.3.1 and Firefox 3.5 ?
There is some bugs related to the use of jquery 1.3.1 whenusing firefox 3.5 ? Because since I switched to Firefox 3.5, all functions using the .size() are no longer working !? Does anybody have the same behaviour ? when selecting some checkboxes with a tradictional selector: $("input[type=checkbox][checked]").size() this returns allways 0 (even if somes are checked!) this used to work on Firefox 3.0 but doesn't anymore ... There is a way to fixe it ??
Help with toggle show/hide an element left.
As the title states, I really need help with toggling an element left. I need it to start off hidden, then be shown when you click an element. This is what I have so far, but it's not working... $(document).ready(function(){ $("#clicky").click(function(){ $("#slide").animate({width:'toggle'},1000); }); }); I really really need help with this one..... thanks in advance
[jQuery] height/width of background image
hi, at the moment i'm trying to get the height width of the background image. but i always get the width/height of the full size of the div or the window size. for example if the image is not big enough for the browser window the image is more than one time in the screen and i need the width/height of ONE image and not of the div which is around or so. so far what i have tried: //1. ------ returns the full size of the div around var obj = document.getElementById('bg'); alert('background-image= '+getComputedStyle(obj,'').getPropertyValue
[jQuery] A job for you?
Hy I am looking for a javascript - jQuery - plugin developper. Somebody who likes to develop clean and fast code. It is a project, where I need some "editable", "contextmenue" and "editor" code. If you are intrested, contact me. info aet ignaz doet ch
Problems with Tabs
Hello, i have a Website with Nasted UI Jquery Tabs, but my the size of the main memoryof the ie prozess growes fast and after klicking a few tabs the ie stucks and dows nothing. Is it possible not to hold the clicking history or something in the main memory? thx for help Raphael
[jQuery] Need to delay closure of cluetip
I have a radiobutton list, and for each button I want to show a cluetip. I use the position attributes to ensure the tooltip appears in the same place on the screen for each radiobutton. However I want to delay closing the Cluetip, so that when my mouse hovers over each radiobutton there is no flicker between each cluetip. How do I do this? In addition, before a cluetip appears, I want to stop the boxes appearing as the Cluetip is loading. I set the waitIamage attribute to false, but this does not
[jQuery] close event on dialog ?
Hi everyone, I have ugraded JQuery to v1.3.2 But since i did that it looks like i've lost the close event on dialogs I've trying this : $('#dialog').dialog({close : function(){alert("lorem");}}); but when i click on the 'X' of the dialog nothing happens... Any idea where it could come from ?
[jQuery] Get the tagname from an event ?
Hi folks I have a function that operates on left and right arrow keypress, but I want to temporarily "return true" if they're pressed while an input has focus. One way I thought of was to check the tagname of the event ? The other way is to check the length of the input:focus array, but I reckon that'd be slower ? So having a function $(document).keydown(function(e) { // function code here } Is it possible to : a) filter the document so that input fields are avoided b) return true based on a check
Queue Each
I want to execute the same animation on each object in an array, one after another. I tried this: $("ul li").each(function(i){ $(this).queue(function(){ $(this).fadeOut("slow"); $(this).dequeue(); }); }); but it fades them all at the same time. What am I doing wrong?
[jQuery] How to implement the UI Slider
Hello Experts! I have been trying to comprehend the JQuery ui slider for a solid day, and I believe that every tutorial out there skips a giant step for beginners. Forget styling and options...how do you implement this Slider to begin with? I'm trying to turn each div class="slider" in the code below into a vertical slider (to replicate CSS overflow-y: auto, but with more style) I included all the libraries and plugins and copied the code from several demos, and NOTHING! Could somebody please explain
[jQuery] Trouble with Dialog window parameter
Anyone: I cant seem to get this to work. If I pass "modal:true" in as a variable it doesn't work. Anyone have any idea what is causing it to break? ======= Stark Working Code ========== var modal = modal; var content = true; var $dialog = $("<iframe frameborder='0' scrolling='no' allowtransparency='true' src='modals/" + modalID + ".html'></iframe>") .dialog({ modal:content }); $dialog.dialog('open'); ======= End Working Code ========== ======= Stark Broken Code ========== var modal = modal; var content
[jQuery] Determine content type in $.post callback
Hi, How can I check if the content type is JSON or HTML here (server can return any)? $.post(url, params, function(data) { if (!isDataInJsonFormat(data, this)) { editDialog.html(data); return; }; // Assume JSON console.log('This is JSON=%o', data) }); How should isDataInJsonFormat function look like? Cheers, Dmitriy.
[jQuery] Drag and Drop
Hi All, I am using "ui.draggable.js" plugin.To drag images.It is working fine but i want to restrict dragging out of div.How can i do this?Any Suggestions?
Call A Function Again, Recusive, With The Same Parms
I am running into a bit of a problem. Is there a way in JavaScript or jQuery to basically say call yourself (a function) again, with the exact same parameters that were passed into you (function). Basically I need this for a recursive function to stick into a setTimeout(). Below is the code. function recursive_wait_for_content(p_Div, p_JavaScriptPath) { //// // Continue waiting, because the div has no content //// if(p_Div.html() == '') { setTimeout({MAGIC_CALL_YOURSELF_AGAIN_HERE},
Send a input to server
hi, I am a novice in jQuery, need help from you guy. How can I send a input to a server to process and return the result. <input id="name"></input> <button id="send">Send</button> <div id="result"></div> and testResult.php
[jQuery] Autocomplete Focus Issue
Hi Folks, i have an issue with the autocomplete focus... i am unable to focus on the selected value..the value is when i selected one value it is displaying the previous one..i tried somany ways but found no luck.. Please refer my code once: jquery.autocomplete.js: http://pastebin.com/f22965a21 jquery-1.2.6.min.js : http://pastebin.com/d1b52208c autocomplete.css: http://pastebin.com/f673adaae auto.html : http://pastebin.com/f729bfa7b what went wrong ...please correct me
[jQuery] Multiple forms / validation error message & focus
Hi, I am really new to jquery and have been using it for the past few weeks. I have an issue that I am stuck in, would be grateful if someone could assist a little. I use java / jsp for a small application of mine. The application displays all regions as links on a page and for each region, I show a form as a pop up (using jquery - hide / show). The form allows the user to modify the information about the region, and for this it has a few fields and a submit button. I am using the bassistance validation
[jQuery] Inserting <LI> elements
Given this HTML: <ul class="list"><li>item 1</li></ul> How would I insert <lI> elements inside the <ul> element after the existing <li>? I tried using append() but that created a second <ul> element with the new elements inside it after the existing <ul> block. --
[jQuery] jQuery Validation - group input field validation
Hi, How can I do validation on a group of input fields, as long as one of the 3 fields have a value then it's valid, I've managed to group them, but it's showing up with 3 error messages instead of one. How can I get it to display just the one error msg for all 3 input fields? Here's my validation js. var container = $('#errorContainer'); var validator = $("#contactform").validate({ rules: { firstname: "required", lastname: "required", email: {
[jQuery] Superfish Dropdown Menu help
I may be missing something here, but I added the Superfish Dropdown Menu module to my Joomla installation for use with my Virtuemart Shopping Cart and for some reason it looks very messed up. If some of you would like to view it and tell me what you think is wrong please feel free to go to the site in question. https://store.gordonwater.com Thank you! GordonWaterSystems Website Administrator
[jQuery] How to add an element to an object?
Hi, am very new to jquery and I want to do something that I suppose is very easy but I can't figure out how to do it If I have something like this: var d = {one:1, two:2, three:3}; and I want to add a new item to d, how can I do it? I have looked up the documentation and found the function called data (name, value) and I tried doing this $(d).data("four",4); but it wasn't added Thanks in advance
[jQuery] Cycle "after" function fires on init
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> </head> <body bgcolor="#ffffff" text="#000066"> Having problem with "after" option function firing *immediately* after the "before" function but only on initialization. Have tried updated versions on Github, tried older versions from Git and can't find one that doesn't do this Set up following test page to print time when "before" and "after" fire. Get a print each and every time, right after "before" on first slide, then
[jQuery] Sanitizing non printable chars in xml returned from SOAP
I am making an $.ajax request to a SOAP 1.1 webservice and the service is returning non-printable chars within the XML. Since these chars aren't allowed in the 1.0 spec Firefox (not IE) is throwing an error. I have tried using the dataFilter option to remove the chars but it looks like the XML has already been validated (and failed) by then. Any clue what I can do to sanitize the xml so that I can process it (I have no access to change the data I am requesting). Thanks! -jason
Hide page until finish loading?
Hi! just wondering if theres a script that hide page until it finish loading? it would be great that it fades out to show that content when it finish loading
[jQuery] Dialog Box Trouble w/ Variables
Anyone: I cant seem to get this to work. If I pass "modal:true" in as a variable it doesn't work. Anyone have any idea what is causing it to break? ======= Stark Working Code ========== var modal = modal; var content = true; var $dialog = $("<iframe frameborder='0' scrolling='no' allowtransparency='true' src='modals/" + modalID + ".html'></iframe>") .dialog({ modal:content }); $dialog.dialog('open'); ======= End Working Code ========== ======= Stark Broken Code ========== var modal = modal; var content
Drag and drop, very slow
Hi all, Please the link to see what I have done so far..... http://www.markdw.com/jquery/drag_drop7.php It is a day planner, where various places can be dragged on to the day planner. It works, but it seems very slow. Running firebug profile when dragging a simle place into a single slot tells me that over 35,000 calls were made. Any help or advice much appreciated!
getScript() issue under ie6 (doesn't execute the script)
Hi, I'm using getScript to load a script which basically contains a variable, and then i'm using this variable in the callback function. It looks like that : $.getScript( myScript.js, function() { // execute this code on success $("div#result").html(myVar.content); }); and, the script i am loading (myScript.js) is simply : var myVar = { content: '<img src="http://awebsite.com/foo.jpg" />' }; It works fine under FF, Opera and Safari, but it doesn't work under ie6. I get this error : "myVar is undefined"
[jQuery] JQuery Table Scrolling
HI I am able to sort the Grid using JQuery Using AjaxOptions and Sortable action items. Can i have some plugin which helps to make the Grid Scrollable ? Thanks in advance. Aditya Marla
[jQuery] getting xhtml custom data in select box
Hello, I have the following selectbox xhtml structure: <select id="price_item_1"> <option value="50" data:interval="1">Volvo</option> <option value="100" data:interval="0">Saab</option> <option value="49.99" data:interval="0">Mercedes</option> <option value="19.99" data:interval="1">Audi</option> </select> Now I want to get the data:interval attribute value of the selected option. Which syntax should I use with jquery selector? Currently I have: $("select[id^=price_item_]").attr("data:interval")
[jQuery] Expansion of another Layer when first Layer changes size.
Hi, I have two layers. One of them changes the size if the inner elements raising its height. Now I want to mirror the size of that container and tell the other layer to have the same size. I know, I can add a function which should be called, after an effect takes place, but I also want to have the same effect for the other layer synchrone. How to do that with jQuery? :)
[jQuery] Pop out menu gets stuck in a loop
Hello, I am having a problem with a pop-out menu I scripted. It is very easy, with a combination of mousing off and back over the menu, to get the menu to cycle endlessly from hidden to visible. If you move the mouse this behavior will stop, but I'd rather it didn't happen at all. Part of it may be due to the design, but that wasn't up to me. I have mutated my simple script quite a bit trying to eliminate this behavior, but I am not much of a jQuery/JS munger. The code for the menu as it stands is
[jQuery] Dynamically created Modal using the Dialog method
Anyone: I cant seem to get this to work. If I pass "modal:true" in as a variable it doesn't work. Anyone have any idea what is causing it to break? ======= Stark Working Code ========== var modal = modal; var content = true; var $dialog = $("<iframe frameborder='0' scrolling='no' allowtransparency='true' src='modals/" + modalID + ".html'></iframe>") .dialog({ modal:content }); $dialog.dialog('open'); ======= End Working Code ========== ======= Stark Broken
Next Page