[jQuery] a == b, but I don't understand why it doesn't...
Hi, I have this html: <ul id="phrases"> <li id="phrase_0" class="active">This is my first phrase</li> <li id="phrase_1">This is my second_phrase</li> </ul> And I wanted to do this comparison: if ( $("#phrases").find("li.active") != $("#phrases").find ("li:first") ) { alert("the active list-item is not the first one"); } The problem is the alert pops up, but in this case the first item is clearly the active one. Can anybody figure out what's wrong? Thanks! Nacho
[jQuery] Click Handler Not Returning False in IE7 Due to getScript()?
Go here: http://www.theshedbbq.com/gulfport/photos/ Click one of the photo gallery links. In IE7, it does not return false and immediately jumps back to the top of the page. Within the clickhandler, I'm grabbing some data from the anchor tags' attributes, then calling getScript(). Do I need to add a callback to getScript() to return false? $('#gallerySelect ul li a').click(function(){ // Grab id value var obj = $(this); var id = obj.attr('id'); var rel = obj.attr('rel');
[jQuery] jquery IE problem
I have a test site, and everything works so smooth, but ie makes the animations soooo ugly... please help me out, here's my script: http://www.bxsearch.com/xxxxx/jquery2.js and the test is here: http://www.bxsearch.com/xxxxx/ what is wrong with it?
[jQuery] Problems with Validate's errorPlacement
Hi there, I'm using Validate on my website, but i'm having difficulties with the errorPlacement. In simple a part of my form looks like this: <label for="email">E-mail</label><div class="warn">*</div> <input type="text" name="email" id="email" /> Validation works fine, but i can't get the message to display inside '<div class="warn">*</div>'. The following places the text immediatly before the element: errorPlacement: function(error, element) { error.insertBefore(element); } Any help would be greatly
[jQuery] Problems with Validate's errorPlacement
Hi there, I'm using Validate on my website, but i'm having difficulties with the errorPlacement. In simple a part of my form looks like this: <label for="email">E-mail</label><div class="warn">*</div> <input type="text" name="email" id="email" /> Validation works fine, but i can't get the message to display inside '<div class="warn">*</div>'. The following places the text immediatly before the element: errorPlacement: function(error, element) { error.insertBefore(element); } Any help would be greatly
[jQuery] Code migration from js to jquery
Is there an elegant way to migrate this piece of code var innerDocument = parent.document.getElementById ("indexIframe").contentDocument; alert(innerDocument.getElementById("cab").value); with jQuery? I cannot get it :( Thanks, kind regards Massimo Ugues
[jQuery] jquery.css strips out my dashes in IE
Hi guys, i wrote the following code: var x = jQuery(id); var a = x.data("styles"); var t1, t2; if (a.length <= 0) return; for(var i = 0; i < a.length; i++) { t1 = a[i].style; t2 = a[i].value; x.css( t1, t2); } but it adds the style-stuff with missing dashes like textalign (instead of text-align) or so. I tried to replace normal dashes with double dashes so it adds
Why do my events stop working after an AJAX request?
Why do my events stop working after an AJAX request? This is one of the most frequently asked questions on this board. Fortunately, jQuery's documentation already includes multiple solutions to this. Try the link below first, and then if you're still having problems, create a new thread and explain the issue(s) you're having and what you've tried already. http://docs.jquery.com/Frequently_Asked_Questions#Why_do_my_events_stop_working_after_an_AJAX_request.3F *Update* As of v1.3, jQuery now supports
SOLVED: Dragging div when clicking att a certain position
Heya! I was just wondering. I'm using some simple jQuery like draggables and resizables. My divs are very big with only part of them having content. Is it possible in any way to make the div draggable when only clicking on a certain place in that div? If you didn't understand, this is what I'm trying to do. My div contains a picture. The picture has a biiig drop shadow, and therefore, I made the div bigger so the drop shadow is visible aswell. But here comes the problem, I want the div to only be
slideToggle strange behaviour only in IE (6/7)
hi, i'm having problems with a slideToggle effect with IE (6 and 7). it works fine with firefox and opera (windows/linux). basically i have a div which contains a punymce wysiwyg editor (http://code.google.com/p/punymce/). when triggering a slideToggle, it just hides every element correctly, except for the punymce that is hidden/shown without following any effect whatsoever. i set up a page with my problem: http://lixxi.com/francisco/test.html on slideDown) punymce -or some of its inner containers-
[jQuery] Setting background image does not work...
I have tried both the following but neither seem to work. [code] $('#content-top').css('backgroundImage', "url(" + src + ")"); $('#content-top').css("background-image", "url(" + src + ")"); [/code] Any ideas would be welcome, thanks.
[jQuery] vertical jcarousel + galleria + IE = bug
Hi, people, i've got such a bug: i'm trying to implemen Galleria together with Jcarousel. It works fine in all browsers, but if I set the option "vertical" as true, it stops wotking in IE... all the vertical examples of Jcarousel from the official site work just ok in IE too.. so i think, the problem is in implementetion with Galleria. Any ideas? p.s. you can look at http://www.dopeless.net/portfolio/
[jQuery] "please wait while loading..."
Hi to all, i have a nice gif "please wait while loading..." and i'd like to show it when i click on a button. Is there a nice jquery way to do it ? do i need a plugin ? $("#Idsubmit").click(function () { --> start showing the gif long process --> stop showing the gif }); thanks and regards, f.
[jQuery] Limit lines and characters of textarea
This is what I'm trying to do with a textarea. 1. Limit number of characters 2. Limit number of lines 3. Diminish linelimit if characters in line exceed charlimit/linelimit 4. Substract number of "lost" chararacters from charlimit if linebreak ("\n") is provoked 5. Disable input when either limit is reached So far I have managed to get 1, 2 and 5 (buggy) to work with the following function. A demo can tested at http://sidisinsane.com/sandbox/jquery/limitentry/ function limitEntry(txtid,infid,linelimit,charlimit)
[jQuery] Check all and uncheck all like the one in gmail
Hello, I have table with this structure: <table border="0" cellpadding="0" cellspacing="0" class="sortable-onload-5-6r rowstyle-alt colstyle-alt no-arrow" id="main_table"> <thead> <tr> <th><input type="checkbox" name="checkall" id="checkall"/></th> <th>No</th> </tr> </thead> <tbody> <tr> <td><input type="checkbox" name="data[]" id="data_1" value="data_1"/></td> <td>1</td> </tr> <tr> <td><input type="checkbox" name="data[]" id="data_2" value="data_2"/></td> <td>2</td> </tr> <tr> <td><input type="checkbox"
[jQuery] select input within a table cell with wildcard
Hi all, I am running into the following problem. <TABLE width="820PX" align=center border=0 id="editableTable" > <TR class="rowbgon"> <TD colspan="1" > <input type="hidden" id='Seq_0' value="1509"/> </TD> <TD colspan="1" > <input type="text" name="Number" value="0.1.1" style="width: 113px" id="FormDraft_0_2"></TD> <TD colspan="1"
[jQuery] Possible name space issue?
All my code is in name space Ex where Ex = YAHOO.namespace('pmc'); now inside this code, I have some jquery Ex.myProgressFormatter = function(elCell, oRecord, oColumn, oData) { var iterid = oRecord.getData("id"); var elementid = "pb" + iterid; ..... jQuery("#" +elementid).progressbar().progressbar("progress", status); jQuery("#" +elementid).text("yui jquery worked"); ....... } jQuery lines are executing but not doing anything at all. No text is added. no progress bar is added. is it a namespace issue?
autocomplete and datepicker
Hi, I am using jquery autocomplete and jquery datepicker in my applications. Both are working fine if i put in different pages. When I try to combine both the functionalities in a same page, datepicker is working and autocomplete is not working. I am getting the following error: Error: $("#CityAjax").autocomplete is not a function You can view my code in the following url: http://pastie.org/336653 any suggestions? thanks Iswaria
[jQuery] jQuery + jQuery.form ajaxForm file upload problems
Hi, I have made a basic test case with a few text inputs and it works perfect with just them. However if I add a file input to them the json object is sent to the browser as a file download and the success method is never hit. Anyone figure this out? I know the code that returns the json object is absolutely fine, it works perfect without the upload input. I'll show you my code with the file upload: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
[jQuery] Ajax parse error in IE
Hi all, I really love jQuery and am running into my first real issue with it, regarding AJAX callbacks in Internet Explorer. I have a Python script configured that returns a string of text that I want to inject into an HTML page. My AJAX call looks like this (reduced to essentials): $.ajax( { type:"GET", url:"recents", dataType:"text", data:"x="+x+"&y="+y, success: function(msg){ alert(msg); }, error: function(XMLHttpRequest, textStatus, errorThrown) { alert ( textStatus + "\n" + errorThrown);} });
[jQuery] get a whole html page in a .getJson call
Hi there, I use an architecture where I call a server script and it allways returns me a json containing some commands to be executed on js. But sometimes I have to send the client pieces of html or even a complete page. Is that possible to pass a complete page into .getJSON call ? What sould be the implications of this? Is it slower then the .load method ? Actually I still use the .load method in some places, but it would make a much cleaner interface to just receive json, for every message types,
[jQuery] Image.css("display") not working
<image id="myimage" myimgid="myimageid" src="baloon.jpg" /> I want to check the style display for this image. I am doing as: $("image[myimgid='myimageid']").css("display"); but its coming undefined. I cannot check it with id as my id is getting runtime generated. Please help.
[jQuery] How to use dynamic id in selectors
I generate ids for span and divs in my code. So Ids are stored in js variables. How do I use it in selector? elementid is a js variable which has the id of a span element. The following does not seem to be working... $(elementid).progressbar().progressbar("progress", status);
[jQuery] Load new content, new links dont activate jquery function..
Hi, im quite new to jquery so not sure what im doing wrong. (or if what im doing is the best way). But here goes, i have a rating script, that allows ratings between 1-10. The HTML: <div id="userrate">User Rating is 7.8/10</div> The current rating is fetched from a mysql database with php. <div id ="clickrate">1 2 3 4 5 6 7 8 9 10 | Your current rating is 5!</ div> 1-10 are links that have the href="rate.php?rate=1" or "rate.php? rate=2" etc My Jquery is as follows: ----------------------------------------------------
[jQuery] iframes and livequery
after searching I found this, which is close but no cigar. http://plugins.jquery.com/node/3997 I appended an iframe to my document, and use livequery: $('.LQelements').livequery(function(){... which works in the top.document, but not in the iframe. How can I re-use this? I don't want to have to copy the function into the body of my iframe source file.
[jQuery] How to trigger ajaxed link before the regular <a href>?
Hi, I just started learning javascript and jQuery. I have trouble calling ajaxed link before the usual html stuff for the javascript-disabled browsers. The jQuery code: $(".about a").click(function() { $(".jq").hide().slideDown("slow").load("about.htm"); }); HTML: <li class="about"><a href="about.htm">about</a></li> I tried with some "onclick" event, but didn't work - html link is always started before ajax/jquery. Thanks!
[jQuery] Updating the DOM after ".load"
I'm trying to load new contnet using the .load function in JQuery which works fine but the new content isn't being update with some javascript which should re-render the HTML into an image (sparklines) $(document).ready(function(){ $('.new_pie').click(function() { $('#orange').load('newcontent.html') return false; }); }); Here is a link to the problem URL: http://seanlandry.com/sparklines/ Some user groups have suggested using LiveQuery, which I've loaded into the directory
[jQuery] Form field validation call out (mini pop-up) plugin?
Hi, I've been digging around the net for a jQuery plugin that does a form validation "call out". This would be a little info pop-up near a form field notifying the user why their entry didn't validate. This demo shows pretty much what I'm looking for. Type in a non-integer phone number to see the call out. http://www.asp.net/AJAX/AjaxControlToolkit/Samples/ValidatorCallout/ValidatorCallout.aspx Most of the form validation notifications I found involve inline highlighting (which is nice), but doesn't
[jQuery] run a function only on "this"
Hello, Run into a snag, that's beyond me, hoping someone can help me get this sorted... When you hover over div.third, one of it's child divs disappears and another fades in. On RollOut it reverses. There are many instances of div.third (and it's children) on the page. I got something kindof working, but when a user rolls over one of the div.thirds, all of the div.thirds on the page show and hide the child divs inside them. I only want the children in the div.third that is currently hovered over
[jQuery] Need Open/Shut Function
I've been looking for JQuery examples pages and started browsing through plugins, but I haven't found what I'm looking for yet, so I wondered if anyone here could make some recommendations. If you visit my web page at <a href="http://www.geosymbols.org/World/Arizona/">http://www.geosymbols.org/World/Arizona/</a>, you'll see a "Microsoft-Free" box in the top right corner of the page. Hovering over it with your mouse causes a small display to appear. At the end of the article is a little Links/Books
[jQuery] JQuery licensing questions
I am working on a web application project that utilizes jquery. I would like to be able to license the system I created to local businesses for a fee. Is this possible to do with jquery under either the MIT or GPL licenses? A license of the system will be purchased and the customer will host it on their own systems. I will not be hosting the application if that makes a difference. Thanks in advance -- View this message in context: http://www.nabble.com/JQuery-licensing-questions-tp20430612s27240p20430612.html
[jQuery] Click event fires only once with SimpleModal
Hi, I have the following code: $(document).ready(function() { $('#ctl00_ContentPlaceHolder1_btnRadioHelp').click(function () { $('#ctl00_ContentPlaceHolder1_Panel3').modal(); }); }); As you can tell, the server side code is ASP.NET. In any event, there is a Panel with display set to none. The JQuery has a click event that binds to a help button that shows some context sensitive help. Unfortunately, the click event only fires once. The first time you click the button it works beautifully. The second
[jQuery] jQuery tabs - anyway to fire the script prior to onload?
I use jQuery tabs for a carousel (see link below) but the problem is the script doesn't fire until the page is fully loaded. On slower connections, or depending on if my ad network is piping through giant ads, this can make for some long, awkward moments when all the divs are revealed until the script finally fires. Is there any way to make the script fire immediately, even if the page isn't fully loaded? Thanks!
[jQuery] form create
I'm working on a multifile upload system and I found that my form function does not work in IE while I have a workaround I wonder why this code doesn't work in IE ? thanks for your help Mike <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http:// www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Test jQuery</title> <link href="ajaxfileupload.css" type="text/css" rel="stylesheet"> <script type="text/javascript"
[jQuery] change the css into JQuery format( .menu :hover > a )
Hi all, I'm a new guy on JQuery, now reading the JQuery in action, and I encounter with one issue: .menu :hover > a { ...} anyone who has idea how to change into JQuery format? or is that possible with jquery, will be very appreciate,tks
[jQuery] Add click() event to each() loop constructor
Sorry, I'm new to Google Groups and was trying to reply to a post but couldn't figure out how without e-mailing the author directly[1]. I'm trying to add the click() event to the each() loop constructor. e.g. $(document).ready(function() { $("a[id*='activate-']").each(function(i){ $('#toggle1-'+i).slideToggle('slow'); $('#toggle2-'+i).slideToggle('slow'); }); }); This works, and toggles all corresponding ids called '#toggle1-'+i and #toggle2-'+i, but I only want it to activate
[jQuery] TableSorter vs CMS
With the help of this group, I got my first JQuery function to work - a combination sortable table columns/alternate row colors script. The only problem is that it works on my static page but not on a dynamic page in my content management system (PHP). The weird thing is that I copied the source code from a dynamic page into my static page, and it does work - but only on the static page. On my dynamic page, the sortable column function doesn't work at all. The zebra stripes function works only to
multiple selectors with similar name.
Hi, Wasnt sure how to search for the answer so decided to just ask. OK. I have a page that is created by php using data from a database. In this data I would like to include the ability to load more info from the database. This is how the php code looks at present... $mainContent.="<a name=\"$mix[id]\"></a>\n"; $mainContent.="<h1>$mix[name]</h1>\n"; $mainContent.="<div id=\"tracklist_$mix[id]\"><a href=\"#\" onclick=\"getTracklist($mix[id]); return(false);\">Click here for tracklist</a></div>\n";
[jQuery] jQuery Tabs -- Are disjointed tabs possible?.
-- View this message in context: http://www.nabble.com/jQuery-Tabs----Are-disjointed-tabs-possible-.-tp20924475s27240p20924475.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
jQuery Chrome & Safari Problem
Hi all, I am new to jQuery and java altogether, been what? about, 16hrs in total i have read or tired anything in it.. I just learned how to do curvy corners, which works fine in Firefox3, Opera and IE7, but.... doesn't show in Chrome or Safari, thing that has me the most is that, the background color that is applied cannot be seen ... Can anyone help? thanks in advance to any help available.. aj
Next Page