[jQuery] Handling key event in Chrome or Safari during a popup
I am currently following the image popup example from: http://yensdesign.com/2008/09/how-to-create-a-stunning-and-smooth-popup-using-jquery/ The demo is at: http://yensdesign.com/tutorials/popupjquery/ If I run the demo on Windows XP on Chrome or Safari, the escape key doesn't close the popup window. How do I handle this in jQuery for those two browsers?
Multiple Toggle Links
Hello all, I'm new to jQuery. I find it easier and less typing then Ajax. My problem is that I would like to pass the div ID to my function so that I can use the function (toggle) in multiple places. I'm sure this is possible but not sure how to accomplish it. Can someone help? Thanks! <script> function toggle(id) { $("div").click(function () { $(id).slideToggle("slow"); }); }); </script> </head> <body> <a onClick="toggle(id1);" href="#">Link</a> <div id="id1">
[jQuery] Form submit using http://www.malsup.com/jquery/form/
Hi, I've bee trying to understand the differences btwn the ajaxSubmit and ajaxForm. I understand what the difference is but I cant write the code to do what I want. It's fairly simple. I want: A layer, where I have a log in form, to submit to file (user_admin.php) page and, without refreshing the entire page, show the returned content to the same layer. I got that to work. However, I cant get the code right with ajaxForm and ajaxSubmit. I understand I need the ajaxForm otherwise wont the button names
[jQuery] jQuery Star Rating Plugin
Hi guys, how can I reset the stars without clicking on the cancel button, like on any other event on the page? is it possible? thank you Karim
[jQuery] Superfish with ie6 problem,need help.
Hello, i have a problem with the superfish, the problem appeared when viewing in internet explorer 6, the submenu seems to display at the back layer if it go through the button or textfield. how can i fix this? http://i6.photobucket.com/albums/y221/curseshadow/32.jpg
[jQuery] [treeview] persistence in async tree
It's possible that you'll add an persistence feature to the async tree in the nearest future?
[jQuery] Loop only handling last item in the array
I am very new to javascript/jquery so bare with me. I am using this loop code below with a populated array called "listarray": for(var i in listarray){ var currententry = listarray[i]; var finalurl="phpscript.php?entry="+currententry; jQuery.ajax({ url: finalurl, success: function(serverreply){ alert(currententry); } }); } The alerts will always be the exact same: the last item in the array. So if there are 10 items in the
[jQuery] How to go about writing a plugin that extends a core plugin like sortable
Hi I would like to turn my code for <a href="http://www.2dnn.com/DragnDrop.aspx">http://www.2dnn.com/DragnDrop.aspx</a> into a plugin. Right now its just standard coding and .sortable. So lets say i would like my plugin to have the name of igoogle and extend sortable Is there a good example somewhere or can someone paste some code here so I can go from there thanks in advance Armand
convert <LI>...</LI> to <LI><A>...&l
How to convert.... <ul id="peopleNames"> <li title="abc@aa.org">Abc</li> <li title="xyz@aa.org">Xyz</li> </ul> To... <ul id="peopleNames"> <li title="abc@aa.org"><a href="detail?email=abc@aa.org">Abc</a></li> <li title="xyz@aa.org"><a href="detail?email=xyz@aa.org">Xyz</a></li> </ul>
[jQuery] jQuery problem
I'm trying to use the autocomplete plugin for jQuery. I include all the nessesart .js libraries such as bgiframe.js, jquery.autocomplete.js and jqury.js (version 1.3.2). I'm attaching the autocomplete on my textbox and I'm getting the error "jQuery is undefined". The autocomplete uses (function ($) { ... })(jQuery). Does anybody know what is the problem? Thanks.
Append New Form and ajax submit does not working
Hello ! I'm writing a script to generate new form each time the previous is submitted. Field 1 - Field 2 - Submit Button -> by clicking on submit, ajax control transmit input data to php and on success a new line of Field 1 - Field 2 - Submit button is append without reload. Problem is : The new form don't seem to be known and submit button reload current page without use ajax control. Dom is not refresh ? Cache problem ? Could you help me please ? Thx Michel
change class onclick
Hello all, I am having some trouble here, I have this code: $(document).ready(function(){ $('.account').click(function() { $(this).removeClass("account"); $(this).addClass("account_selected"); }); }); This is changing my class name from account to account_selected, which is great but what I need it to do is when another div is clicked is change the class back to "account" and set the one that was clicked
Display my Xml file in DESC order
Hi all, I would like to read and display my xml file so that the last one added is displayed first. 3,2,1 rather than 1,2,3 <?xml version="1.0" encoding="iso-8859-1" ?> <sites> <site id="1"> <title>Think2Loud</title> <url>http://www.think2loud.com</url> <desc> <brief>this is the brief description.</brief> <long>...and this is the long description. See how long it is </long> </desc> </site> <site id="2"> <title>jaredharbour.com</title> <url>http://www.jaredharbour.com</url> <desc> <brief>this is the
[jQuery] autocomplete
first of all thanks for your gr8 plugins to add autocomplete feature using jquery. but I am facing a problem to implement this in my application. As in error console it is showing syntext error .ac_results { ............................ and showing the list of probables as simple ul viwe (with bullets) plz suggest me further. I am using Revision: $Id: jquery.autocomplete.js 5747 2008-06-25 18:30:55Z
[jQuery] where to place prompt msgs
i m creating a site and i want to include some prompt msgs.any one can help me where should i place them?
[jQuery] Superfish - solid background
Hello, which is the setting (and where can I find it) to make the background of a dropdown menu solid? I like the settings from "A very basic superfish menu example" but I can't see where to override the color. I'm attaching an image (hopefully will go through) of how the superfish menu shows up on my page. To remove the shadow is easy, but I would like the background to be solid. thank you very much and cheers! rafa. <img title="menusamp.jpg" alt="menusamp.jpg" src="cid:ii_121c64ae381ad56e" width="313"
[jQuery] variable manipulation
I have some simple variables $.myvariable1 $.myvariable3 $.myvariable2 now I would like to add the number part of the variable to it dynamically. var i=1 $.myvariable+i and so on, whats the way I could do this, i have tried several like $.myvariable[i] etc but nothing Si
[jQuery] Drag & Drop to sort categories and post this new sort order to dB?
OK so Ive been using jquery for a little bit now and love it. I am a ColdFusion developer. I have a need where I would like to present the user with a list of categories and the user can drag and drop to sort, but then I need to post this new sort order to the database. So I see there are a ton of cool drag & drop plugins for jquery. I understand how they work and I can get it to work as far as spitting out DIVS or spitting out ULs that can be sorted, but then what? So now they are sorted on my screen
[jQuery] Form plugin asynchronous behavior
Hello all, An application I'm building has a form that can initiate several different actions on the server side, which take varying amounts of time to return (up to 30 seconds or so). I'm using the jQuery Form plugin to AJAXify the form. I've set the dataType option to json and I'm using a beforeSubmit and success callback. The problem I'm having is that the form submissions seem to be queued and submitted synchronously, so if a user submits a request that takes say 30 seconds and then immediately
[jQuery] plugins aren't applied on second call
hi, i've been having an issue with the jPicker and jquerySpinButton plugins. if i apply each plugin to one instance (say, a span) they work fine. however, the next time I do the call, the elements are not modified by the plugin. on the demo page, there should be two spin boxes, and two color selectors. only the top 2 work, the bottom 2 are deformed. code is here: http://www.akbars.net/eurisko/test.html any suggestions? much obliged, imran
Multi-level Dropdown Menu Help.
Hello, I am having a bit of a problem with my jquery menu: I followed this tutorial to create a menu: http://www.kriesi.at/archives/create-a- ... via-jquery Everything has turned out great with the exception of 2 errors I need help with: #1: How can I have but main button not have a border around it? There is a 1px stroke around it and I do not want it there. #2: for the sub menus, how can I have them appear in front of the menu when clicked on? I have provided pictures for both of my problems. I
[jQuery] [Off-Topic (maybe)] Subversion and Bugtracking
Someone here would happen to know a good bugtracking system that I can start using? It can be free or open source. I also use TortoiseSVN, does it work good with any system in particular? If someone here could point me the directions so I could start, I would be highly appreciated. Thanks, Paul
[jQuery] Superfish Height Question
I've adopted Superfish as a menu but would like to find out how to change the height of the header items and the subsequent dropdown items. I am the furthest thing from a CSS expert so explicit instructions about what I should change/add would be highly appreciated! Sincerely, Robert Werner http://mwtech.blogspot.com
[jQuery] jquery Validate - send email failing
Wondered if anyone could help out. my form is set up to send an email on submission, and is working correctly. But when i add the validation, the redirect to the 'thank you' page works but no email is sent. Thanks for your help
[jQuery] tabs with cycle crashes in ie6
Hi Everybody, i'm doing a site that uses tabs and cycle together, cycle inside the tabs.. In Firefox (every version), opera, safari works... But when i go with IE6 into the page "Ambientes", the IE6 Crashes... and is not everytime... i am sending a link with a screenshot... Here is the SS: <a href="http://img192.imageshack.us/img192/9825/ie6u.jpg">http://img192.imageshack.us/img192/9825/ie6u.jpg</a> -- This is the site: <a href="http://www.bolichepinguim.com.br/index.php">http://www.bolichepinguim.com.br/index.php</a>
[jQuery] selector question
Hi, Im trying to select all spans in divs containing forms that dont have a certain id.... $("div:not([id='#'+pid]) form span").css("background-color", "yellow"); This selects all spans regardless of the ID...... Any suggestions would be great! Thanks in advance...
Problem with .load
Hello to everybody, I'm writing here because I've this problem. I'm a function and inside I want to load 2 files using the .load function. The problem is that I could put only one .load, because if I insert 2 .load, the function doesn't work anymore. This is the piece of code: $(document).bind("active.idleTimer", function(){ $(".newsticker").load("ajax/state.php"); $("#friend_list").load("ajax/state2.php"); }); What can I do to solve this problem? Thank you to everybody that will help me.
[jQuery] Page turning effect
Hi, I just did a project with 'turn page' effect made with jQuery and PHP. jQuery manage all effects and PHP manage content. This project was developed for an intranet but I'm doing something like a blog with that project scripts for public access. If you want take a first look just check it: http://oscaralderete.com/eBlogk
[jQuery] Best Practices
The following form is used in several plug-ins... var oGlobalObject; (function( externalObject) { ... code here, setup properties and methods on externalObject })( oGlobalObject ); so variable abc is defined as a global object with properties and methods.. Is the following form equivalent? var abc = function() { var oObject = {}; ... code here, setup properties and methods on oObject. return oObject; }(); It seems to me that one of these forms is more straightforward. Is there good reason to use
[jQuery] Remove links but not images
Hi folks This has me stumped. I have a list of images and I want to remove the links but retain the images. So this <ul> <li><a href="foo"><img src="path/to/image1" /></a></li> <li><a href="foo"><img src="path/to/image2" /></a></li> etc etc </ul> Becomes this <ul> <li><img src="path/to/image1" /></li> <li><img src="path/to/image2" /></li> </ul> Using this $('ul a').remove(); does not work as it also removes the images as well. Any help would be much appreciated. Thanks in advance. Alex
[jQuery] Limit if a value can be selected in a drop down list (select) based on other list
Hi, I have a little problem. I have a page that displays a list of people playing in a tournament. I need to be able to generate a Leaderboard based on which players are manually selected by the admin. Next to each person there is a drop-down list. An admin can go in and select a "slot" that a player should be in on the leader board from 1 to 8, or leave it blank if none. What I need to figure out how to do is the following, when a change event happens on a drop-down list, and say the value 5 is
[jQuery] UI accordion and appending new items
Has anyone been successful in appending new items to the jQuery UI accordion widget? I'm trying all sorts of things, but however I manipulate the items in the accordion (like applying effects, or appending elements), it stops being an accordion. In case of appending, the new items do not act like part of the accordion. Issuing `.accordion()` on the parent after appending does not reactivate the accordion, etc. Any advice is appreciated. -- Branko
[jQuery] Pleas help with bug timepickr and validations plugin
Hi, i need use jquery time picker: http://haineault.com/media/jquery/ui-timepickr/page/ and jquery validation plugin: http://bassistance.de/jquery-plugins/jquery-plugin-validation/ When i link this librarys timepicker dont show time good: http://bug.dvdvnovinachacasopisech.eu/test.htm but when i take validation plugin away, timepicker show time good: http://bug.dvdvnovinachacasopisech.eu/test.htm Pleas can you help me, i need use this librarys together. THX
[jQuery] NEW jQuery Cheat Sheet for 1.3.2
I've updated my previous cheat sheet to be in line with jQuery 1.3.2. I think it's more useful than other cheat sheets that simply dump method names, but hey, that's personal preference ;) http://www.javascripttoolbox.com/jquery/cheatsheet/ Enjoy Matt Kruse
Validation Problem
Hi, I am using JQuey validation in my page. I am calling the validation function during the save buttons click event. I am using the numieric() expression for valiadating Phone number text boxes ie, 3 text boxes (first allows 3 digits, 2nd allows 3 didgits and the last one allows four digitd). My problem is that, when i am entering the phone number in first text box (say 2 digits i entered) and click the mouse outside the text box causes the validation to occur.I want the validation to be fired only
[jQuery] Marquee plugin
Hi All , Can u tell me which plugin satisfy me requirement , Like marquee , <span style="color: rgb(192, 192, 192); background-color: rgb(51, 51, 51);">BACK </span> <b><span style="color: rgb(51, 51, 51); background-color: rgb(255, 255, 255);"><span style="color: rgb(102, 102, 102);">IMAGE1</span> </span>IMAGE2 IMAGE3</b> <span style="color: rgb(153, 153, 153); background-color: rgb(0, 0, 0);">NEXT</span><br clear="all"> When i click <b>back</b> , then i want to move image from <b>right
.click function not working after ajax event
Hi all, I have a page where the user can click a link and it changes the status of a record via an ajax request and then moves the element (in this case a list item) to its alternate list. The problem I have is after the event is fired it does not run again. The reason I need it to run again is if the user wishes to change their mind they can click the link again and it will change the status back and reposition the element back in the original list Has anyone run into this problem before? $('.statusOffline').click(function(){
How to specify only the preceeding element in a class?
Hello, I've got a script that collapses div.collapsible when p.more_button is clicked. However, my script currently collapses ANY div.collapsible when ANY p.more_button is clicked. I'd like to change this so that when p.more_button is clicked, only the immediately preceding div.collapsible collapses. I've gone through the jQuery documentation and tried a variety of "traversing" terms, but I cannot seem to get any to create the desired effect. Can anyone help? Here is a copy of the current code: <script
Little help with Ajax Calls and passing parameters
Hi all, Working on a web site (intranet, with integration windows security turned on) and am having trouble using the jquery ajax calls. The strange thing is is that if I call a server method with no input parameters the call works. As soon as I add an input parameter to the server method I get a "Request Timeout" Error. Here is the jquery code: $.ajax({ type: "POST", url: "http://localhost/AjaxServices/endpoints/ratings.aspx/testMethod", data:'{"test":"Testing Input Parameter"}', contentType: "application/json;
ajax call tell me why....
Hi. Just corious... Why if I made the call like this, the 2 array are passed to php with all the elements in it. $.ajax({type: "POST", url: "/req.php", data:"dipendenti="+array1+ "&giustificativi="+array2, success: function(data){ $("#divTesto").html(data); } }); If I made the call like this the 2 arrays are only with one element (the last I think). $.ajax({type: "POST", url: "/req.php", data: { dipendenti: array1, giustificativi: array2 }, success: function(data){ $("#divTesto").html(data); } });
Next Page