[jQuery] Can't get new Shadowbox plug-in to work. :o(
Hi, all. I just had to try out the new Shadowbox plug-in that Michael just introduced. I tried on a site I'm working on, but can't get any response and can't see what I'm doing wrong. Firebug returns no errors. The only part that strays from the demo is what I've wrapped the <a> tag around... a div I already had on the page with an image placed in its background via CSS. But I really don't see why that would matter. The link is still to the large image. Ideas, anyone? Michael? Thanks, Rick Here's
[jQuery] how to access an element without an id via the eventobject in the callback function
hi, I was playing around a it and was trying to simply catch every click- event with something like this $(document).click(function(event) { }); but what i just don't understand is how i can now access the element that was orginally receiving the click. $(this).empty() empties the whole document, which makes sense and I found out that I can e.g. get the text I clicked on with event.explicitOriginalTarget.nodeValue. But that's unfortunately all... Can someone tell what would be the working "version"
[jQuery] slideToggle weirdness - also Easing question
I just moved over to jQuery yesterday and I'm trying to port my Mootools slide code. The Mootools slide was very smooth but I like jQuery's syntax and philosophy better. I was comparing Interface.SlideToggleUp (http://interface.eyecon.ro/ docs/fx) and jQuery.slideToggle (http://docs.jquery.com/Effects/ slideToggle). I liked the effect of Interface better because the element being toggled actually moves up under the element above (like Mootools), as opposed to merely being eclipsed by the element
[jQuery] facing problem to show cluetip on transparent image on Internet Explorer < 7
Hi I have facing problem to show a cluetip on a transparent image under internet explorer. To make the image transparent i have used microsoft's alphaimageloader. What i have done is as follows. 1. first make the image transparent in ie using alphaimageloader. 2. attach the cluetip for that img when document is ready. But i couldnt get the cluetip anymore. If i tried without the alphaimageloader it works. I have tried also to attach cluetip with span as the alphaimageloader make the img into span
[jQuery] How to access custom div tag
How can I reference custom DIV tag using jquery? eg, <div id="1701" serial="12345"> and to use something as $("12345").click ... or something
[jQuery] jqStripe - Simple alternating stripes with jQuery
I've posted yet another striping plugin which may prove useful -- jqStripe. jqStripe is not just for table rows. It features a *tiny* codebase and an adaptable row model so that it may be used on list items, divs, and anything you are able to identify with a row selector. Download and Demo available; http://localhost/dev/dev.iceburg.net/jquery/jqStripe/ Enjoy, ~ Brice
[jQuery] Back Button Clears Form
Hey, After starting to use jQuery, I've found the back button on my browser no longer remembers the values in my forms. The user has to re-enter everything if they accidentally move past a page and wish to go back. Is there any way I can get the page to keep it's state? Thanks! Jamie Goodfellow
[jQuery] Announce: clueTip Plugin update (0.9.5)
Hi everyone, Wanted to let you know that I released a new version (0.9.5) of the clueTip plugin at http://plugins.jquery.com/project/cluetip/ Here is a list of the changes since the last release: * added clickThrough option to allow click to go to page, even if href and tipAttribute are equal. * added experimental mouse tracking option * added simple/experimental delayedClose option to allow auto-closing of clueTip after given number of milliseconds. * added "focus" as an available value for "activation"
[jQuery] Is it possible to auto increment an appended value?
After looking in the documentation, this doesn't look possible but maybe someone can help me. Is it possible to auto increment the value on a variable that will be appended? For example the bottom code I'm appending an extra row with a text field to the table once the fields button is clicked. I want the data for every "c#" sign to count up from 1, 2, 3, etc... Any ideas appreciated, thanks. Further Note: If the auto increment is possible, could I do it as 001, 002, 003... Thanks. --- Code --- $(document).ready(function(){
Populate Form Values with Json returned Ajax call
I do an ajax call to load a form. The data is returned via json. What's the best way to mass populate the form without setting each id...one by one? Also, does this mean that I would need to name my form fields the same as the database field names? Thanks, Mike
[jQuery] Image control and navigation
Hi, I've been unsuccessful in finding a javascript solution that is the equivalent of this: http://www.pupinc.com/browser/ Basically I would like it would function like one of the many lightboxes however, the user would remain on the same page, nothing being blocked out. Currently thumbnails are displayed, and I would like to allow for clicking on the left or right side of the image to continue to the next or previous image. Any help or ideas would be great. Thanks, ben
[jQuery] manipulate td children
I have a table , and now I get the tr element the table looks like <table> <tr tr_id=17> <td>something</td> <td>something else</td> <td>...</td> </tr> </table> I get tr element through this way var dest_tr = $(".tbl tr[@tr_id="+tr_id+"]"); movie_name = dest_tr.children().eq(1).text(); in firefox it works well, but in IE 6 it just doesn't work which shows "the object don't support this attribute or method"
[jQuery] Reloading contact page in tab - using UI.TABS
Using UI.TABS. I'm using a user authentication system that makes use of PHP sessions. It seems that the UI.TABS are pre-loaded and don't load in the PHP session vars as they are created/changed during the login process. Is there a way to get UI.TABS to reload the tab's content page when it is selected? I see there is a "clicked" function, but the docs don't show usage examples and I haven't been able to figure it out (yet). TIA
[jQuery] Is there a .new() ?
Hello, When my form is submitted, I want to add a couple of hidden form fields to the DOM. I know that I can accomplish the task like so: $("#myForm").submit(function() { var str = "<input type='hidden' name='myname' id='myid' value='foo' />"; $(this).append(str); }); But that just doesn't "feel" right to me. Is there a .new() method or something that would allow me to create the new element and then use the other methods (e.g. .new("input:hidden").attr("id").val("myid") ) before doing the
[jQuery] ajax variable scope (?) problem
Hi, I have the following problem. I have a page with several links with class "deletepm", and when I click on the links in a very quick sequence, the following happens: deleting 3 deleting 4 deleting 5 5 deleted 5 deleted 5 deleted Here's the code: $('a.deletepm').click(function(){ id = $(this).attr('id'); console.log('deleting '+id); $.ajax({ type: "POST", url: "ajax.php?action=deleteprivatemessage", data: "id="+id, success: function(response){ console.log('comment '+id+' deleted.'); } }); return
[jQuery] Tabs stopped working in IE
My tabs (using UI.TABS) stopped working in IE6 yesterday. There was some formatting problems, but the tabs worked until yesterday. I'm using the stock "flora" CSS package with additional CSS loaded from "main.css". I've trued to find the IE-specified .css file mentioned in other postings here, but haven't been able. Anyone (Klaus?) care to give a look to see if you can hep determine my error? URL: http://dev.carvingcode.com/sr_dev/ TIA -- Randy
[jQuery] Populate Form Values with Json returned Ajax call
I do an ajax call to load a form. The data is returned via json. What's the best way to mass populate the form without setting each id...one by one? Also, does this mean that I would need to name my form fields the same as the database field names? Thanks, Mike
[jQuery] change error message
hi all, im using this approach in validation class="required" on the element <form action="" method="POST" id="formEdit"> <input class="required" type="text" name="name" > <input type="submit" name="clicker" value="click"> </form> <script> $(document).ready(function(){ $("#formEdit").validate(); }); </script> it works well but i want to change the text of error message any help ?
[jQuery] Make money online so easy
<div>Step by step make free money online</div> <div><a href="http://smarts-way.info/main">Click Here</a></div>
[jQuery] Someone who can help me about multi select
hi all, Is there a plugin for multi select?I think we often need a pop up,multi select plugin,if it can write back the selected thing back to input field or support tree view. Anyone can give me some idea if there already exist one?Thanks in advance! George
[jQuery] Odd behaviour of image.load()?
Hi, I'm having some troubles using the load() event for images, since it seems to behave totally different in every browser... What I try to do is: - fade an image out - load another image (or the same again) - fade the image in as soon as it's finished loading Heres the code I use for testing (jQuery version: 1.2.2): <script type="text/javascript"> var images = new Array("images/resultate/D RESULTATE.JPG"); var imagePos = 0; $(document).ready(function() { $("#image").bind('load', function(){ $("#image").fadeIn();
[jQuery] problem with .attr("alt");
Hi, I'm trying to create a dynamic rollover effect for a client, but I just can't get my code to work, don't really know why. Here it is: 1 $("a.menu-text").hover ( 2 function() { 3 var titleStr = $(this).children("img.text").attr("title"); 4 $(this).children("img.text").attr("src", motrSiteUrl + "binary/ (output)(text text='" + titleStr + "' font='InfoTexBoo' size='13' fg='ff0000'/)(/output).png"); 4 }, 5 function() { 6 var
[jQuery] .html(val) not working in ie6 & 7
I am doing an ajax post, whereby I am returning an xml document that has html in it. I grab the html text, and the use .html to replace an unordered list. This works fine in FF, but ie6 and ie7 just show the last li elements text... $j(xml).find('Response').each(function(){ var type = $j(this).attr('type'); if(type == "update") { var html = $j(this).text(); Module.UpdateList(widget, html); } }); UpdateList: function(widget, htmlText) { var listBody = widget.find('.userlistbody'); listBody.slideUp("normal",
[jQuery] http://jquery.com/api/ page broken
The http://jquery.com/api/ page doesn't seem to be working for me. When I click on a link, nothing happens. I'm using Firefox on Windows XP.
[jQuery] tableSorter 2.0 help needed
Hi I am planning to use the tableSorter 2.0 plugin by But just wondering if there is a way to do the following with this: Right now once we have tableSorter set up...we can toggle the columns. click once do asc, click again do desc. But I want the user to be able to just click either up arrow or down arrow. If they click up arrow sorting will be done by asc, if they click down arrow sorting will be done by desc. Please can someone suggest if there is a way to do this with this plugin?
[jQuery] json and ajax error
How i can handle with jquery the "uncaught exception: [object Object]" firefox message when no response (json in this case) is recived? My problem is that all the rest of the script stop work! This is part of the script $.ajax({ url: "weather.php", action: "get_weather", dataType: 'json', success: function(json){ .... do something .... }, error: function ( request, errtype, e ) { alert ( 'An error occurred while loading this report. '); }, }); Im using $.ajaxSetup( { timeout: 2000 } ); beacause the
[jQuery] tableSorter2.0 help needed!
Hi I am planning to use the tableSorter 2.0 plugin by But just wondering if there is a way to do the following with this: Right now once we have tableSorter set up...we can toggle the columns. click once do asc, click again do desc. But I want the user to be able to just click either up arrow or down arrow. If they click up arrow sorting will be done by asc, if they click down arrow sorting will be done by desc. Please can someone suggest if there is a way to do this with this plugin?
[jQuery] tableSorter help needed!
Hi I am planning to use the tableSorter 2.0 plugin by But just wondering if there is a way to do the following with this: Right now once we have tableSorter set up...we can toggle the columns. click once do asc, click again do desc. But I want the user to be able to just click either up arrow or down arrow. If they click up arrow sorting will be done by asc, if they click down arrow sorting will be done by desc. Please can someone suggest if there is a way to do this with this plugin?
[jQuery] jQuery Firefox vs IE Problem
Hi all, I'm having problems with a difference in rendering between IE and Firefox. The thing is that when a <td> element is with display hidden, when I make it appear with "jQuery show", in IE it renders nicely, but in Firefox it appears displaced. I've put an online example page: http://www.filaum.com/teste.html http://www.filaum.com/teste.html . The source code of the page is: <html> <head> <script src="jquery-1.2.1.js" type="text/javascript"></script> </head> <body> <table style="border: 1px solid
[jQuery] jQuery + MS Access Database
I have been searching for tutorials or examples that allow a website to pull information from an Access database using jQuery or Ajax. So far my search has been unsuccessful and there is probably a good reason for that. I'd first like to know if this is even doable and if so are there any examples/tutorials that could be of any assistance? If this is not doable, then I'd greatly appreciate any other advice you may have to offer to help me achieve the overall goal of pulling info from an Access database
[jQuery] Quick simple syntax question.
In one of the tutorials on this page: http://docs.jquery.com/Tutorials:jQuery_For_Designers in this bit of code, (on the starred line), the 'event' is passed to the function that toggles the .thebody class. I don't understand what this 'event' is and why is it passed on this line and not any of the others.. Can someone possibly explain what its there for please? thanks. // When the page is ready $(document).ready(function(){ $(".article .thebody").hide(); $("#container .article ul") .prepend("<li
[jQuery] $(this) and bind()? Noobish questions...
Hi, Two quick questions: ----- 01. $(".item").hover( function() { console.log(this); /* For Firebug. */ $(this + ' .thumb').animate({ "height": "50px" }, "fast"); /* How to target a child element of $(this)? */ }, function() { console.log(this); /* For Firebug. */ $(this + ' .thumb').animate({ "height": "25px" }, "fast"); /* How to target a child element of $(this)? */ } ); So, $(this + ' .thumb') does not work (to be expected)... But how can I make sure I target the child element $(".thumb") of
[jQuery] ui_tabs and form plugin: conflict in IE 6.
Hello All!!! I has meet one strange thing in IE6 when use together 2 plugins, such as <a href="http://stilbuero.de/jquery/tabs_3/">ui_tabs</a> and <a href="http://www.malsup.com/jquery/form/">form plugin</a> - forms not sent when it loaded in ui tab panel... $('#account_form').ajaxForm(); - not sent by Ajax, it is freeze in start.... It is very strange, bcoze forms loaded by Thickbox sending very well... Somebody met this problem also? Somebody can prompt as solve it ? Thanks for any thoughts Romiz
[jQuery] validationaide issue
I am trying to find a way to use validation aide for this form but having issues. Basically this form is not going to post to another page, I need it to do a .load to another page and then replace the form with the return text but it seems like it validationaide passes, it automatically send the page to the action of the form. I know there is a way to pass a function is before and after you process an element but is there a way to have validationaide use a function instead on submitting the form
[jQuery] replaceWith -- Use with Classes
I know this may be a pretty elementary question, but I am trying to figure out how to change a class based on a click. I think should be able to do this with replaceWith, but for some reason I am struggling. I have this: <li id="st1" class="current">1.Boat Select</li> <li id="st2" class="">2.Halyard Length</li> <li id="st3">3.Shackle Select</li> and for example would like to change it to: <li id="st1" class="done">1.Boat Select</li> <li id="st2" class="current">2.Halyard Length</li> <li id="st3">3.Shackle
[jQuery] JQuery ThickBox not working in IE
Hey guys, I'm not sure what I did wrong. I'm using the thickbox IFrame method, but it's not doing anything in IE but works in firefox. here is my link <a id="MyProfile" href="preference.aspx? KeepThis=true&TB_iframe=true&height=400&width=600&modal=true" class="thickbox">My Profile</a> anything i'm missing?
[jQuery] Extract a script from script.src with a script
This is a bit of an odd request, but maybe there's something simple I'm overlooking. I have a function which pulls JSON data from Google's GData service. Normally this works pretty well, save a bug or two on Google's end. The problem is that errors are served as a plain text string without a JSON wrapper. This throws a parse error in the browsers. What I want to do is read that string. Is there a way to extract/view/read the script contents of an external script with a script? I want to use JQuery
[jQuery] Using JSONP With the AIM Presence Service
If anyone wants to use jQuery to get the presence information from AIM for a user, I documented it here: http://www.iamzed.com/2008/01/25/using-jquery-and-jsonp-to-get-aim-status/ Nothing revolutionary, but the JSONP callback stuff threw me for a while. -- Chris Scott Adaptive Hosting Solutions http://adaptivehostingsolutions.com/
[jQuery] $.post is not a function
I have jquery.js loaded (visible in firebug) I have editor.js loaded (visible in firebug) after jquery.js Here is the code: function (){ this.content = this.getContent(); $.post("updateStandardsCell", {key: formatPOST(this.sid), content: formatPOST(this.content)}, function(data) { Editor.instance.refreshPage(data); } ); } Code almost precisely like this in a different view works just fine. This code responses to a Save button,
[jQuery] Livequery Toggle for newly added row
This is my first attempt at using jquery, so perhaps this is way off... I'm utilizing the following code to add rows to my table: $("input:button[@name='Add_Row']").click(function () { $('<tbody>').appendTo("#tblFormulary").html("<tr><td><img src='images/ on.gif'></td></tr>"); This works very well, but now I need to utilize "toggle" to swap the src. Because this is added after the original DOM is loaded, I've been looking into livequery to handle this - but no success: $("img") .livequery('toggle',
Next Page