[jQuery] plugin site usability
Does anyone else find the plugin site (http://plugins.jquery.com/) difficult to use? It's great that there are so many plugins to choose from, but it sure makes it hard to find what you need. I only use jQuery and the plugins occasionally, so I'm not always up to date on the "best of breed" plugins. When I have a need for some js functionality that I think might exist in a jQuery plugin, I go to the site and search. Seems like a lot of steps to drill down on each plugin to see the functionality and
[jQuery] Problem in JQuery intellisense at VS-08
Hey people I have a bug in Jquert intellisense When I add the reference to the intellisense file "(jquery-1.3.2-vsdoc.js)" It worked But everything when I add To the page [code]<script type="text/javascript" src="jquery-1.3.2.js"></script> / code , the Jquert intellisense Disappeared . What to do? [code] ________ <script type="text/javascript" src="jquery-1.3.2.js"></ script> <!-- when i delete this: "jquery-1.3.2.js" the intellisense returns to work ?????y--> <asp:PlaceHolder runat="server" visible="false">
[jQuery] $.getJSON() Special Chars
Hi, I'am having a bit of a problem with special chars in a getJSON response which is the result from php and smarty the file called by the getJSON is something like this: <?php $callback = $_REQUEST["callback"]; {...} Getting data from a wsdl using nusoap. {...} $smarty = new Smarty; $smarty->compile_check = true; $smarty->debugging = false; $smarty->template_dir = $CFG->smartydirs . "/templates"; $smarty->compile_dir = $CFG->smartydirs . "/templates_c"; $smarty->config_dir = $CFG->smartydirs . "/configs";
[jQuery] Two different statement to access at the same tag
Hi all, what's the difference between writing these 2 statement for the same input checkbox: <input type="checkbox" name="check" id="check" /> 1) input:checkbox[name=check]' 2) #check Thanks in advance. Luis
[jQuery] How could we pass a xmldom to a webservice?
the webservice was written by asp.net
[jQuery] Issue using Scrollpane & simple show / hide / toggle scripts together
Hi there, Hopefully someone can help, I have been using Kelvin Luck's scrollpane script on a development site and then added in a simple show/hide/ toggle script to change the page's content. This now seems to stop the scroll bar from being overwritten by the scrollpane script. Can provide either link to site which is password protected or a copy of my code. Reasonably new to jquery but liking it so far :) Any help would be mucho appreciated. Thanks Tim
[jQuery] Finding items in an UL by their LI's Attributes
Hello, I've been trying to work this out for a bit now but seem to have come a bit unstuck. I'd like to be able to use .find to search an <UL> element and find out if there are any items with two attributes the same as a search choice. i.e. : My UL looks like this : <ul> <li id="1" typeref="E" typeid="1">Element 1</li> <li id="2" typeref="E" typeid="2">Element 2</li> </ul> I would like to do a search of the above UL and get back the id of the first LI element you can see in the list there by doing
[jQuery] Interface sortable: Limit of elements which can be dragged into a droppable
Hi, Please have a look at my sample at http://hosting-saar.de/jquerytest/index.html The situation is: I have 2 sortables, one is the "pool" which contains all available icons the other should be an "ui" where you can place icons from the "pool". The problem is: There are more icons in the "pool" than place for icons in the ui. So is there a way to prevent icons to be dropped into the ui when its already "full"? Regards, Sebastian
[SOLVED] styling jQuery generated html
Hi guys.. I'm very new with jQuery thing and also with AJAX I have created an AJAX page to load data dynamically. But I have a beginners problem. In my page, I have displayed the data by using jQuery to form an ordered list inside a div. Also I have a stylesheet that supposedly to change the list style to none and to display it inline. <style type="text/css"> .qa_list_item { display: inline; list-style-type: none; padding-right: 20px; } </style> The problem is the list doesn't follow
Customizing the Drop down list
Hi Guys, I am not sure if a solution for this exists or all but all my searches in the google and here have gone in vain. Also, I am not sure if this can be solved by CSS itself or we need to simulate it in javascript. So, I thought of asking it both the CSS and Javascript forums. I have a form and I want to have a stylish drop down box and arrow. This is what it should look like: Now, I have implemented rounded corner input boxes but not a drop down list. Also, I am not sure about the rounded drop
[jQuery] Superfish pathClass
I really need a way to change the pathclass based on selecting a item in the menu without going back to the server. Any ideas. Thanks
How to change the URL of the tabs after Ajax load
Hello, I want to be able to change the URL of the tab after the ajax content has been loaded. Here is the situation: I have a tab("comapnies-classifieds") at which I want to load "all the classifieds of the user" if it was clicked "selected by the user", otherwise if it was reached through a direct link and the direct link has "a classified_id" then only select the specified classified. <div id="tabs"> <ul> <li><a href="#companies-info"><span><?php echo $txt['info']; ?></span></a></li> <li><a title="comapnies-classifieds"
[jQuery] How to change the URL of the tabs after Ajax load
Hello, I want to be able to change the URL of the tab after the ajax content has been loaded. Here is the situation: I have a tab("comapnies-classifieds") at which I want to load "all the classifieds of the user" if it was clicked "selected by the user", otherwise if it was reached through a direct link and the direct link has "a classified_id" then only select the specific classified. <div id="tabs"> <ul> <li><a href="#companies-info"><span><?php echo $txt['info']; ?
[jQuery] Loading image before operation starts not working
Hey guys, i have following problem: When the user on my website presses a image link, I prevent the default behaviour, and toggle some table rows (show or hide them, depending on the the image src (closed.gif / opened.gif)). Since I got a lot of rows I run over and toggle, the function takes some time to process and the browser "hangs" in the meanwhile. Due to this I want to show the user that the operation is still in progress and want to change the image of the link to a load spinner until it is
[jQuery] How to simulate a human-triggered event?
Hi, I'm trying to change the value of an input field (target) which depends on another input (source). It works well when I manually change the source value. But if I changed the source value with another button, the target value remains the same. Here's the code... $(document).ready(function() { $('input#change').click(function() { $('input#source').attr('value', 'This is the value changed by a button'); }); $('input#source').change(function() { $('input#target').attr('value',
[jQuery] Star Rating
Hello, this is my first post to the group, so be gentle. I recently downloaded the Star Rating plugin and I've got a few questions that I can't seem to figure out for myself. If they are there in the documentation, I apologize for not figuring them out for myself and I will accept being called an idiot if someone will explain them to me. I'm using asp.net with MVC. At this time I will just ask just a couple of question so I don't look quite so stupid. If I don't get completely roasted then I'll probably
[jQuery] jquery like navigation
Hi, i would like to implement myyearbook.com navigation in my site. You can see this at the home page itself. Could you please tell me what type of plugin they used and how to implement it?
[jQuery] myyearbook navigation
Hi i would like to implement the myyearbook like navigation.(http:// www.myyearbook.com/) You can see this at the home page itself. When you click the up or down arrow key, the content being change in the right hand side. Please tell me how they have implemented it and what jquery plugin they have used for this? Awaiting for your reply.. Thanks for your support
Showing Hidden Div on mouseover
Hi! I'm new to jQuery. I've tried everything but I can't get it. Basically, I have a parent div that is hidden on page load. Inside the div is a thumbnail that would reveal the entire div when you hover the mouse on the thumbnail. something like this: http://www.tiffany.com/Shopping/CategoryBrowse.aspx?cid=287466
[jQuery] [Validate] tabs - validate per tab - disable moving forward if invalid
Working example: http://www.williamworley.com/jquery/createposting.php So I seemed to have figured out a way to get this to work correctly but its more code than I would like for using jquery. Basically what I've done is make it so you have form validation using Jorns Validation Plugin per tab when using the jquery tabs. There are a few issues though Issues: A lot of code to do something this simple All tabs to the right of the current tab have to be disabled due to me not being able to get the first
[jQuery] Need help cuz I don't get 'this'
I need to get the src attribute of an img element that is a sub- element of 'this' but I can't figure out how to traverse 'this' to get there. The contents of 'this' are: <div id="test1"><img src="images/beach1.jpg" width="200" height="200" alt="beach" /></div> this works: $('#output').html("ID: " + this.id); This does not: $('#output').html("SRC: " + this.img.src); How do I get the contents of the img.src attribute'?
Drop down menu becomes hidden of JQuery fading images
Hi, For some reason the dropdown list in my menu becomes hidden underneath the jquery fading images. If i dont fade the image it displays fine. You can check out the issue here.. http://www.xelicon.com/ss/ss/menu.html When you rollover Javascript, the 2 items beneath it become blocked by the images which are fading in the right panel. Any help will greatly be appreciated. THANKS!
[jQuery] How to tell if an item is "open"
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META content="text/html; charset=us-ascii" http-equiv=Content-Type> <META name=GENERATOR content="MSHTML 8.00.6001.18783"></HEAD> <BODY> <DIV><FONT size=2 face="Trebuchet MS"><SPAN class=785051317-16062009>I have 5 divs which can load content into them. I have added an on click add class open. When the page loads initially none are open, click on one link and the open class gets added but if another link is clicked i need
[jQuery] Ghost data using jQuery.data
Hi I am using jQuery data store and wished to make deep copy of elements, including all the data stored with jQuery. So I'm using the allData plugin provided here : http://stackoverflow.com/questions/999535/how-to-get-from-an-element-all-the-data-set-using-the-data-method also I made a quick'n dirty setData plugin : jQuery.fn.setData = function(allData) { return $(this).each(function(){ $.each(allData, function(k, v){ $(this).data(k, v); }); }); }; After several manipulations, I get "ghost" data
[jQuery] getJSON long polling and throbber
Hey All! I'm using getJSON to do some cross domain long polling. getJSON calls a PHP script (running lighttpd) and the PHP script waits until a new message is there, then sends the data out to the waiting getJSON request. All works well, but the browser "throbber" keeps spinning while waiting for getJSON to return! Any idea of how to workaround the constant spinning? Regards, Brian
[jQuery] cycle plugin pagerAnchorBuilder
Dear all, I've worked out that the pagerAnchorBuilder option will probably get me what I'm trying for, but I'm trying to add a wrinkle. I've got a slide show using next/prev, but I also want the user to be able to click on links in <ul><li>s to go to specific images in the slide collection. the image collection looks something like this: <div id="cycleport"> <img class="cimg" src="images/1.jpg" alt ="" /> <img class="cimg" src="images/2.jpg" alt ="" /> <img class="cimg"
double click jquery toggle
Hello all, I have a div that I want to toggle and I also want the button image to change when the div is toggled, I have this working but the problem is the user has to double click the button to hide and double click to show if you go here you can see an example. http://thegamegetaway.com/test2/test.html here is my code: $(document).ready(function(){ $("#additional_details_div").click(function () { $('#additional_details_div').toggle( function(){ $('#additional_details_btn').attr('src','img/btn_hide-up.gif');
[jQuery] [validate] array name attribute
hi, i am having problem with validation if i would be using an array name attribute <form method="post" action="" id="form1"> Name: <input type="text" name="applicant[name]" id="applicant_name">* Address: <input type="text" name="applicant[address]" id="applicant_address">* Company Name: <input type="text" name="company[name]" id="company_name">* Company Address: <input type="text" name="company[address]" id="company_address">* </form> with all fields required, jquery validate is not validating this
[jQuery] [validate] Validating a formatted number failed
Hi all, I am using validate (1.5.4) plugin to validate numeric input field with max:5000.00. When the numeric value is formatted as "2,999.00", the max validation failed. After some investigation, it turns out the max function compare the value "2,999.00" as string with 5000.00 instead of 2999.00 with 5000.00. To fix this, I modified the existing value variable with parseFloat(value.replace(",","") in min:, max:, and range:. Note: Only works in countries that use "," as thousand separator. For Jörn,
[jQuery] Get first element when there are multiple classes
Hi How do you get the first element when the element got multiple classes? <ul id="ulList"> <li class="liRow">11111</li> <li class="liRow liEven">22222</li> <li class="liRow">33333</li> <li class="liRow liEven">44444</li> </ul> <input id="btSave" type="button" value="Save" /> $("#btSave").click(function(event) { alert($("#ulList .liRow:first").attr("class"));/* Success */ alert($("#ulList .liRow .liEven:first").attr("class"));/* Hmm */ }); Cheers
[jQuery] dynamically add link after certain hrefs
I work on a portal website that has approximately 700 pages and several thousand links. Some of these links are to various documents (.doc, .pdf, .xls). I would like to use Jquery to dynamically find these links on a page when the pages load and add another link directly after it that can invoke a modal window. When the modal window opens I need to hold onto the values of the original link as it will be stored in a DB. So I think I will need the second link to contain the first links name and URL
[jQuery] [autocomplete] Manual request
Hello, Here is my situation. I have an autocomplete control on my page that is working perfectly. I wanted to mimic a drop down menu by placing an image just to the right of the text box. When a user clicks that drop down arrow image, I want the whole list to display below the textbox. So far, I have been unable to manually force the request and display of the items in my list. Any ideas how to? Thank you, Bryan
[jQuery] Anyone else start receiving every post here via email yesterday?
It's weird. My groups settings are still set to "No Email" but they keep coming! Mike
[jQuery] How to post HTML data in jQuery using $.ajax() method?
I want to post some HTML (contained in a div on the page) data using jQuery using $.ajax() method. But it is not working. -------- <script language="javascript" type="text/javascript"> function PostHTMLContentTOServer() { var pageData = document.getElementById ("MainDiv").innerHTML; $.ajax({ url: "MyData.aspx", type: "POST", data: pageData, dataType: "html", success: function(returnData) { alert("Success post"); } }); } </script> ------ Kindly suggest what should I do.
collapsible javascript list
I'm just starting to learn JavaScript and have been playing around with jQuery. I'm trying to make a collapsible list. I've got part of it working and am having trouble getting the rest to work. I'm using a unordered list, if you click on Category 1 or Subcategory 1 it works exactly as I want them to but none of the others work. I sure I need some kind of array to get the others working, but I'm not sure where to start? Can anyone point me in the right direction? Is there a better way to do this?
[jQuery] fun with check boxes.
I'm tasked with created a series of filters with checkboxes. for example lets say i have 3 categories, customers, groups, acccount customers contains groups and groups contain accounts. i want to be able all records as checkboxes in 3 different sliding panels on the same page. Then as any checkbox is checked, it automatically filters everything else. for example if i check a customer it will filter out the groups and accounts. or if i check an account it will filter out the customers and groups etc.
[jQuery] Dynamic selectors with AutoComplete
This is a complete noob question for which I apologize in advance. I have a form that creates multiple instances of a contact text box that I want to use the same Autocomplete function. The ids on the fields are dynamic. The code as I have it works but rather than creating a function for each field, it would surely be better to create one function that handles the field ids with variables. My script code in the header looks like this... $().ready(function() { $("#contacts1").autocomplete('getContacts.cfm',
[jQuery] Disable question
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META content="text/html; charset=us-ascii" http-equiv=Content-Type> <META name=GENERATOR content="MSHTML 8.00.6001.18783"></HEAD> <BODY> <DIV><FONT size=2 face="Trebuchet MS"><SPAN class=385470616-16062009>I have a div which loads a form. On that page I have other buttons that get i need to disable until the form is submitted preventing the user from doing anything other than submit or cancel.</SPAN></FONT></DIV> <DIV><FONT
[jQuery] [autocomplete] Obtaining the *key* on selecting rather than the *display name*
Hi, I was able to obtain the key or display name from autocomplete list using your example of "email". The problem is this a. Search should take place on the "display" field (in the name field - row.name) b. Display item in the textbox should be the "display field again (the name field - row.name) c. The value in the "results" div should be the key field (the email field - row.to). While this looks like a trivial problem - I am unable to get this behavior from your example. Can you please help?
ajaxForm inside UI Dialog not working
Hi I'm using a UI dialog which opens a page within the dialog using this code $("#example").load("m.asp?id=" + id); $("#example").dialog("open"); it works great, but in the m.asp file i'm using my own form which uses ajaxForm to submit the form but it won't work. When submitting the form it just closes the dialog and nothing seems to post. Does anybody know why? Thanks in advance
Next Page