[jQuery] How to use the GET method to display data without refreshing the page
Hi jQuery Geeks, Recently i saw a nice example in Prototype to use the get & display data without refreshing the page . how to do that in jQuery, i'm almost tired of doing it, see the below php code this how my php code goes, so i guess one of you guys can help me. <a href="catalog.php?show=productid">Show product as per the id hi</a> <?php switch($_GET['show']){ case 'productid': echo 'show the product as per the product id'; break; default: echo 'Show list of product'; break; } ?>
[jQuery] Is it possible to override a link?
I have one link: <a id="woof" href="form.php">Form</a> then I have: $('a#woof').click(function() { do ajax form } I've done this to make the user without javascript still able to see the form, the problem is that it follows the link even when java is enabled.. how can I avoid this? Thanks
[jQuery] jQuery.Form and url
This function runs correctly: function authentication() { $('#myForm').ajaxSubmit( { type:'POST', url:'login.php', success: function(reponse,status) { }, error: function(requete,iderror) { } }); return false; } But not this one: function authentication() { $('#myForm').ajaxSubmit( { type:'POST', url:'myFolder/login.php', success: function(reponse,status) { }, error: function(requete,iderror) { } }); return false; } Why ?
reset form()
hi ! i have captcha form in my form . when send data with submit change captcha auto and reset form . ( with out jquery ) now : with jquery send data worked but not reset form after send data . how to reset form with jquery or reset any field ( captcha field ) after submit ? $(document).ready(function() { $().ajaxStart(function() { $('#loading').show(); $('#result').hide(); }).ajaxStop(function() { $('#loading').hide(); $('#result').fadeIn('slow'); }); $('#myForm').submit(function()
Best practice: calling a function again
Hi, I have a simple line of code to add a class for a zebra list: $("ul.block li:even").addClass("even"); then I have a click function to remove li elements of this ul. $("li").click(function () { $(this).remove(); }); The following problem occurs: when deleting one row the color alternating doesn't fit anymore. How do I have to write the code to call the "zebra function" again? thx TC
[jQuery] autocomplete plugin with extraparams and onSelectItem
Hello Group, i need an Autocomplete Plugin for jQuery. The Plugin have to handle extraParams and a "onSelectItem". i only found many plugins that can only handle extraParams OR onSelectItem! We have to build a Form like this: [country] [zip] [city] When coutry is selectet, the ajax have to give me only german zipcodes back. and when i selected a zipcode, the appendant city had automaticly fill. have anyone an idea?! greet, Michael
[jQuery] Jquery.com - UI examples down?
Hello Bit of a noddy question, but I just wanted to make sure it wasn't just at my end.. .. is the jquery.com site not working quite correctly, i.e. the examples don't work on the following pages : http://docs.jquery.com/UI/Progressbar http://docs.jquery.com/UI/Slider So - is anyone else seeing the same thing? TIA, Paul
[jQuery] scrolling function
Hi, i have a div with the scrolling function attached to it as following: <blockquote style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;" class="gmail_quote">$("#data_framework").scroll(function(e){ //var maxScroll = $("#data_framework").attr("scrollWidth") - $("#data_framework").width(); $("#frm_table").scrollLeft($('#data_framework').scrollLeft); }); </blockquote> as you can see when user scrol the div #data_framework, it should scroll by the same
[jQuery] jQuery and Shadowbox
Hi, I'm using shadowbox and struck alittle problem on the way. I'm trying to make a page that has a shadowbox popup that you enter some information into. When the form is submitted I'm inserting the data into the database after that I want an ID to be sent back to the underlying page. I was thinking that there has to be a way to do this with jQuery. When the data is verified in the shadowbox code it should alter the page in question with a function called with jQuery. I've tried to do it, but it
[jQuery] Need advise
Hi, I am working on a page that need an AJAX tech. I use Java Server Page in this case. Here is the case: 1. On input text user input a certain fix length number (i.e. 15 chars) 2. It must be able to execute a stored procedure (on oracle DB) that will return a yes or no answer for particular number as parameter 3. Then another combo box will be enabled or disabled accordingly. 4. If enabled then this combo box will need to load itself dynamically from specific table. It just a simple select like
Ext Link and Form Not Working In DIV With slideToggle
It's my first post here so...Hi everyone! I'm trying my hand at php and jQuery and am at a loss at the following and wondered if anyone could help me out. I've made a couple of <a> links that slideToggle the relevant div to reveal content, they are inserted using a php include. I found this tutorial which helped apply this to multiple divs and <a>. My problem now is that the external hyperlinks and forms don't work inside the div but do when inserted directly into the index.php file (see link below).
Finding an element and adding a class to the previous one?
Hi, I have this menu: <ul> <li>Item 1</li> <li>Item 2</li> <li class="active">Item 3</li> </ul> ..is it possible to find on which item is "active" set and give a class say "prev" to a class to the previous element (Item 2)? Thanks!
Selector for an embedded HTML element
Hi, I'm still a newbie in JQuery, but trying to learn stuff as quickly as possible. Usually I find my way around with Google, but this time I'm really stuck!! Recently, I got a table formatted similarly to this: <table> <tr> <td> <span>I don't want to select this text 1</span> I want to select this text 1 </td> </tr> <tr> <td> <span>I don't want to select this text 2</span> I want to select this text 2 </td> </tr> <tr> <td> <span>I don't
[jQuery] [ListNav] Solution to a severe performance problems with jQuery/ListNav and the Blueprint CSS framework
Hi, [reposted, didn't appear in archives... sorry for the noise] I've encountered, and worked around, a rendering performance problem in WebKit based browsers. I'm working on a webapp and a particular uncontrived page is rendered by FireFox in about 0.5s while Safari takes about 12s -- that's about 20 times slower. And 12s is way too long from any user's point of view. I really don't know how jQuery/ListNav and the Blueprint CSS stylesheet are interacting, and I certainly don't know whose 'fault'
[jQuery] VALIDATE - check zip and return the city into another input?
Hello I have two fields; zip and city, i validate zip with remote and it checks against a list if the zip is valid, but i want it too: check if the zip is valid return true if it is valid AND return the city of the zip and paste it in the city-input... How to? Of couse i have a databas/array/list with all zip and city's
Stuck on a .toggle can't close the item again
Hi I've got a page that's a calendar. Users can add events to each date. If there's an event then a marker shows on that date that a user can click on to see a jquery popup of the event. This all works great for multiple events on one page. The problem i'm having is closing the popup after it's open. I don't know if it's because i want to open it with one button but close it with a generic one on the popup. Any help would be great. My code is below thanks. <script type="text/javascript"> $(document).ready(function()
$.get() doesn't run callback function
I was gonna post about another $.get() related problem I had but as I was typing it out I figured out what was wrong. However, I have a $.get() call in a div mouseover event which is supposed to retrieve some data for another div to display. The get call gets a 200 OK but the callback function doesn't run. $.get("default2.aspx",{id: getNumber($(this).attr("id")), e: "mo"}, function(xml){ alert("hello"); //$(thisid).append($("name", xml).text()); }); The commented out part is what I want
jquery load and response.flush
Hello I'm loading an asp page with large query and would like to flush the content after 2 , 4 , ... secs I'm using response.flush in my asp code, notting happens until the page is completely loaded. Regards JW
[jQuery] SUPERFISH nav-bar tweak
Hello, Is there a tweak to get Superfish to behave like the nav-bar on this page for this web site? http://www.wildman.com/index.cfm?fa=overview.aboutus I noticed this site uses the jQuery library also, and would be nice to have the second-level nav-bar remain visible at all times instead of dropping down. Thanks for a great module. James
[jQuery] return false not stopping the form submit
I've got a page where i submit a very similar form for ajax response multiple times. I had this working, and have now split this out so that the variables are retrieved in a function and returned in an object. Unfortunately, now that I've done that, the submit form seems to be ignoring the 'return false' statement, and is submitting the form, rather than running the function within the submit. [code] function getFormData(){ var formData = new Object; var searchAddress=jQuery('form#filterList input#searchTxt').val
IE javascript error using Cycle plugin..
Hi.. I'm a newbie, and basically playing around with Jquery plugins at the moment to get familiar with it. The page below seems to work fine in Safari and Firefox, however it breaks in Internet Explorer. In IE, it works fine until I try to add values to the 'Cycle' plugin attributes i.e. timeout/fx etc etc.... My initial thoughts were that some variables may be clashing, although i can't find anything!! Help would be much appreciated!! The link to my page.... http://www.solutiongroup.co.uk/sol_web/index.php
[jQuery] building a custom "speed"
I was wondering if any one could point me in the right direction for creating a custom "speed" plugin that extends the current speeds. For example right now I use slideUp('slow'); . But I want to use something like slideUp('custom'); . Where "custom" takes the height of the object and computes the number of ms to return for slideUp. ie slideUp( (($(this).height / 470) * 1000) ); but I would like to write it like ... slideUp('custom'); Thank You
[jQuery] Cycle: cleartype and slide captions solution no longer working with 2.52
(Please excuse my newness...I'm not sure if I need to do anything special to post code, etc.) What have I done wrong? My original need was to fix the IE7 cleartype bug on captions that I fade in used within a Cycle slideshow. It seemed that the built-in cleartype fix IN Cycle is only for text used in the "slide" part. So, I call another js function from a separate file if the browser is IE7 and everything was working just peachy until trying it with the latest version of Cycle [Version: 2.52 (21-
[jQuery] Paste text at selection in DIV
I'd like to have a way to paste text into a DIV at the selection point via a link. Something like this: <a href="pasteText('test');">Paste Test</a> <div id="divPaste">This is my text</div> Say I have the above and I highlight "text" with the mouse. How could I make the Paste Test link overwrite the "text" with "test"? Really what I'm trying to accomplish is done at this link, but I need to do the same thing to a DIV and not a textarea. http://skfox.com/jqExamples/insertAtCaret.html Ideas on how to
[jQuery] SUPERFISH error message in IE
I am getting the following error in IE 7 & 8 but not in FireFox. IMy site address is www.royalmbc.org/joomla Here is the error: __________________________________ Webpage error details: User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; GTB5; .NET CLR 1.1.4322; .NET CLR 2.0.50727) Timestamp: Tue, 24 Feb 2009 00:55:01 UTC Message: Object doesn't support this property or method Line: 21 Char: 36 Code: 0 URI: http://www.royalmbc.org/joomla/ ____________________________________
[jQuery] class=\"stripeMe\" gets removed after $("#quote_list").children().remove(); gets called
Hi all, I would appreciate any information to help me solve this issue ... Thank you in advance fro your time ... I have a table in my view ... http://screencast.com/t/z9zFsVN2Bn Then, in my controller, I amend another table, and the table structure is as follows ... http://screencast.com/t/FxrsrJpnXs In my view, I amend the new table via an AJAX call as such ... http://screencast.com/t/6TdyV1B0 My problem description ..... Everything works fine, except that my class=\"stripeMe\" seems to be removed
Fadein newly added <li>
Hi, I created a new <li> using "after". Is there some way to make my new <li> fade in instead of it just appearing all of a sudden? Below is my code and the html <script type="text/javascript"> $(document).ready(function(){ $('.a-1').click(function(){ $(this).after('<li>two</li>'); }); }); </script> </head> <body> <ul> <li><a class="a-1" href="#">one</a></li> <li>three</li> </ul> </body>
[jQuery] [validate]check zip and return the city into another input?
Hello I have two fields; zip and city, i validate zip with remote and it checks against a list if the zip is valid, but i want it too: check if the zip is valid return true if it is valid AND return the city of the zip and paste it in the city-input... How to? Of couse i have a databas/array/list with all zip and city's
[jQuery] jQuery Form Plugin redirects even if I use return false
Hi all, I am using jQuery Form Plugin to submit a form to my php. I am using ajaxSubmit to achieve the same. But when I used it like this, --------------------------------------------------------------------------------------- $(document).ready(function() { var options = { target: '#output2', beforeSubmit: showRequest, dataType: 'xml', success: showResponse, url: 'index.php' }; $('#myForm').submit(function() { $(this).ajaxSubmit(options); return false; }); }); -------------------------------------------------------------------------------------------------------------------
[jQuery] error - name.match is not a function
On line 782 of jquery-1.3.1.js this line of code makes this error: name.match is not a function. On line 782 there is: if ( name.match( /float/i ) ) I'm trying to write a "news scroller" This is my code: $(document).ready(function() { function scroller() { $("div#newsticker ul li").animate( $(this).css("left", "-200px"), "normal", "linear", function(){ $(this).css("left",
[jQuery] [validate] check zip and return the city into another input?
Hello I have two fields; zip and city, i validate zip with remote and it checks against a list if the zip is valid, but i want it too: check if the zip is valid return true if it is valid AND return the city of the zip and paste it in the city-input... How to? of couse i have a databas/array/list with all zip and city's
[jQuery] Strange Safari-only issue with display
Hey all, I'm having an issue where the use of a jQuery twitter displaying plugin on my website is failing in safari but working fine in Firefox (havent tested others yet). Basically if you refresh the page (http:// gtproductions.net) you will see the tweets maybe 20 percent of the time, the other 80 percent you just see nothing. I can't imagine what the problem is, if it's with the CSS, or the jQuery bit or what... I'll include what I can and hopefully someone has seen this before or knows how to
[jQuery] Selecting dynamically created elements
I'm creating <img> elements dynamically like this: $('<img src="images/pic.jpg" alt="").appendTo("#table"); Later on, if I create a wrapped set $('img'), dynamically created images are not in it. I guess that's the way jQuery works, but can I do something to wrap newly created elements that are not in HTML?
[jQuery] Cancel Previous $.post request
Hi, I am using the jquery + $.post to create an auto-suggest feature. I wanted to know if there is a way to cancel previous post requests. For example this is how it is happening now.. User types in "<b>jquery</b>" so my app sends request for <b>j, jq, jqu, jque, jquer, jquery</b> .... and depending on which request is satisfied first it displays the result. i want that once the user types in <b>"jqu"</b> the app should abort the request for "<b>jq</b>". is that possible? that would be great help..
[jQuery] jcarousel loading hidden images after refreshing the page
Hi all i'm using the jcarousel scripts to do the images sliding like here: http://sorgalla.com/projects/jcarousel/examples/static_controls.html my images are like around 100 x 100. I have 9 in total, but display 3 at a time. The problem is every time i refresh the page, it loads all the 9 images first for like 2 seconds, and then 6 of them disappear. It's like that in every browser: FF, IE 6 and 7 (haven't tested in safari, but I'm pretty sure it's gonna be the same) Is there anyway I can specify
[jQuery] How to update div content every X second
Hello all group member sorry if this post Contrary to the laws but this my first topic hear I'm looking for JQuery Rule to update div content every X second for example 2sec i'll use it for script like live chat can some one help me ? sorry for bad English
[jQuery] [validate]
For remote validation, please show a code of check-email.php. I did not find any example. My code: $email=$_POST['email']; $existing_mails=array('mail1@example.com','mail2@example.com'); if (in_array($email, $existing_mails)) { echo false; } else { echo true; } does not work. Can you please show just small example of php code you wrote for the demo mentioned here http://docs.jquery.com/Plugins/Validation/Methods/remote#options
[jQuery] is there something like $('.myClass').contains('val1 or val2 or val3')?
Hi guys is there a way to use logical operators in jQuery e.g. with 'contains'? thanks
[jQuery] [validate] How do I enable a submit button only after all fields are valid?
I'm terribly sorry to post this question yet again, as it seems to come up quite frequently, but the answers I've seen have all been unsatisfactory to suit my use case. The solution usually involves the recommendation to do something like this: $(...).validate({ ..., submitHandler: function() { // send AJAX request for calculation } }); What I find unsatisfactory about this solution is that the user is still afforded with the opportunity to click on a button that gets him nowhere. My goal here is
[jQuery] 1.3.1/2 selecting bug... or feature?
I've build a recursive tree. Now I'm trying to get the number of list elements but I get weirds results: $("li").length = 10; $("body>ul li").length = 4; Is this right?.. or a bug... (1.2.6 works as expected) [code] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
Next Page