How to select every nth element from a matched set?
I know you can use :even or :odd to get the even or odd indexes from a set, or :lt/:gt to filter down the matched set before/beyond the specified index. But what if I want to select every 5th element? And I know it's not nth-child, because that selects everything that is the nth-child of it's parent and not if it is one of the nth elements in the matched set. Is the only way to use .each(function (index) {...}); and then check if the index makes that element one of the nth items? Thanks
ufvalidator and livequery
Hi, I am totally new in jquery and have question about plugins. I load into div using load() function form to send email $("#content").load('menu.html #kontakt'); the form looks like this: <section class="jquery-plugin"> <form action="" method="post" class="form" id="contactForm"> <input type="hidden" value="true" name="mailer"> <div class="form-row"> <div class="label">Name - Surname</div> <div class="input-container"><input type="text" maxlength="40" minlength="3"
Render a list once it is avaialable
Hi , I am trying to make simple JQuery application with Auto complete . I need when the user types each character --> go to server and do some logic there -->then render a list from the server . I succeeded to do that .However, the only thing that BUGS me that once the response comes from the server , I must type another character in order to be able to render the list . How could I render the list whenever it comes from the server without the need to type any thing . $(document).ready(function()
applying bind > delay > unbind - seems the delay is ignored..
applying bind > delay > unbind - seems the delay is ignored.. why is that? <html> <head> <style type="text/css"> div#button { background: red; width: 200px; height: 200px; } </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> var i = 0; $(function(){ $('#button').bind('click', counter).delay(10000).unbind('click',
How and where do I publish 2 developed plugins on the website "www.jquery.com" ?
hello, How and where do I publish 2 developed plugins on the website "www.jquery.com" ? I'd would like jquery user's can download free my plugins. thank,
UI.TABS remove method - additional option to select specific tab after removal
One of the problems with the remove method of jquery ui.tabs is that after deleting the tab it either selects the tab on the right or if it is the last tab it selects one on the left. My initial impression was that I could change this behavior by calling the select method in the 'tabsremove' event. But that does not work as the default selection takes place before the event is fired as indicated in the source below: remove: function( index ) { index = this._getIndex( index );
Accordion closed initially
I would like to render my page with the accordion widget closed initially. I have cobbled this together from reading this site and trying to understand examples-it does allow all to be collapsed. But...how do I open with this? <script> $(function() { // Shorthand for $(document).ready(function() { $("#accordion").accordion({ collapsible: true }); var collapsible = $( "#accordion" ).accordion( "option", "collapsible" ); }); </script>
Timer called function on expiry but not after
Timer Plugin My goal is to have set up two youtube videos. VideoA now and VideoB Later. When the countdown finishes at 5pm I want the video to switch from A to B. Using the countdown timer I've gotten that to work. I set the timer for say 90 seconds after load and it swaps out perfectly fine. If I set the timer for 11pm tonight it will switch fine. The problem is if I set the timer for 11pm tonight and I load the page at 11:30 the timer says 0:0:0 but it doesn't activate the switch function. As per
UI Dialog : Google Chrome problem with youtube
Problem is that youtube link reloads page on chrome and not on firefox? Thanks. var link = "http://www.youtube.com/watch?v=QU5DhngJfr8" var object = '<object height="385" width="640">' + '<param value="'+link+'" name="movie">' + '<param value="true" name="allowFullScreen">' + '<param value="always" name="allowscriptaccess">' + '<embed height="385" width="640" allowfullscreen="f" allowscriptaccess="always" type="application/x-shockwave-flash" src="'+link+'">'
multiple checkbox values
Hi i have checkboxes in the below format, <input type="checkbox" name="all"> <input type="checkbox" name="all_a"> <input type="checkbox" name="a1" value="1"> <input type="checkbox" name="a2" value="2"> <input type="checkbox" name="all_b"> <input type="checkbox" name="b1" value="3"> <input type="checkbox" name="b2" value="4"> <input type="checkbox" name="all_c"> <input type="checkbox" name="c1" value="5"> <input type="checkbox" name="c2" value="6"> <input type="checkbox" name="all_d"> <input type="checkbox"
how to code a page with code?
Let me explain... I am trying to make a gui for clients to edit a php page that displays html and javascript. I want the user to be able to move html elements around and even edit it like add effects like fade in and out etc. Then after all the changes I want to overwrite the existing php file that does this for that user. how can you make such changes and then save it to a file? it's an html / javascript editor but using a gui instead of allowing them to directly touch the code. It would be a
How do I make a DB work with more than one object?
I'm trying to expand on a tutorial where Jonathan Stark creates a database using JS, CSS, and JQuery. Right now everything works fine if I have one "vehicle1" link and need to enter info for only that one link. If I add a second vehicle link, I get into problems. How do I adjust the code to allow me to enter and reveal code from a DB for multiple links? Here's a walk-through of what's going on: This link takes me to code at "date" for vehicle 1: <li><a href="#date">vehicle1</a></li> it brings me
should $(document).live() map to $(document).bind()? window, too?
right now $(document).live() seems to do nothing. it should maybe just map to .bind() instead. it's probably an issue with .live() requiring an explicit selector for filtering, but i think this is a fair exception. maybe both - "document" and "window", since they cannot be CSS-selected. minor, i know, but eh. edit: i remember there was some talk about making .ready() live as well. could be a related solution/discussion.
jquery 1.4.x, firefox 4 beta & ajax callbacks
Hi, I'm using firefox 4 beta 3, and I'm getting a strange behavior when using $.ajax : no callbacks are executed. I made a very small and simple test html page, just loading jquery in an empty html page. Than, using firebug's javascript console, I execute this : $.ajax({url:window.location.href, dataType:'text', success:function() {alert('success');}, error:function() {alert('error');}}); Then I get no alert, but I can see in Firebug's console that the request was successful. I tried this with jQuery
Problem with displaying list thumbnail list in jqmobile
Hello I have a problem with displaying thumbnail list in jqmobile. If I tried> <ul data-role="listview" > <li> <img src="images/album-bb.jpg" /> <h3><a href="index.html">Broken Bells</a></h3> <p>Broken Bells</p> </li> Is everything O.K and looks it like> http://jquerymobile.com/demos/1.0a3/docs/lists/lists-thumbnails.html But if I try generate it dynamically via $(document).ready(function () { $.ajax({ type: "GET", url: "data.xml", dataType: "xml", success:
Problems with form postbacks
Hello all, I'm wondering if anyone can help me solve my problems with jQuery Mobile. The Setup: I'm using ASP.NET to work with and have a shopping cart setup with a product page and additional options (DropDownList and Checkboxes) to add for the product before adding it to the shopping cart. I used QueryStrings to determine which product to display There is a postback every time the options are changed to update the price The Symptom: First I go to a product page for product 1, then I go to a product
Problems whit slideToggle and is(':visible')
I want to change a value tag (div class='seeMore') ("+ if hidden" & "- if show") depending on the result of the slideToggle jQuery, but I can't even make the slide work. I know that the problem lies in the way of how I call the tag to be Toggle $(this).parents('.seeMoreContainer').next().slideToggle(1000)But can not find another way to do it because there will be multiple tags with class 'seeMore', so I have to deal with the keyword '(this)' to make the action of slideToggle to that particular div-class='seeMore'
JQuery Mobile Forum Navigation Broken
When browsing specific sections of the forum, like "Ideas", "Problems", etc. The link to the next page of results (at the very bottom of the page) leads to an empty page. It doesn't do this when browsing "All" topics.
validate onsubmit help
Hi Guys, im using the validate plugin with the metadata plugin as below : jQuery(document).ready( function(){ jQuery("#com-createForm").validate({ meta: "rules" } ); }); However i want to basically call this when the form is submitted becuase the form processing take along time (pdf generation): document.getElementById('generatebutton').innerHTML='<center><b>processing</b></center>'; does anyone know how i would do this (using the validate and metadata plugin) PS i only want to show that message
Reorder transition animation will increase user experience
Hi, i think one idea behind animated page transition is to increase performance experienced by the user. This will work when silde animation starts immediately after the user clicked on smth. and just showing a progress bar when the content is still not ready after the animation finished. In my opinion JQM does transition animation in wrong order. First, jqm starts the progress bar and if content is ready jqm start the animation. In fact this will extend waiting time. Reordering animation will increase
jQuery UI Demo JS error in IE
Is it me or the jQuery 1.5.1 & jQueryUI 1.8.11's demo addClass have compatibility issue with IE? Demo http://jqueryui.com/demos/addClass/ jsBin http://jsbin.com/equba5
Deleting multiple cookies
Have a section of code that is hiding or showing content in a filter setting. If a user moves back a week it will cookie the settings of the filter. The only bad thing is when a user un-selects a filter the cookie doesnt ignore that and puts it up on the next page even though you unselect that filter. Any help on how I take away the cookie filter if they un-select it? if ( filter.id == 'show-all' || $('#filters .selected').length < 1 ) { var d = new Date(); $( '#filters .selected'
backstretch / fancybox conflict
I am using jquery plugins on a website built in Wordpress. I find that the backstretch and fancybox plugins won't work together. If the backstretch is active, the fancybox will not work - and I've tried a number of different fancybox plugins. If I turn the backstretch off, then the fancybox plugin works fine. The include files are in different locations in my directory. Any ideas why these two plugins conflict? And how I go about getting them to work together? Thanks Tim
Validation plugin overrides and breaks jQuery ajax function
The validation plugin overrides the $.ajax function as follows: // ajax mode: abort // usage: $.ajax({ mode: "abort"[, port: "uniqueport"]}); // if mode:"abort" is used, the previous request on that port (port can be undefined) is aborted via XMLHttpRequest.abort() ;(function($) { var ajax = $.ajax; var pendingRequests = {}; $.ajax = function(settings) { // create settings for compatibility with ajaxSetup settings = $.extend(settings, $.extend({}, $.ajaxSettings, settings)); var port = settings.port;
Ipad scrolling Problem after changing the css
hey, i have problem using jQuery Mobile on my iPad. I override the css properties of jQuery Mobile, to get an navigation bar on the left. When I now try to scroll the content the whole page is moving but not scrolling. Suprisingly if I scroll with to fingers it works? You can find the css I changed attached
jquery Autocomplete not working
I am using jquery jquery-1.4.4.js and jquery.ui.autocomplete.js. My code is as follws but there is no autocomplete pop up appearing. <script src="@Url.Content("~/Scripts/jquery.autocomplete.js")" type="text/javascript"></script> <p><input type="text" id="tags" autocomplete="on"/></p> <script type="text/javascript"> $(function () { var availableTags = [ "ActionScript", "AppleScript", "Asp", "BASIC", "C", "C++", "Clojure", "COBOL", "ColdFusion", "Erlang", "Fortran", "Groovy", "Haskell", "Java",
Gather form data into JS object
I'd like to know if there's any method to gather form data into a JS object, just as form POST would have sent it to the server. I think such method would be helpful to tweak the parameters a bit, before submitting it to server. Although I could do that via modifying 'value' of 'input' elements, I think it'd be helpful if jQuery can gather the post data in a JS object and return it (so that, for example, I don't have to traverse the form and deal with selection and radio button input elements) Maybe
How to set multi-selectable as default mode
Now we can press ctrl button to multi-select Selectable interactions. Is there way to set multi-select Selectable interactions as default mode. we don't need to press ctrl key to get it. Thanks Tim
jquery.jparallax.js vs 0.9.1 with jquery.fancybox-1.3.4.pack.js using jquery 1.4
I seem to run into this problem quite often. When combining some plug in's (in this particular case jquery.jparallax.js vs 0.9.1 with jquery.fancybox-1.3.4.pack.js using jquery 1.4) the conflict things seems to rare its ugly head. I'm not sure I understand why some plug in's conflict with others or what I need to concider for I get any more bright ideas about using multiple jquery plug in's to work together. What is the best method for trouble shooting jquery conflicts and/or getting multiple
Selecting multiple elements and storing them in a variable
Hello, just a very basic question. Have a div (id - photos) with multiple images. 1) Does this select them all? $('#photos img') 2)If so, how can i capture this information? Like so -> var bunchOfStuff = ($('#photos img')); and 3) if so, why can't i do something like alert(bunchOfStuff.length) I realize there is something incredibly basic I just don't understand yet, but I can't seem to figure it out on my own. Thanks in advance PS - sorry if formatting sucks - I can't figure out how
Mask function
I am able to call the mask function to mask my phone number etc in specified format. Unfortunately my database has only 10 chars for phone number so when I do insert it fails. My question is how can I get only the value back in postback instead of getting masked characters as well?
Problem with dialog demo code
I'm extremely new to jQuery, although not new to javascript in general. I'm trying to use the UI dialog widget. I've downloaded a .min.js file containing the dialog widget and a few others, and already have the core .min.js. I copied the demo code directly from the UI doc for modal form and pasted it into a plain html file. Clicking the button does not work; nothing happens. Also, the form that's supposed to be displayed in the dialog shows at the top of the page. Can anyone tell me if there's something
How to select code ???
Hi, I am trying to create my own gui editor on how to reposition and delete html elements on a page. My question is can jquery select all html and javascript code associate by the id or name of the element of the html code. Lets say I have 150 images and want to delete image 40. I name all images element followed by the number out of 150. That way the code will select everything in the website that touches element40. This includes javascript and the html tags. It can delete the tag or edit it
What if element is not available?
Hi together! On different subpages, there are div's that i want to talk to via jQuery. Now i am wondering if it could make problems, if i let jQuery Commands in the file, but the div's are not available at this moment? For example, i have this code: $("#success").dialog({ autoOpen: true, modal: true });What if the div with the id "success" is not available? Cheers, Max
Allow autocomplete on the login form
I frequently forget my login ID and password, and the login form doesn't allow my browser to remember them (google chrome). As a result I'm constantly going to the forgot password page. Forgetting my password is my own fault, but I think there are a couple of ways to make this easier for people like me 1. It wouldn't be so bad if not for that nice checkbox that said 'Keep me signed in' on the login page, which I always check. Apparently the cookie doesn't last that long because I always get logged
Create Horizontal Dropdown Child Menu that Holds on Subpage
Hi Themesters I need to create an Horizontal Dropdown Child Menu. There is a great post here about how to achieve this and I have been following it: http://themeshaper.com/forums/topic/create-horizontal-dropdown-child-menu-that-holds-on-subpage#post-7432 It works. But only partially for me. When the submenus are activated by hovering or clicking the item with children, then the menu items next to the 'activating' one clear to the left and drop down to the next line. Any idea on what I am doing wrong?
JQuery full page slider.
Anyone knows a tutorial that illustrates this effect? www.bulamu.net When someone clicks a link, the page glides/slides to reveal another page. it's pretty neat! i would LOVE to know how to pull it off! Thank you
How to clone the html text by using right click of the context Menu?
as title, is there any way to clone certain html text by right click the context Menu?
Accordion not working?
The problem is that it's just not working. I don't know jquery very well, I'm using it to finish up this site I've been working on. anyways here is the code: This is the <head> code referring to it. <head> <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <title> Marnee Music </title> <link rel="stylesheet" href="style.css" type="text/css" media="screen" /> <script type="text/javascript" src="js/jquery1.5.11min.js"
media plugin windows 7
Hi, I have recently found out that some of my implementation with the jquery media plugin from 'jquery.malsup.com/media/ ' fails on windows 7. Everything still works on Vista. Ex. http://www.honeycore.se Click on video in the right side, then on a image thumbnail.
Next Page