What LI Position am I in??
Hi all. I have six <li> tags within a <ul> tag. In each of these <li> tags is a link. Is there a way to find out what position the <li> tag of the link I just clicked?
Simple, but somehow difficult. Clear a table cell on click.
I have a table, with the final column having a date and [X] delete.gif image in it. When I click on the image, I'd like the date and the image to be removed. i.e. I'd like to clear the TD cell. What is the best way to do this? I can get an event to trigger, but cannot work out how to find out which cell was clicked and to clear it correctly. Thanks very much R
[jQuery] jqPlot 0.8.5 adds Zooming and 9 Y Axes
jqPlot is an open source plotting plugin for jQuery. The 0.8.5 release add support for plot zooming and up to 9 y axes (introduced in 0.8.0). jqPlot is highly customizable jQuery plotting plugin with many features including: * Rotated axis text. * Vertical and horizontal bar charts. * Stacked bar and line charts. * Automatic trend line computation. * Data point highlighting. * Cursor tool tips showing data and grid position. * Drag and drop data points. The jqPlot homepage is at http://www.jqplot.com/
[jQuery] extract data from this JSON encode using jQuery
Hi all, I have this JSON file that does the encoding from the states database. I want to extract it out using jquery and populate the select drop down box. the json file is being encoded in this way: [ {"State":{"name":"AUSTRALIA CAPITAL TERRITORY"}}, {"State":{"name":"NEW SOUTH WALES"}}, {"State":{"name":"NORTHERN TERRITORY"}}, {"State":{"name":"QUEENSLAND"}}, {"State":{"name":"SOUTH AUSTRALIA"}}, {"State":{"name":"TASMANIA"}}, {"State":{"name":"VICTORIA"}}, {"State":{"name":"Western Australia"}}
Double Posting in Internet Explorer
For some reason, my chat program seems to double post in Internet Explorer but not in Firefox or Chrome function Get_Message() { if(!locked){ $.ajax({ type: "GET", url: "action/getmessages.php", beforeSend: function(){ // Handle the beforeSend event locked = true; }, success: function(data){ if(data != '') { $("ul.shoutbox li:first").before(data); $('ul.shoutbox li:even').css('background-color','#333333'); $('ul.shoutbox li:odd').css('background-color','#444444');
How to delay the execution in Jquery
Hi is there any specific function in Javascript / jquery which delay the functionality I use SLEEP() funciton in php to add delays . Plz help in this regard. Eshban
Need Help with Prepend!!!
below i am using this code to bring back chat posts from the database... i am prepending the result to a table... but what i want to do is make every other TR a different bg colour. so like this <tr class="second">NEWER POST</tr> <tr class="first">First Post</tr> because i am using prepend to put the latest record at the top of the table... im not sure how to add the class to each tr function Get_Message() { if(!locked){ $.ajax({ type: "GET", url: "action/getmessages.php", beforeSend: function(){
[jQuery] combo boxes with ajax
Hi, I would like to use a set of 2 or more combo boxes that use ajax so when I select an item from the first combo box, an ajax request is sent to the server for getting the items for the second combo box. Please tell me what's the recommended way of doing this. Is there a jQuery plugin or another way? Thank you. -- Octavian
[jQuery] hover with superfish
Hi, I am using the Superfish menu in my joomla website. I would like to see article contents just hovering menu so as to avoid to click each time on the menu. How can I do that? Thks in advance, Bruno.
[jQuery] json not working
Hi alll $(document).ready(function(){ $("#postcode").keyup(function(){ var txtvalue = $("#postcode").val(); alert(txtvalue) $.ajax({ method:"POST", url: "data.php", data:"txtvalue="+txtvalue, dataType: "json", success: function(data) { // Go do this, go do that… alert(data); }}); }); }); This is my code , data type:json not working , Please tell me Why? Thanks
[jQuery] how to get jCarousel effect ,
hi , i am new this jquery i was thrying to use jquery jcarousel effect , but i cant implement, this my javascript with html code please help out as i was facing some deadline.... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Reservation 1</title> <link href="styles/style.css" rel="stylesheet" type="text/css"
Help condensing jQuery code
I've got a page set up where there are a number of options in a number of sections presented to the user. The user needs to select one item from each section. Each option has a checkbox and I've used a jQuery click function to check the checkbox if the related image is clicked on. The image is also highlighted when clicked on. This is the code: $(document).ready(function(){ $(".featureBox1 li").click( function(){ $(".featureBox1 li").removeClass('selected'); $(this).addClass('selected');
jquery pagination: 2 on page, how to cross-control? [Solved]
I am installing pagination on another developer's ecommerce site. jQuery pagination plugin is super cool and fun to set up, it is working great, showing grouped rows of a table, here http://www.ecgolfsales.com/products/lad ... es_mre.cfm Now the client wants another set of pagination links at the foot of the page. No problem... I have it auto-created using clone() BUT - clicking set 2 on one menu does not advance the links on the other. How can I tweak either my in-page jquery code, or the plugin
drag'n'drop + zindex
Hi, I'm trying to figure out how to set zindex at a draggable element, in my case all the element with class items will be draggable but when I move them out of sliderGallery div they are going behind the other divs, for example droparea div, I need that draggable items are always above all the page elements. I tried in this way, but it does not work. Any hint? javscript $(document).ready(function(){ $(".items").draggable({helper: 'clone', zIndex: 200 }); } html <div class="sliderGallery">
[jQuery] [validate] custom submit action
If i have a custom css toolbar in a form called "confirm" that doesn't use a normal submit button like: <input value="Register" type="submit"> Instead i need to use the following css-link-button to check the validate before submit: <div class="buttons"><a href="javascript:{}" class="positive" id="button_confirmAction" style="display: block;" title="Register"> How can i do the validate and submit? Thanks in advance.
[jQuery] Optimize object random generator
Hello, i've created a function to generate user defined number of an image. I'm sure that it's not the optimal solution, because over 100 elements most browsers renders it very slow... Here is the sample page: http://resolution.capsule.hu/ (the × image is randomly generated) The js function: function exRandomizer(param,maxDim,transp) { var x = $('body').width() - maxDim; var y = $('body').height() - maxDim; for ( var i = 0; i < param; i++ ) { var dim = Math.round(Math.random()
[jQuery] PDF + Jquery + thickbox is not suppoting to Mozilla
Hi Folks, I am facing a severe problem in Mozilla,i.e.i cannot open a pdf in a frame which users Jquery thickbox. is there any solution? Regards, Bharath
[jQuery] Hijaxing jquery.
Hello. I've built a website and I have ajax navigation thru pages in category. Here is the link: http://qa.bubbo-tubbo.com/identity/ If you click on the image it will load the next one and it will change the hash. Also, if you copy the URL with hash (i.e. http://qa.bubbo-tubbo.com/identity/#06.html) and paste it in the address bar it will load relevant image. What I would like to do is to enable "back" support (browser history). I've googled and found out that plugins do not work properly with 1.3.2.
[jQuery] AJAX history management / hijaxing for JQuery 1.3.2
Can anyone clue me in on situation with the AJAX history management for JQuery 1.3.2? All the plugins I could find are outdated in terms of browser support and flexibility. This one: http://stilbuero.de/jquery/history/ looks like the most polished but does not seem to work with 1.3.2 at all. Woks sort of OK with 1.2.6 though. Any ideas? Honestly, I am puzzled why such important functionality is not a part of the core. Thanks
[jQuery] Hi jquery with json
Hi all , <div> </div><div>Can some one tell me few example program links , which combination of </div><div> </div><div>JSON,JQUERY,PHP</div><div> </div><div><div><?php</div><div>$.post("test.php", { func: "getNameAndTime" },</div> <div> function(data){</div><div> alert(<a href="http://data.name">data.name</a>); // John</div><div> console.log(data.time); // 2pm</div><div> }, "json");</div><div>?></div><div> </div><div>Some thing like return the postal code's </div> <div> </div><div>Thanks </div></div><div>
select title attr from div, coming from child tag
Hi everybody, so i'm stuck with a little problem, but couldn't figure it out though. I have the following div <div aria-disabled="true" class="dropwidget ui-droppable ui-state-highlight ui-droppable-disabled ui-state-disabled" title="blablabla1"> <a href="/msgpics/core/postgres-pages/img/managed43325.tmp" title="" class="preview"><img src="/msgpics/core/postgres-pages/img/managed43325.tmp?thumb" alt="" class="preview"></a> <p>managed43325.tmp<img
[jQuery] $.data question
Hi<div> </div><div>Sorry if its already been asked</div><div> </div><div>when i used $.data and pass in ''(empty string), it return me 7. no matter what i have put for ''.</div><div>when i looked at the code i believe 7 was just a generated id from jQuery. and the reason why it always return the id is because of </div> <div>// Return the named cache data, or the ID for the element</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>return name ?</div><div><span class="Apple-tab-span"
Use jQuery to remove un-labeled text?
Hello! Here is the html example: <ul> <li> <span>June 30, 2009</span> - TitleText <br/> <a href="http://www.mylink.com">Here is my link text</a> </li> </ul> Without direct access to the html, how can I instead use jQuery to remove the bit after the li span that is "- TitleText"? I've tried a number of different methods and the closest I have come is removing all the text in the list item rather than just that small portion. Any help is greatly appreciated!! + Dana
[jQuery] Need help in how to do pop-up box with checkbox and scrollbar
Hi! I'm quite new to this jquery, but now I'm facing a deadline and I've already wasted some time in thingking of how to do this. Here's a screenshot of what I would want to do: http://photos.friendster.com/photos/92/40/5660429/1_354785954l.jpg Basically, a "popup" will appear after clicking a button, where I can select multiple checkboxes and submit it. My question, do I need some plugins for this? Or will the core jquery be able to do this? Thanks!
[jQuery] jQuery objects?
Check out this example: http://geekswithblogs.net/michelotti/archive/2008/06/28/mvc-json---jsonresult-and-jquery.aspx I'm wondering about this line: var option = new Option(optionData.Text, optionData.Value); so you can create objects like this in jQuery? where would this object and its params be defined in this example? is it something this dude probably came up with elsewhere and is now creating an instance of option?
[jQuery] Problem with multiple droppables (one on top of the other)
I have two DIVs, one is position on top of the other. The bottom DIV is bigger and has no z-index. The top DIV has a z-index=3000. Top DIV must not overlay bottom DIV (area that is not covered by top DIV must be responsive to user actions). Both of these DIVs must be droppable. For my draggables, I have a z-index of 3001. When I drag a draggable and drop it on the top DIV, I expects that only the drop function for the top DIV invoked. However, the drop function for both top DIV and bottom DIV got
[jQuery] plugin on a great site
hi folks, I'm new here. i am in the process of learning the beautiful art of JQuery and i came across this site: http://www.arcinspirations.com/kobe/ i was wondering if anyone has any idea on what plugin they use to make the css divs scroll like that. i would really love to learn how to do that. thanks everyone! wiggy
[jQuery] .hide function confusion
Hello, I am hosting a local community association's webpage. A key part of the site is their event calendar plugin, which is unfortunately now pretty broken due to a necessary WordPress upgrade. (I apologize for the verbosity). I am not a j-coder, but muddled around with the script enough and used some existing mailinglist and the jquery manual to clean up most of it, but now I am stuck. I don't know why the orignator of the code felt it necessary to state jQuery before ever function and argument
Jquery Ajax call not working- help~
Help, I would need some idea to write in jquery style. If there's any similar tutorial, it would be great. ------------------- by using the normal js onclick will call to js, submit page to perform task, then back to the same page. <tr> <td><a onclick='doChange(7)'><img src='active.gif'></a></td> <td><a onclick='doChange(8)'><img src='active.gif'></a></td> <td><a onclick='doTask(9)'><img src='active.gif'></a></td> </tr> function doChange(id) { form.submit ... bla bla bla } ----------------- Now with
[jQuery] Tablesorter sorting formatted numbers (with spaces)
Hi, I'm using Tablesorter since few months and it was working very well. I did a small change yesterday in my php code: numbers over 1000 are now formatted like this: 1 000, 1 000 000 instead of 1000 or 1000000. Since I did this change Tablesorter seems to have problems sorting this kind of formatted numbers with spaces. It just doesn't sort the way it should. Could someone tells me how to fix this issue? Thanks (BTW excuse my english, I'm french) -- View this message in context: http://www.nabble.com/Tablesorter-sorting-formatted-numbers-%28with-spaces%29-tp24238227s27240p24238227.html
[jQuery] Help with figuring out the drop target
Hello, If each row of a big table was clickable, following best practices, we should not attach a click handler on each row, we should attach a click handler on the container, and in the click handler, figure out which row was clicked. We can do this by examining event.target. The reason for doing this is to save memory. I've try to do the same thing with drag and drop. Rather than making each row droppable. I want to make the container (table) droppable: $('#tableID').droppable( { 'accept': '.draggable',
Using jquery for an image map to change css
Hi there, I am new to jquery and hoping someone can help me out. I am creating an image map and with the hovering I want to change a css class based on where the user hovers. I have it working <script language="javascript" type="text/javascript"> $(document).ready(function() { $("#northland").mouseover(function() { $("#mapOverlay").addClass('northland'); }); $("#northland").mouseout(function() { $("#mapOverlay").removeClass('northland');
[jQuery] Trying to customize jCarousel to do AJAX loads with my XML response
I sort of see examples in how to lazy load via AJAX request for the jCarousel. But the examples here are geared toward specific APIs such as Fickr. http://sorgalla.com/projects/jcarousel/ So basically what I'm trying to do is make a jQuery ajax request to one of our URLs that goes to an HttpHandler and spits back XML in the response. Obviously this is our own custom XML so I looked at the source examples on some of what he did with calling the Flickr url to defer loading but I don't know how hard
[jQuery] Passing a jquery object as a function parameter
I had a script that was acting unexpectedly because of a function parameter. I was trying to pass a jquery object through a function to attach some events. I was wondering if someone could tell me why this didn't fly: function doStuff(theform) { theform.show(); } doStuff($('myForm')); The fix was to pass the id as a string: function doStuff(theform) { $(theform).show(); } doStuff('myForm'); Is there a reason why I couldn't pass the object directly through? Thanks Thanks
[jQuery] Internet Explorer Issue with Hover State
I'm having an extremely frustrating issue with Internet Explorer 7 and the Hover State of this div (highlighted in red). http://www.screencast.com/users/dfischer/folders/Jing/media/0277db31-2f2e-403d-b7f3-97d4ffe71c88 To view an example of what's going on. If I try simply using jquery's mouseover() function without a mouseout () it actually works in the red area, so for some reason a mouseout() is always getting triggered in the left area of the left most box and there's nothing different in that
Get .ajax post responsetext?
Hi guys, I can't get any response text from my AJAX POST Request: My code is: $.ajax({ type: "POST", url: "includes/ajax/ajax_makepp.php", data: dataString, success: function(dataString) { } }); I've checked my dataString is correct and the server files actions are being executed I just need to see the resulttext to debug things. I have tried: var resposne = $.ajax({ ... }).responseText; As per the JQUERY SITE but the var has nothing in it...
[jQuery] jQuery Tablesorter descending sort
I have a question about the Tablesorter plug-in ( http://tablesorter.com/docs/ ). Right now, the first click sorts ascending, and second click sorts descending. Is there a way to make the first click sort descending? Cheers, SSK
[jQuery] JQuery Autocomplete - conditional autocompletion between fields
Hi, First of all, thanks for the autocomplete code - it's excellent. Apologies if this next question is too simple, but I couldn't get the answer on google (lmgtfy.com) I have two autocomplete fields, for address-matching, which for the sake of argument could be called state and town. I have autocomplete on state go to /ajax/location.php?type=state and autocomplete on town go to /ajax/location.php?type=town My location.php script works fine delivering autocomplete results for each field individually.
[jQuery] Variable scope
Hi, I'm pretty new to jQuery. I'm having a problem with variable scope. This function always returns false. The success variable is not being changed within the getJSON function. I'd appreciate any help. Thanks. var check_user = function() { var success = false; url = baseurl + '/ajax/check_user_auth'; $.getJSON(url, function(response) { if(response.ok) { alert(response.ok); // (evaluates to true) success = true; // The parent "success" variable
[jQuery] call a method outside a jquery object
Hello Everybody, I am not sure I have explained well enought what I mean. I found very difficult to call a method outside his scope. For example I have 2 files js myFunction.js init.js (where I initialize all my page) [init.js ] // JavaScript Document $(document).ready(function(){ //call getX(); }); ----------------------------------------------------- [myFunction.js ] // JavaScript Document $( function(){ var x = "Hello world"; function getX(){ alert(x); }
Next Page