[jQuery] Test if jquery has loaded
Is there a small piece of code you can put on a page to test if jquery has loaded? Thanks
[jQuery] Release: Treeview plugin 1.4
I've just released an update to the <a href="http://bassistance.de/jquery-plugins/jquery-treeview-tooltip/">treeview plugin</a>. One major improvement are completely overhauled themes, based on CSS sprites that require only two images. That makes customizing them much easier, while also improving performance - less file, less filesize. Also new are lazy-loaded trees, based on Ajax and JSON. From the changelog: <ul> <li>Fixed tree control to search only for anchors, allowing images or other elements
[jQuery] [validate] validator.pendingRequest below 0
Hey Jorn, I believe I have found a bug in jquery.validate 1.2. I use a few "remote"s to make sure a username or an email is not taken. Sometimes I would have some errors in my form and would click the submit button a few times to validate fields - and then would fix the fields containing errors, and then try to submit the form, but it would simply not submit. So after a lot of trial and error I decided to add the following line: alert(validator.pendingRequest); in this block of jquery.Validate code:
[jQuery] intercepting links and adding a short animation before executing them
hello guys, the title tells it all really: intercepting links and adding a short animation before executing them this might be the most amateur question for tonight - however an answer would be very appreciated. example: i have a simple navigation in an unordered list. i want to make the page i am on fade away in a smooth short animation before the onclick- event is actually executed. thanks in advance for any help. s
[jQuery] [validate] Wait to send remote until user pauses/finishes typing
Hi, I've got a textbox which has a remote rule on it which works very well thanks. However I get a request on every keypress, would it be possible to add a (definable?) delay after the keypress before the request is submitted which, if another key is input before the delay times out causes the delay to be reset. I hope my rambling makes sense! If not, I think http://www.selfcontained.us/2007/10/07/ajax-requests-when-users-stop-typing/ describes the issue. Once more - thanks for all your hard work!
[jQuery] How to load content inside iframe into DOM?
Let's say I have webpage that has an iframe containing some other website that I don't own such as Wikipedia. Is it possible to have a javascript function on MY website triggered every time someone clicks a link on the site contained in the iframe?
[jQuery] getting 'undefined' using jquery.expander
Hi All, This is my first post and am VERY new to jquery (but love it!), so please forgive me for any violations of protocol. I'm using jquery.expander with the following code: $(document).ready(function() { $('ul.expander span').expander({ slicePoint: 0, expandEffect: 'fadeIn' }); }); to make the embedded ul (within the span) in the following code hide and show: <ul class="expander"> <li>Apply the right information and resources in an organized
[jQuery] frameReady plugin and reloading iframes
So, I've been using the brilliant frameReady plugin, and when I ran across an issue: I'd like to be able to reload an iframe (sometime after initial loading) and have frameReady perform the exact same actions as it did to begin with. I think this is a similar issue as re-binding of events to DOM elements after they've been replaced using Ajax. Has anyone else run across this situation? - jake
[jQuery] [ANNOUNCE] jQuery UI & Enchant Alpha Versions Released
The jQuery UI team announced today the release of alpha versions of jQuery UI 1.5a and jQuery Enchant 1.0a! The projects aim to address the need for a strong set of UI controls and effects to complement the jQuery JavaScript library. From Paul Bakaus, UI team lead: Hi everybody! I'm very happy to announce the first alpha release of both jQuery UI 1.5 and jQuery Enchant 1.0 to all the adventurous guys out there. This is a huge update - the whole API has been standardized and updated, and many of the
[jQuery] FireFox Click Function Can't Access DHTML Element
Let me try to explain this. I'm creating a a bunch of div layers dynamically which all contain child elements in some form or fashion. Point being, I'm creating a link dynamically and adding a class name to it. Then I have a bit of JQuery code that binds a click function to that class name. When I click the link in IE7, everything functions as expected. In FireFox, however, the DHTML created link can't find the click function I created with JQuery. I will paste the code below, which is self functioning
[jQuery] jquery cycle works in FF but stretches to the bottom in IE
Hi guys I'm new to this group and I hope someone can help me out here. I am developing a page which uses jquery carousel and cycle plugins. The cycle plugin is giving me trouble. The cycle plugin works like a charm in FF but IE it does not play any affect and it stretches all the way down as if there is no js applied to it. Here you can see what I mean: http://afternine.be/development/htm/index8.html When you look at it you will see it works in FF but for some reason IE does not freakin render it
[jQuery] [validate] Delay remote until user pauses/finishes typing
Hi, I've got a textbox which has a remote rule on it which works very well thanks. However the server gets a request on every keypress, would it be possible to add a (definable?) delay after the keypress before the request is submitted which, if another key is input before the delay times out causes the delay to be reset. I hope my rambling makes sense! If not, I think http://www.selfcontained.us/2007/10/07/ajax-requests-when-users-stop-typing/ describes the issue. Once more - thanks for all your
[jQuery] Another IE Sliding bug, the weirdest (some elements disappear and others not on SlideDown)
While building my application with jQuery I found out this really weird internet explorer bug: Applying SlideDown to elements that are relative positioned or that have relative positioned parents, some elements just disappears. This behaviour may be checked at http://www.arkilus.blogspot.com and a clean html at http://paste.lymas.com.br//?q=22246 Performing some tests i found out some actions that bring that elements back: - Edit ANY css property live with IE Devoloper Toolbar - Fade effects in any
[jQuery] Code that works in FF but not IE7
Hi, I'm kinda confused, I've got some code that puts a frame into a table as a new row when a row is clicked. Now it works in FF but not IE. I've been browsing around and come to no solutions. Now the problem is that my code errors out on the line: var el = this; not sure why. Here's the code. Anyone able to help me out? function initAccessInfo(infoUrl) { var infoRows = $('tr.accessInfo'); $('tr.access').each(function(i) { this.loaded = false; var info = infoRows.eq(i); $(this).click(function()
[jQuery] Thickbox Alternative that Works with jQuery
Thickbox is great and I love the way it works. Is there anything else like it that works with jQuery?
Is this a bug? [no it's not, so SOLVED]
http://abc.net.au/news/btn/story/test.html The presence of an inline @import style throws safari out with regards to hiding a div. All other jQuery functions work for safari but not .hide()? Unfortunately the inline style is required to display a global navigation as seen in the real world example (where the bug was discovered) at: http://abc.net.au/news/btn/story/071108.html
[jQuery] Using Literal Objects in Javascript with JQuery
Hello, Here is a great screencast tutorial on how to better organize your js code with Literal Objects and JQuery. The author is brazilian and he talks portuguese, but you can follow and understand the tutorial without any sound, just seeing what he do on screen. http://www.tuliofaria.net/arquivos/videotutoriais/jsobjetoliteral/ Good luck! rics
[jQuery] Detecting the selected Item when it is load via ajax
Hi, I have 3 related selects - Districtid,Circuitid and Churchid. When a user selects a districtid it populates the Circuitid select list with Circuits for that District. When the Circuit list is populated it automatically has the first circuit selected and this then loads the churchid select list with churches related to the circuit. When the churches load the first church in the list is selected and what I need to do is detect the value of this church (churchid) so that I can pass that to a table
[jQuery] jQuery Cycle not working in IE 6 (You have to love it)
Hi, I am using jQuery Cycle on our portfolio page and all is fine, apart from IE6 (Shock IE6 not playing ball?) can anyone help me? Please? Here's the page... http://www.c9dd.com/v2/portfolio/index.php Thanks Ash
[jQuery] How do I filter an XML file?
XML sample: <?xml version="1.0" encoding="UTF-8"?> <query columns="18" rows="851"> <row> <criteria_txt>(iv)</criteria_txt> <danger/> <date_inscribed>1983</date_inscribed> <http_url>http://whc.unesco.org/en/list/275</http_url> <id_number>275</id_number> <image_url>http://whc.unesco.org/uploads/sites/site_275.jpg</ image_url> <iso_code>ar,br</iso_code> <latitude>-28.5433333300</latitude> <location>State of Rio Grande do Sul,
[jQuery] Finding index of the first empty text field
Hi all, I'm trying to find the index of the first empty text field (class name is item). I am able to get the text field object by using: $(".item[@value=''"]) However I can't get the index, i.e., which text field is it? The number of text fields are dynamic, but there will always be at least one that is empty. Using: $(".item[@value=''"]).index(this); Returns: -1 Also tried $(".item").index($(".item[@value=''"])); also returns -1 Anyone know how to do it? Cheers.
[jQuery] on click event does not response
hi all, I have problem with my code, when I used jquery to append HTML tags to my list the click event of the new tag did not work, so i decide to move to DOM and the same problem appered again. Here is a snapshot of my code //does not response !!! $(".test").click(function(){ $("#content").empty(); return ; }); // creating element $("a div#textbox").click(function(){ var list = document.getElementById("form_list");
[jQuery] AJAX beforeSend setRequestHeader problem with IE
I have the following code to force the HTTP_ACCEPT header when doing ajax calls so that my Rails app can properly interpret the request using it's respond_to block: $.ajaxSetup({ beforeSend: function(xhr) {xhr.setRequestHeader("Accept", "text/ javascript");} }); This is working fine with Firefox, however with IE 6 or 7 the new Accept header is being appended to the end of the HTTP_ACCEPT string instead of replacing it, so it now becomes: "text/html, */*, text/ javascript". The problem with this
[jQuery] Autopopulate multiple select plugin question
Hi everybody, I'm using the plugin in object to autopopulate a multiple select. It works nicely. Now, I would want to select (selected="selected") the right item when I reload the page. I have this: if (@$this->input->post('ajaxSelectChoose')) { $query = $this->set->list_active_items('typologies', $this-
[jQuery] clone(true) still not working in jquery 1.2.3
i have this self.element.children('.cr_tab_content').append(self.element.children('#' + id).clone(true)); and this does nothing but self.element.children('.cr_tab_content').html(self.element.children('#' + id).html()); still works just does not copy trigger, is there anything wrong with that line of code with .clone()? -- View this message in context: http://www.nabble.com/clone%28true%29-still-not-working-in-jquery-1.2.3-tp15325919s27240p15325919.html Sent from the jQuery General Discussion mailing
[jQuery] JQuery takes 80% of my core2Duo proc on DOM element inserts
Hi , I am very new to jquery. I am using jquery 1.2.2 . I use jquery tablesorter to insert around 400 rows to a table. The data is collected using an Ajax call. When new rows are inserted to the table the CPU utilization shoots up to 80%. All browsers freeze until the table is populated :( I tried to insert 400 divs to a single div and faced the same problem. This rules out a problem with tablesorter. Does jquery attach a lot of handlers to dom events that make appends very slow ? Any suggestions
[jQuery] page rendering time comparison on large datasets
I'm loading an XML fiel to build a result matirx. version 1 uses jQuery and DOM insertion with $.append() - 200 rows/9 columns take about 2500ms to render version 2 uses plain old JS with document.write() - 200 rows/9 columns take about 300ms to render Is this expected due to the abstraction layer of the jQuery library?
[jQuery] reusing jqmodal container
my script $('a#corregir_jqm_trigger').click(function(){ $('#jqm').jqm({ajax: this.href, trigger: '#corregir_jqm_trigger', modal: 'true', target:'div.jqmAlertContent', overlay: 50, overlayClass: 'whiteOverlay', cache: false, onLoad: preparar_corregir_form}).jqmShow().jqDrag('.jqDrag'); $('.jqmdTC').html('Enviar corrección de la página:'); jqm_windows(); return false; }); $('a#enviar_jqm_trigger').click(function(){ $('#jqm').jqm({ajax: this.href, trigger: '#enviar_jqm_trigger', modal:
[jQuery] Accessing un-parented text inside a known object
Hi folks, simple question I think. Given this html: <p id="foo">THIS IS THE TEXT I WANT<span class="bar> not this</span> or this ...how do you access the text 'THIS IS THE TEXT I WANT' through jQuery? In DOM-speak, it's this: document.getElementById('foo').childNodes[0].nodeValue This finds span.bar, as I expected, but not what I want: jQuery('#zzz :first') Problem is that I want the text of the first child node, not the first child element. Thanks,
Swap div with image once loaded [kinda solved]
I have a large image (500k). I have a div (which says loading etc etc). I want the div to be swapped with the large image once the large image is loaded. I'm stuck trying to work out how to get jQuery to check if an image is loaded. My effort (which will show just how much I don't know - i have just put what I would like rather than syntax I know exists : $(img.hero).load() { if (this).loaded { $("#loading").remove(); $(".hero").fadeIn("fast"); } else { check
[jQuery] testrunner.js
I am trying to unittest a library I am writing so I grabbed testrunner.js and setup a test area in my project. I use $j = jQuery.noConflict(); throughout my library. How should I use the testrunner with this in mind? I can only get the testrunner to assert that my library's main object exists, as soon as I call any functions that reference jQuery with $j, I get the dreaded: --- console output --- $ is not a function [Break on this error] $("#main").html( _config.fixture ); --- I have tried to add
[jQuery] ie 6 z-index workaround?
Is there a common way getting around the z-index IE6 issue? I am talking about how select boxes appear infront of element with higher z-index. -- View this message in context: http://www.nabble.com/ie-6-z-index-workaround--tp15312083s27240p15312083.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Interface Sortable -- Cancel A Drop
I have several lists with elements (<li>'s) that can be sorted among the different lists. However, a few elements CANNOT be sorted outside of their own list. They are differentiated with an additional class name. How can I (a) detect this and (b) cancel the drop and return the item to its original list? Thanks
[jQuery] Interface Sortable UL question
OK, I've been scratching my head on this, and yet suspect there's a simple solution I'm overlooking. I've created a test page at http://newkirk.us/sortlists.php The goal: Two lists of strings side-by-side. One contains 'available fields', the other contains 'selected fields'. (the actual contents are pulled from mysql tables and eventually the selected fields will be parsed and stuffed back into the appropriate DB table along with other settings that will be available on the same page) The 'selected'
[jQuery] css : check a condition on element X and apply style on element Y. HOW?
[ jQuery/js newby ] This must be the result: ------------------------ When the page loads, all div's with class 'foo' that have an h4 element that contains 'bar' must show up in red (the div, not h4). The div's that are not containing <h4>bar</h4> stay 'default'. Problem: -------- I can't figure out how to check a condition on element X and apply css on element Y (Y is parent of X). How can this be done? Thanks
[jQuery] Fade Font Color??
I am trying to figure out how to fade the font color from one color to another. I dont think jQuery has this functionality built in. Has anyone experimented with such an effect or plugin?
[jQuery] Submting html form does not work in ie explorer
Hi, I am having some problem with the form plugin: jquery.form.js, may be related to general issue with jquery itself. I have two jsp pages. In one I create a form: <form id="uaForm" action="basic.jsp" method="post"> ... </form> I have bound this form to ajaxForm $('#uaForm').ajaxForm({ target: '#htmlChartTarget', success: function() { $('#htmlChartTarget').fadeIn('slow'); } }); Now when the first form is submitted to the basic.jsp its (html) response along with some js code returned are displayed
[jQuery] selector as variable
Hello, i am just trying to read css-properties from div-elements on my site, but i always get an undefined and cannot figure out what going wrong. function showTop(id){ var pos = $jq("#mx-" + id); alert($jq(pos).css('top')); } casavecchio
[jQuery] A working copy of jQuery UI?
So I downloaded jQuery 1.2.2 and UI from the site, and kept getting errors (such as draggables throwing a "not a function" error.) I borrowed a copy of ui from some random website, which at least got draggables to work, but not entirely - opacity isn't working. It seems like I can't depend on ui.jquery.com to get a functioning copy of jquery ui - the dialog that downloads a minified copy of different plugins isn't even working. Can someone direct me to a (preferably) minified copy of jquery ui that
[jQuery] Fire history/remote from actual DIV
Hi all, I'm using Klaus' History/Remote plugin for Jquery. I have the JS included, and the script looks like this: <script type="text/javascript"> $(function() { $('a.remote').remote('#files', function() { if (window.console && window.console.info) { console.info('content loaded'); } }); $.ajaxHistory.initialize(); }); </script> So the new content is displayed in the <div id="files"></div> which works quite alright, but once i've fired new content into that div, and that content has new links with
Next Page