[jQuery] window unload event too slow - delay when navigate away from the page
One of the pages I'm working on at the moment is quite big, it has a huge amount of HTML elements and many of them have events bound to them. So whenever I navigate out of that page, there is a huge delay. The browser seems to be freezing during that time. And then it loads the next page (the page that I go to). I notice that, this is because of the window unload event, which is specified in the source code at: jQuery( window ).bind( 'unload', function(){ for ( var id in jQuery.cache ) // Skip the
Custom icons for accordion
I'm trying to use the latest accordion 1.7.1 and I was wondering how to specify custom icons for my headers. http://docs.jquery.com/UI/Accordion I'm using jquery-1.3.2.min.js and jquery-ui-1.7.1.custom.min.js with: jQuery("#mainaccordion").accordion({ collapsible: true, active: 1, header: "p", icons: { 'header': 'ui-icon-plus', 'headerSelected': 'ui-icon minus' } }); Now this uses some theme icons ui-icon-plus and minus. Which works but I don't want that. I tired to specifiying a .myclass which has
[jQuery] Is anyone making a Canvas-photo jquery version/plugin (cool stuff)
Hey, I just saw this cool project called Canvas-photo and I was wondering if anyone was working on a jquery version (plugin)? Thanks Daniel http://code.google.com/p/canvas-photo/ [code] http://www.ernestdelgado.com/public-tests/canvasphoto/demo/canvas.html [demo]
[jQuery] Free jQuery select elements cheat sheet
I've just finished writing a jQuery cheat sheet which is available for free download in pdf format. I've have put hours of work in to gathering together information from different tutorials and other sources to write this document. It is organized around the jQuery API for easy reference. You can get the download link from my blog here: <a href="http://myphpetc.blogspot.com/2009/03/jquery-select-element- cheat-sheet.html">http://myphpetc.blogspot.com/2009/03/jquery-select- element-cheat-sheet.html</a>
[jQuery] Regarding jQuery UI tabs()
I was wondering if there was a way to rename the class when something is "active". Is it possible to define this in a parameter? Instead of "ui-state-active", I'd like it to use "active"
[jQuery] jQuery Validation Plugin & ASP.NET
I've tried to get this to work for the past 4 hours and I'm stuck. I've got a master page with the following scripts added. <script type="text/javascript" src="/RohmPortal/scripts/ jquery-1.3.2.js"></script> <script type="text/javascript" src="/RohmPortal/scripts/ jquery.validate.js"></script> this is the form tag on my master page <form id="form1" runat="server"> in the HTML output of the page, it actually renders to "aspnetForm". in the content page, this is what I have <script type="text/javascript">
[jQuery] How to prevent loading jquery twice
Hi all, I have different independent modules using jquery and need to avoid its double loading. So, instead of loading jquery, I am loading the code: if (typeof jQuery != 'undefined') { document.write('<script type="text/javascript" src="/templates/ yoo_evolution/lib/js/jquery-1.3.2.min.js"></script>'); } Also, I have added a line var $j = jQuery.noConflict(); as a last line of jquery library file. The problem is that though it writes the code on document write, it does not seem that jquery is loaded
[jQuery] referring to an array with a specific name
Hello guys, I have a drop-down menu with 2 values ("a" and "b") and I have on my script 2 arrays ("a" and "b"). Is there a way to select an array according to the drop-down value. I mean if I store in a variable the selected value var selected_value = $("#dropdown").val(); is there a way to refer to the array with the same name of the value stored in selected_value? Thanks and have a nice day!
[jQuery] jquery, ajax success but wont load htl() ???
i had this working at one point but was still cleaning up the php. and now it wont load my entries at all using html() i see the response from success in firebug console and if i use text() it loads the html code in the div i assign but when using html() to render results it does not load anything. anyone have any idea whats going on? Anyone have any suggestions on why this wont load the html i get in my success response(r) here is what i am using: <script type="text/javascript"> jQuery("#submit").click(function()
[jQuery] Make Like Reading Pane
Hi Friends<div> </div><div> </div><div>Please see the attachment,</div><div> </div><div>How to make like reading pane, using jquery<br clear="all"> -- உங்கள் நண்பன் பரணி குமார் Regards B.S.Bharanikumar POST YOUR OPINION <a href="http://bharanikumariyerphp.site88.net/bharanikumar/">http://bharanikumariyerphp.site88.net/bharanikumar/</a> </div>
asp.net ajax
As you may know asp.net ajax work by refreshing the html contents of a so-called "update panel". If a jquery ui element is in an update panel, the jquery initialize function of the contained jquery element must be re-invoked upon update (even if nothing has changed in the update panel) and it looks awful. One solution of course is to carefully ensure that only the contents of a jquery element - and not the element itself - is within an update panel, but that is time-consuming. There are non-jquery
[jQuery] Multiple data, JSON and AJAX
I have a couple of divs with the same class. I want to get some of their(all divs with the same class) css data in an array and send with JSON and AJAX. At the moment I only manage to send data from one of them, the current ($this) or the one who is "first" in the source code. Anyone knows how to do this? Thanks!
[jQuery] Can I use ajax to force a download dialog window?
You know those sites that have the "Your download will begin in 10 seconds" - and then it brings up a download window? How could you do that with jQuery - I've been trying several methods with the ajax functions and php headers .... Any ideas out there? Joel
Dynamically update div tag;javascript fails for complex data
Hello, Need help. I want to dynamically update the contents of my div tag. Therefore I used jquery and the code is as follows $data= 'welcome to this page'; $("#element1").html($data); This code works perfectly fine for simple data. But for complex data say, $data = 'Hey welcome to webpage, 'Enjoy''; $("#element1").html($data); doesnt work because the javascript fails. Is there any method that checks to see if the content in $data is valid. Thank you, Ramya
[jQuery] observe_field
Hi guys, Is there any way to achieve with jQuery the same goal of prototype helper "observe_field". I have a drop down menu and I wish to change some text according to the selected value. Thanks
[jQuery] Dynamic update div tag; javascript fails for complex data
Hello, Need help. I want to dynamically update the contents of my div tag. Therefore I used jquery and the code is as follows $data= 'welcome to this page'; $("#element1").html($data); This code works perfectly fine for simple data. But for complex data say, $data = 'Hey welcome to webpage, 'Enjoy''; $("#element1").html($data); doesnt work because the javascript fails. Is there any jquery plugin that checks to see if the content in $data is valid. Thank you, Ramya
[jQuery] updating content (adding new items)
Hello. I have a simple twitter shoutbox on my website that I would like to refresh with jquery each X seconds. At the moment I use the following code which will hide the block, load new and show it: function getTweets() { $("#twitts").fadeOut("fast"); $("#twitts").load("last-10-twitts.php", '', callback); } function callback() { $("#twitts").fadeIn("fast"); setTimeout("getTweets();", 15000); } $(document).ready(getTweets); I'm looking for more advanced method that will only add new items at the beginning
[jQuery] Fill the second div with data - jQuery
Hi all, I have a problem with some issue. Is it possible (and how) to make this: (I will try to explain simple as I can): It's kinda, like two select boxes, but I want to achieve same result only with two div's. 1. I have one DIV, populated with linked data from database (car makes). 2. When I click on the link in that DIV, i want to populate second DIV with related data from the first (car models based on selected make in first DIV) 3. It's very complicated for me and I have no solutions whatsoever
[jQuery] jquery conflict with external form onsubmit handler
The simple act of sourcing jquery seems to be preventing my double click prevention function from working in at least Firefox 3.0.7. Any ideas why jquery would prevent my click_check() from executing normally? <html> <head><title>jquery double click test</title> <script type="text/javascript" src="/js/jquery-1.3.2.min.js"></script> <script type="text/javascript"> var click_count = 0; var reset_timeout = 3; var reset_counter = reset_timeout; var reset_counter_started = false; function reset_click_count()
[jQuery] Deepest apologies....
Hey everyone - so sorry for the multiple "Ticket Messages" there - I set my Google Group settings to single emails - and the email on this account goes to our help ticket system. Turned off emails from the group now - no more ticket Spam! *ashamed*
[jQuery] Toggle stealing my sanity....
Hi there. I'm running jquery 1.3.2 and I've found rather strange behavior of toggle function. In general i have following HTML: <div id="profile-edit-avatar" class="gray round edit s-5"> <div class="wrapper"> <form id="profile-edit-avatar-form" enctype="multipart/form-data" method="post" name="avatarForm" action="/traveller/9"> <input type="file" id="profile-edit-avatar-form-avatarFile" size="6" name="avatarFile"/><br/> <span class="minor">Hint text</span> </form> </div> <!-- Rounded corners -->
[jQuery] Keeping jquery codes up to date - best practise?
Hey everyone, I use jquery on a number of sites (all on the same server). What is the best way to keep jquery scripts up to date across them all without having to change code all over the place. I was thinking of using one of my domains as a host, putting generically named files there e.g. jquery.js for the core, and then point each page needing jquery on any site to mydomain/js/jquery.js so that I only have to update the single file when the time comes. It seems like a reasonable idea...let's hear
[jQuery] Cycle plugin questions
Hey all, Using the (awesome) Cycle plugin all over the place, and I have a question: in the uncompressed code file [1], a comment says that the second argument to .cycle() can be "the name of an fx (only used in conjunction with a numeric value for 'options')". I've tried this (to trigger a manual transition to a specific slide, with a specific transition effect), and the second argument doesn't appear to have any effect; the transition defined in the original options is always used. Is the comment
[jQuery] Contact Form Validation with Savvy and PHP
I cannot get this to work for the life of me. The validation works, if you a user fails to enter in a required field it alerts them to that. However; when a user submits a complete form it send it to my email properly but does not display the success text? Is it my PHP or jQuery that's wrong? Please help! Javascript w/ form: <form id="contact-form"> * Denotes a required field <div class="container"> <label>* Your Name:</label> <input
[jQuery] jQuery validation and captcha
dear all, i'm working with jQuery validation to validate the fields in a form. in this form i have also the captcha (the check is verified through ajax). check the code below: jQuery.validator.addMethod("Captcha", function(value, element) { jQuery.get("/captcha.asp?validateCaptchaCode=" + jQuery ("#captchacode").val() + "", function(data){ if (data == 1) { result = true; } return true; }); return this.required(element)
[jQuery] Superfish Not working
I am using Epic as my template and can not get superfish to work. It keeps pulling a Dark Blue lettering for the menu items and some of them are white. I need help as I have beta testers checking the site and this is the only problem I am having. I am scheduled to launch the site April 1st. Please let meknow if you can help me. Site - www.gstcbsa.org/Council. You should see that some of the items are in Dark Blue and Some in white. I can see it this way in FF and IE 7
[jQuery] dragable + sortable: modify cloned dragables on drop
I am kinda confused, and stranded. If i create dragables with clones and drag them into a connected sortable i can't find a way to get/interact with the objects clone. dragable: stop: function(event, ui) { ...} nothing in "ui" points at the clone.. sortable however doesn't seem to offer a way either... recieve: function(event, ui) { ...} again "ui" doesnt point at the clone anywhere.. :(
[jQuery] jQuery Success on form submit not working?
Hi all - I cannot seem to get this success piece to work, the script will go through and validate each field of my contact form and prompt the user to enter in required data etc... Hit the submit button and I get my email notification however; the success function does not display. Anyone know why? Js.setup.util.editable({title: "Key in the custom value"}); var contactBox = window.contactBox = { contact: { task: function() { var
[jQuery] Need public JavaScript resource for a $.getScript() request.
I am experimenting $.getScript() jQuery function. There are tons of JSON public API's but I need find a public JavaScript script. I seached Google sure, but scripts found have their own request codes. I need see that function in action and I want developer my own jQuery request. Does anyone can point me out a resource where I encounter this kind of remote requested file? -- View this message in context: http://www.nabble.com/Need-public-JavaScript-resource-for-a-%24.getScript%28%29-request.-tp22689019s27240p22689019.html
[jQuery] 2 Sliders working together.
Friends, I have two sliders on the page. One at the top right, and one at the bottom right. I would like for them to work together. When one slider opens the other one closes. http://sucro.se/red7e/BE/ Any ideas? Daniel
Problem in IE 7 & 6 [SOLVED]
First, I am just learning jquery / ajax. I have previous knowledge in other languages, just a noob for JS. I do apologize if the error is obvious. Anyway, this code works in FF2/FF3/IE8. <script type="text/javascript"> $(document).ready(function() { $('#ribbontab').tableDnD({ onDrop: function(table, row) { $.post("modules.php?name=Clan_Roster&do=administer&act=ribbons", {'mode': 'reorder', 'ids': $.tableDnD.serialize()}); }, }); }); </script> Once I trim it down to
Selecting divs after h3 until the next h3
Hi jQuery-friends, here's what my code is looking like <h3>Title 1</h3> <div>content</div> <div>content</div> <div>content</div> <h3>Title 2</h3> <div>content</div> <div>content</div> <div>content</div> <h3>Title 3... ... My jQuery code: $('body.page-galerie #content h3').click(function () { $(this).siblings("div").slideToggle(); }); The code toggles all divs, but I want it to only toggle all divs under the h3 until the next h3. Any help is appreciated Thanks!
Assign an css-Property to a div
Hi, I want to assign a css-property to all spans This is the way I do it: $("div#tabhead > span").css({cursor:"pointer"}); But I additonally want to hide all spans, but not the span whit the id=0. This is what I want: if ($("div#tabhead > span").id != 0) { $("div#tabhead > span").css({display:"none"}); } Can someone tell me how to do this???
[jQuery] Rotating CSS classes each 5 sec
Hello. I have a huge question. I need something that rotates classes each 5 seconds for ex I have a <div class="img1"> </div>. I want each 5 seconds the class to be changed from img1 to img2, and so on so at the start an array should be placed like imgArray = [ "img1" , "img2", "img3", etc ] I need css classes changed not a plain image since the image is a background image and i have text on it. I did look over google but i couldnt find any help regarding this matter. Thank you <br clear="all">-------------------
Two JQuery Sliders working together!
Friends, I have two sliders on the page. One at the top right, and one at the bottom right. I would like for them to work together. When one slider opens the other one closes. http://sucro.se/red7e/BE/ Any ideas? Daniel
[jQuery] Very slow find
Hello, I get XML answer from server with ~5k lines and I need to parse this data into the table and display in HTML. I wrote a script to do this job, but it takes too much time to complete (~35 seconds in opera), what is not I want. Is there a way to improve this script? Perhaps there is more effective way to do this. XML looks like: <?xml version="1.0" encoding="UTF-8" ?> <xmldata> <page> <name>ebapylibnfwxorjwoeseksnyqumdmxssaduy</name> <id>5</id> <url>ojosjkfujggkildmlr</url> <author> <id>7</id>
[jQuery] 2 Sliders working together.
Friends, I have two sliders on the page. One at the top right, and one at the bottom right. I would like for them to work together. When one slider opens the other one closes. http://sucro.se/red7e/BE/ Any ideas? Daniel -- View this message in context: http://www.nabble.com/2-Sliders-working-together.-tp22688635s27240p22688635.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
Password protected div
Hi, is it possible to password protect just one piece of site, like <div> with jquery? Thanks, Bojan
find TR by class inside div
Hello Guys, I am creating a user control which would exist multiple times on a page. I am wrapping this user control inside a div so the id and name is unique. Inside this, I want to add/remove/update controls. here is pseudo code: <div id="mydiv" runat="server"> <table id="tbl1"> <tr class="myTestRowClass"> <td> 1 </td> <td> 2 </td> </tr> </table> <input type="button" onclick="javascript:return GetRowByClass(this);" text="Click me" /> </div> in the javascript method is where I need help: function
selecting sibling grandchild elements[SOLVED]
<dl> <dt>When I click this, I want to show and hide the "<tr>" marked # </dt> <dd> <table> # <tr> # </tr> <tr> <td colspan="x"> <table> <tr> </tr> </table> </td> </tr> # <tr> # </tr> <tr> <td colspan="x"> <table> <tr> </tr> </table> </td> </tr> </table> </dd> </dl> Is it possible?
Next Page