[jQuery] Problem Using find() with foreign html
I am loading an external html file and selecting portions of it using jQuery to be able to insert portions into the primary html document. I basically want to use sections of an external html file as a template. The problem I am encountering is with finding elements contained within html > body. When I call find("#some-id") which is contained within html > body of this external html jquery, the size always returns as zero. If I next this same element within div or span tags (instead of html > body),
[jQuery] .text() gets nothing in IE
Having the following code: var xml="<status><connected>true</connected></status>"; var r = $("connected",xml).text(); alert('got it: '+r); This code gets "true" in FF but prints nothing in IE. Please help. Or give me another way how to get "true" value from XML string in IE. I have no idea how to make it work. Thank you.
[jQuery] Using some sort of client identification in javascript
Hi all, I have a problem which is moderate in difficulty. It doesn't apply directly to jQuery -- but given the general aptitude of the users on this list, I figured I'd be able to pick some brilliant minds. I'm writing an API in jQuery which I'd like to distribute to my clients to use on their sites. Each client needs their own ID so I know how to collect data relating to their entity on my own back end. This is very similar to what Google Analytics does, I think. (It isn't for collecting statistics
[jQuery] $(document).ready IE problem
hello guys, i have this prob with the $(document).ready function in Ie. Have a look: http://rv.xhost.ro/RaduValentin/ In FF it works perfect...but in Ie it doesn't pass the $ (document).ready have any ideea why?
[jQuery] Can anyone explain this? find finding more elements than exist
I'm on the BBC homepage - and they're running jQuery 1.1.4 This is a few queries I ran in Firebug:
[jQuery] destroy modal on close instead of hiding it...
I have a modal that loads via ajax. I need it to load fresh each time instead of doing a simple show/hide once loaded the first time. I tried a lot of different things, I'm just wondering how anyone would handle this...
[jQuery] How to underline text?
I have <script type="text/javascript"> $(document).ready(function() { $('#MyBox').css({ cursor: 'pointer', padding:'10px 10px 10px 10px',position : 'absolute', top : '290px',left : '10px', width : '100px', margin : '0px 0px 0 0' }); ... ... .. }); </script> and then in HTML body <div id="MyBox">This text must be underline</div> How can I underline that text above? Thank you for help. BB.
[jQuery] Addressing classed elements and addressing them
Hi you guys, I'm working on a page here and have hit a wall. https://www.uakron.edu/forms/residenceLife/ When I click on the "Add Another Task" link at the bottom, I clone the first and appendTo the main wrapper (#tasks). I'm appending a textarea class="input_taskDescr". You'll see that when you click on the first text area that it's detected but the rest aren't. I'm wondering if the way I'm adding them to the #tasks wrapper is incorrect? Any help would be crazy appreciated. Regards, Casey Wise
[jQuery] Jquery plugin design question
I hope this isn't so obvious that i'm just missing the point. I'm working on a couple of plugins that all have the following basic design : jQuery.fn.Text = function () { return this.each( function() { //some code function someFunction() { } }); }; When I use the plugin ('#element').Text() everything works perfectly. The element is transformed but my question is how do I retain a reference to the functions defined within the plugin return loop. Can I assign the return of .Text() to a variable
[jQuery] Major release of jQuery.SerialScroll
Hi all I added a new release, with a lot of new features. Some of them are: -Close integration with LocalScroll (can interact, and also use the same settings hash). -The possibility to call SerialScroll on the same element more than once. -Add a group of elements that will scroll to specific elements (w/o using LocalScroll). -Call SerialScroll on many elements at the same time. These are some of the features.. here you have the full list: http://flesler.blogspot.com/2008/03/jqueryserialscroll-120-released.html
[jQuery] css properties
Hi All, This is working, but there's no doubt a better/more compact way to write it. I'm obviously repeating myself. Please enlighten me : ) <!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" xml:lang="en"> <head> <title>TypeCSSet dev</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="/js/jquery-1.2.3.js"></script> <script language="JavaScript"
[jQuery] call a function every time a different option is selected in a select element
Hi, I'd like to call a certain function whenever I select a different option from a select element. I tried the following (as well as several other variants) but it didn't work: $("select#category option[selected!='']").change( function () { myfunction(); }); Please note that I'm trying to select the option for which the "selected" attribute is not an empty string ''. The selector returns the right option but then I don't know how to associate that selection (or its change) to the right event.
[jQuery] Cycle Plugin and modal window
hi evertbody is it possible to use the Cycle Plugin together with the simpleModal or any other modal wnidow plugin? has anyone ever tried to do that? Thanks vitto
[jQuery] Strange errors with $.ajax()
I'd like just to report some minor problem, that is quite hard to debug and it can cause a lot a temporary nightmare. Assume you have the following query parameters: var p = [{ "query": "myQueryString" }]; // badly defined query string.. should not be an array You now try to make a simple AJAX JSON call like: $.ajax({ type: "POST", url: "myurl.txt", // serialize the array of data data: $.param(p), // we expect JSON data coming back dataType: "json",
[jQuery] Grow a <div> from center to Window size
Hi there, i´ve searched the whole web, but found nothing and have no idea where to start. Here is what i want: I have a <div> centered in the middle of the page. Now, the div should grow from center to the size of the browser-window. If anyone could help? Would be nice :-) Regards, andresga
[jQuery] Problem wait until function completed???
Hi, I'have problem with a javascript jquery function like this: function buttonEffect() { $('#button').fadeOut("slow"); $('#button').fadeIn("slow"); alert('Hi'); return; } Javascript don't wait until buttonEffect() completion. It shows window alert 'Hi' before 'fadeIn' and 'fadeOut' start. What's the problem??? Thanks in advance.
[jQuery] Traversing to body element of ajax response
Hi, I am trying to set the id and class of my <body> to match the id and class of a <body> tag returned in an AJAX response. I added the following code to my AJAX call: success: function(data, textStatus) { jQuery("body").attr("class", $ (data).find("body").attr("class")); jQuery("body").attr("id", $ (data).find("body").attr("id")); } But $(data).find("body") seems to resolve to an empty array. $(data).find("#wrapper") also resolves to an empty array (it is the first element below the body). $(data).find("#navigation")
[jQuery] Tabs & slideviewer - Refiring the window load event
On each tab (the pictures of the cars are a tab button) contains a slideviewer plugin. I'm the binding the slideviewer plugin with the binding load event to initilize here: http://gornoford.com/ford-gt-500-kr.php like so: $(window).bind('load', function() { $('#gallery').slideViewer(); $('div#gallery-ford-shelby').slideView(); $('div#gallery-ford-kr').slideView(); }); On the other tabs I have slideviewers as well. The tabs that aren't selected are not initializing the slideViewer. Anyone
[jQuery] Aptana plugin within Flex Builder 3
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=us-ascii"> <META content="MSHTML 6.00.6000.16608" name=GENERATOR></HEAD> <BODY> <DIV dir=ltr align=left><SPAN class=967242813-11032008><FONT face=Arial size=2>I'm considering installing the Aptana plugin within Flex Buidler 3 so as to keep all AIR type functionality together. Has anyone done this and if so, what Aptana version did you use? I can't find any mention
[jQuery] jCarousel: more instances on one page
Hi there, sorry, I am not very familiar with JS. I am trying to attach a jCarousel to more than one instance at a page. I have in CSS one ID defined as <div id="mycarousel">... But I would like to have more than one carousel on the page. jQuery(document).ready(function() { jQuery("#mycarousel").jcarousel({ [...] Attaches the thing to the #mycarousel ID. But how can I attach it to the IDs, say #mycarousel_1 #mycarousel_2 #mycarousel_3 #mycarousel_4 Any help would be nice! thank you!
Tabbed navigation hiding problem
Hi, Im relatively new to using JQuery and have come across a problem I cant quite solve. I have a tabbed navigation that hides and shows divs dependant on which li is clicked. Everything works ok in Firefox, but in IE6 and IE7 the un-selected divs will not hide, resulting in all my content being on show instead of just the one menu choice. Here is a live link to my page in question (works ok in firefox) http://www.tomhorner.com/websites/starkey/productmenu.php and the jquery used http://www.tomhorner.com/websites/starkey/jquery_scripts/tabbed.js
[jQuery] [treeview] ie6 no expand/colapse
<a href="http://63.144.103.199/industrial/enclosures/wallmount/index.cfm" target="_blank">http://63.144.103.199/</a> works fine in ie7 and ff but in ie6 it dosnt collapse/expand onclick of the plus symbol any ideas? thanks -paul
[jQuery] jQuery & AIR development
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=us-ascii"> <META content="MSHTML 6.00.6000.16608" name=GENERATOR></HEAD> <BODY> <DIV><SPAN class=546183121-10032008><FONT face=Arial size=2>Have any of you had experience with creating an AIR app using jQuery as the driver?</FONT></SPAN></DIV> <DIV><SPAN class=546183121-10032008><FONT face=Arial size=2></FONT></SPAN> </DIV> <DIV><SPAN class=546183121-10032008><FONT
[jQuery] Jeditable question
IT is not clear to me through looking at the documentation what code to use. I want to pass a variable to the php script that is used to update a cell in a database. How can I pass an ID value? Here is my jquery code: jQuery("document").ready(function() { $("#ratesTable td p").editable("cell.php",{ indicator: 'loading...', id: '9', }); }); The processing page gets loaded then, which only contains the following PHP code: print_r($_POST) which displays all of the POST variables
[jQuery] capture value from 'alert()', pass to url and update select
hi, I'm looking to add some simple ajax functionality to an interface I'm working on but need a little guidance first. I have a select tag in my form which lists the available categories. In the label I have a link that says 'add a new category'. What I'm after is the link to trigger a JS alert box or even better Thickbox to show a form field which I can fill in and submit to a url. On success the contents of the select tag will have the new item appended to it. I'm really new to jQuery, so any links
[jQuery] [form] Hack to prevent jquery.form executing script twice
When I set up a form that did file uploads through the excellent jquery.form plugin, I came across 2 issues: 1) I could not "detect" whether or not an iframe was used. 2) When uploading files, the behavior was different from a normal form submit because all the javascript in the response was executed twice. Note that my form submit returns plain html and script (which is perfectly acceptable for the plugin when not uploading files). I wanted the plugin to be transparent for both uploads and non-upload
[jQuery] passing css to an ID via select/output
Hi All, I'm new here and to jQuery. Trying to get started by developing a typographic tools for visual designers learning CSS. I want to pass the value of <option> as font-family to a div. Here's what I have so far: <!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" xml:lang="en"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript"
[jQuery] jQuery.noConflict( extreme ) for Fluid App
What is Fluid App? http://fluidapp.com/ I'm considering proposing to Todd (author of Fluid) the inclusion of jQuery in Fluid. The idea being that Fluid userscript authors would be able to use jQuery to write their userscripts; Fluid would automatically include jQuery in every page it loads. Obviously, this creates a big possibility for conflicts with sites that use other libraries or even jQuery. Would this be a valid use case for extreme noConflict? var fluid = {}; fluid.query = jQuery.noConflict(true);
Checkbox and accordion
Checkbox and accordion (without the accordion plugin because of checkbox). Hello, Could you please help me making this accordion like code more powerfull and or building a plugin ? Html : <div id="div6"><!-- div1, 2, 3 ... --> <input name="check6" type="checkbox" /> <span>Title</span> <br /> <label for="txt6">Comment : <textarea name="txt6" class="expanding"></textarea> </label> </div> Jquery : $(document).ready (function() { $('div label').hide(); // #div1
Probally really simple
Hey guys im very new to jquery so please excuse my simple problem, basically what i'm trying to do is the following... if within my page content i have an image with the id of cat i want jquery to inject straight after it another image with the id of mouse soo source would look like <div id="container"> <img id="cat" src="cat.jpg" width="100" height="00" alt="cat" /> </div Jquery runs and makes source like <div id="container"> <img id="cat" src="cat.jpg" width="100" height="00" alt="cat /> <img id="mouse"
[jQuery] will attr() return an javascript object?
hi,i have those html code snippet: ... <input id ='test' ajax="{url:'http://localhost',element:'inputid'}" /
[jQuery] EqualTo but only if checkbox is checked
How can I compare 2 text fields only if a certain checkbox is checked? Can you do something like this? billingAddress: { required: true minlength: 5 equalTo: "#shippingAddress" && function(element) { return jQuery("#comparefields").is(":checked"); }, I'm not sure if this is possible or how to form this correctly. I assume you'd be able to do this in an equalto along with specifying which field to compare to.
[jQuery] XML case problem on Firefox
Hi, I'm trying to parse XML string using jQuery 1.2.3. It works fine on Safari, but on Firefox 2.0.0.12, the parsing does not work correctly for camelCase tags. var s1=$("<junk><camelCase>data</camelCase></ junk>").find("camelCase").text(); var s2=$("<junk><camelcase>data</camelcase></ junk>").find("camelcase").text(); alert(s1+"="+s2); This shows "data=data" on Safari, "=data" on Firefox. Any suggestions for workarounds or better methods to parse XML strings?
[jQuery] jCarousel smooth scroll (ie. no delay/pause)
Hi, I've seen this question asked a couple of times but no answers have been given. I'm trying to configure the jCarousel plugin to remove the pause between items, so that it functions with a smooth continuous scroll - like a horizontal news ticker. I've tried to modify the plugin script but haven't had much luck. Can anyone please offer some advice? If this is not what jCarousel should be used for, then any other help would be much appreciated. I've tried liScroll but it seemed to contain a couple
[jQuery] Call a JQuery function
Hi Is it possible to call a JQuery function from a javascript function ? Can you show me the syntax ? Thanks Pedro
[jQuery] Problem rewriting whole page using JQuery
Hi, I'm newer on JQuery. I need rewrite a whole page after Ajax request. My Ajax response is a Html code of a whole page not just a portion html code . I need some like document.write() or document.documentElement.innerHTML in JQuery syntax... I tried this: var result ="<html>.....</html>" $(document.documentElement).html(result); but I'got this error : "head has no properties" Thanks in advance...
[jQuery] show/hide with jquery painfully fails in safari 3 / document.ready fires way too soon in safari
hi, looking for help / has anyone else notice really bogus behavior in safari: it is as though the document.ready function fires WAAAY too early, as in, before the jquery library has loaded? everything works fine in firefox, opera, even IE6! this is super-basic show hide stuff here. when the page loads, elements are hidden, when you mouseover another element, others show. so the issue is in safari: when the page loads, everything is *showing* when i have it set to be hidden. again, this issue is
[jQuery] implement jQuery carousel
Hello List, Who is willing to implement jQuery carousel at http://www.imprimerie-basel.ch? Yours, Martin
[jQuery] .serialize() not working on DOM form
Hi- I am using google maps, and I have a form I am creating on the fly as follows: var inputForm = document.createElement('form'); inputForm.setAttribute('id','new_property'); inputForm.setAttribute('action',''); inputForm.onsubmit = function() {storeNewProperty(); return false;}; inputForm.innerHTML = '<label for="new_name">Name</label>' + '<input type="text" id="new_name" style="width:100%;font- size:10pt;" />' + '<input type="submit" value="Save" />' map.openInfoWindow(latlng,inputForm); However,
[jQuery] jquery form, IE issues
I'm using jquery form plugin (http://www.malsup.com/jquery/form/), and have a simple form that uploads to Amazon S3. Everything works fine in Firefox, but in IE, neither the success, nor the error handlers are called when a http 204 response is received. However, 204 responses from my own test webserver are processed fine. The obvious difference (to my newbie eyes) between the 204 response from Amazon S3, and from my test webserver is that the response from Amazon does not include a Content-type
Next Page