jquery cycle plugin - validate contents before going to next slide
hi, i am using jquery cycle plugin to show radio button in every slide, i want that user must select atleast one radio button before going to next cycle. how can i do this, i added the code. I tried adding validation in prevNextClick: method, and returning false there, but still it goes to next slide. any idea, how can i stop going to next slide if no option is selected
problem with deleting DOM elements Created with jQuery!
i have problem with deleting DOM Elements in my plug-in because some reason i have to use jquery 1.2.6 for my plug-in , please get the attachment and see my code you will understand the problem , no description is necessary . Tanks
jQuery horizontal scrolling layout
Hello, I have a horizontal website layout created using jquery (followed this tutorial: http://www.thewebsqueeze.com/web-design-tutorials/create-a-horizontal-scrolling-website.html ). My question is this: how can I make the scrolling start in the middle of the page? So it would open at box 5 and then move left or right. This is the webpage: http://yoga-light.ru/test_temp/index.html <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"
Superfish vertical menu problem -- main navigation links not highlighting or clickable when sub-menus are displayed
I've implemented superfish for the main menu navigation on a website that I'm working on: http://www.lagondolachicago.com/ Why is it that some of my main navigation links aren't highlighting clickable when a sub-menu is being displayed? For example, if you move the mouse pointer over "About" (and trigger the displaying of it's submenu) -- if you move the mousepointer down over the "Menu" link, .. you'll notice that the hover effect isn't triggered, and that the sub-menu for that link isn't displayed.
Scrollbars on the jQuery UI grid
How exactly does the sizing of the grid work? I have a grid that I've tried to experiment with and it seems like no matter what setting I use, there is a vertical and a horizontal scrollbar. the only thing that changes is if it stretches to fill the its container div. How do I get it to fit within a specific width and also to not display scrollbars?
linking to a slide
So here's my problem, i have a slider in a page with four slides. The thing is I want to put a link on my index.php page that forwards to the second slide of my slider. (the slider is on another page) Thank you ps it might not be to clear so if you guys don't understand tell me i'll try to explain more in details. Chris
JQuery Validation Plugin label.error position
Hi All, This is a reall CSS 101 question: I'm trying to get the error label to position right underneath the textbox it's related to. However, it just doesn't want to move. I've tried relative/absolute positioning, but whatever I do it drops the join button down. I know I'm doing something totally stupid. I just wish I could see where!! Any help would be greatly appreciated. Regs, Numb <style type="text/css"> div#emailwrap {position:relative; height:60px;width:350px;} div#emailwrap
Accordion plugin question
I want to use actication buttons for the Accordion pluin. I have the accordion working but rather than use the headers I want buttons that activate a section of the accordion instead. Here is what my code currently looks like: <script type="text/javascript"> $(function() { $("#accordion").accordion({ fillSpace: true, icons: false, collapsible: true, });});</script> <div id="accordion"> <h3 title="section1"><a href="#">Section 1</a></h3> <div> <p>Mauris mauris ante, blandit et, ultrices a, suscipit
I want localScroll to not add anchors in the URL bar
Greetings, I am currently using localScroll and would like for the url bar to not receive the anchor tags of each link being clicked. Is there a way to modify the js so that when a link is clicked the url won't update? Thanks.
Need help with Autocomplete Plugin JQuery
We are using Limesurvey Application. In one of the questions, we need to auto-complete the answers. Here is the workaround suggested in the documentation. Use jQuery Autocomplete plugin to suggest answers for text inputs http://docs.limesurvey.org/tiki-index.php?page=Workarounds:+Manipulating+a+survey+at+runtime+using+Javascript&structure=English+Instructions+for+LimeSurvey#Use_jQuery_Autocomplete_plugin_to_suggest_answers_for_text_inputs Although I think now am able to paste the javascript in the
Update Session data with Jquery
This is my first time posting so i hope i am in the right area. If not please point me to the right forum. Okay so here is my issue: First off I am using coldfusion and other languages are not an option. I have a drop down box and users select a topic in that drop down box. Then it pops up a list of items that are within that topic and they can check as many as they like and then they click add and it ads it to a list all stored in a session. they can select as many topics and items as they like
[Validation] Don't get any error when needed
Hello All, I just found the plugin named "Validation". After some lookups in the source of a form of the maker as example I thought that it would be easy to implement it. Unfortunately it doesn't, also I can't find any good docs about how I need to make a form with that validation. This is for so far I have my HTML and such ${}.ready(function() { $("#registerForm").validate({ rules: { gebruikersnaam: { required: true, minlength: 3, maxlength: 25 }, voornaam: { required: true, minlength: 3, maxlength:
combining lightbox and carousel
Hi, I need to create a carousel that works inside a lightbox window any idea how to do that ? Thanks
Cycle Plugin Image preview
Hi I'm trying to get an image preview in a Cycle gallery when clicking on navigation buttons like this: <script type="text/javascript"> $(document).ready(function() { $('#gallery').cycle({ fx: 'fade', timeout: 0, speed: 1000, delay: -2000, pager: '#pager', next: '#next', prev: '#prev' }); $('#pager a').click(function(evt) { //path to new preview var imgPath = $('#gallery a').attr('href'); //get reference to old preview var oldPrev = $('#preview img'); //create HTML for new image
Need to expand on form wizard
Hi all, Based on the form wizard plug in from http://www.jankoatwarpspeed.com/post/2009/09/28/webform-wizard-jquery.aspx I need to modify it slightly and am a little stuck on how to do it. I was able to make it validate each step before going on to the next, and now have one final tweak. It only marks the current step you are on. I need to make it apply a style to the visited steps as well as the current step. It seems a simple script but Im having trouble getting it to work. Im thinking its somewhere
Need help getting started with jQuery media plug-in
I'm new to jQuery and I'm trying to figure out how to get started with the media plug-in. I started at the following link: http://malsup.com/jquery/media/#overview . The sample scripts and pages assume that you know how to use jQuery. Are there any complete sample html files that use the plug-in? Here is what I have done: 1. I've downloaded jquery-1.4.2.js, jquery.media.js and the jQuery starter kit. 2. I tried to download the jQuery metadata plug-in but the link http://jqueryjs.googlecode.com/svn/trunk/plugins/metadata/jquery.metadata.js returns
jquery.media.js and the JWPlayer "allowfullscreen" parameter (to enable the full screen).
Hi Malsup! The JW player has a full screen button which is not enabled. To enable it you need to add the "allowfullscreen" attribute to the <embed> tag. Not sure if you want to pollute the jquery.media.js file with JWPlayer specifics (is this used anywhere else?)... but if it be in the file, newbies (like me)... would see it and determine if we enable/disable it! Here is the line change>>> params: { wmode: 'transparent', allowfullscreen: 'true'}, // added to object element as param elements;
jquery.form.js input image sent
I had to change the code since I lost src of image submit button : (the input type image or submit shouldn't be sent see W3C spec for html) I had to comment line 453 and 472 //a.push({name: n, value: $(el).val()}); AND change line 222 to 227 : if (sub.type == "image") { opts.extraData['x'] = form.clk_x; opts.extraData['y'] = form.clk_y; }else{ opts.extraData[n] = sub.value; }
callback function after easyslider effect completes
I'm using jquery Easyslider (http://cssglobe.com/lab/easyslider1.5/02.html), and I have placed a caption for each image inside the slider. I am under the impression that by using a callback function the caption for each image would .show AFTER I click next or prev buttons on easyslider. Below is the code I'm using. But the .show effect only fires off for the initial visible image in the slider when I refresh the page. $(document).ready(function(){ $("#caption").hide();
Removing class on form wizard step nav
A poster here was awesome in helping me add a class to visited steps with Jankoatwarpspeed's form wizard plugin. Modified code here: http://pastebin.com/YxZRDEda The only issue is that when you move back via the back button it doesn't remove the newly applied visited class, anyone have any ideas?
Validate plugin global messages
Validate plugin has set of messages that can be overwritten on element level. I do not see it useful because too much of coding is evolved. Is it possible to overwrite them all at once or force it to use some message bundle available on server trough the AJAX ? This is how messages are defined in script. Author already tried to provide internationalization for German language. This is not an uncommon task. It would be nice if plug in can select set of national messages by some key. I do a lot of
change class of li on click of input
Hi I have an input inside an li <ul class="action"> <li class="warning"> <label for="ESig" class="tall">Name</label> <input name="ESig" type="text" class="swap_value" id="sig" value="Electronic Signature Required" /> </li> </ul> when you click inside the input #sig, I need the parent li's class to change from "warning" to ".thanks" (they have different
AnythingSlider. Hide content above an image with CSS / show that content if we are in the current page
Hi, I am new to jQuery and JS but I have managed to get the awesome anythingSlider () to work on my site but I can't figure out how to do this: Example Link http://www.cero4.com/pruebas/ So, as you can see, in the slider we see the current image with some html and a portion of the next one. But, I also see a portion of the text of the second picture, and that's what I'm trying to avoid. So I just thought that I could hide all the html content with css and then, just show the html content on the current
Quicksand plugin : how to keep js applied styles on category change
Hi, Have created a page that will be using quicksand. The problem i encounter is that any styles i append to the main page (all section) changes back to original status on category change. Does anyone have an idea how to keep the changes on each element throughout category changes. ex: applying a style to an LI on click $(this).addClass('on'); should stay with that class all the way through the animations. Thanks
Autocomplete with mustmatch-option : unable to select values with ","
I'm using an autocomplete with mustmatch=true. There are values in it, which contain ",". Unfortunateley I cannot select those values
rounded corner prob
I am using jquery rounded corner plugin. box is been rounded properly in all browsers except IE (IE7 particularly). in IE its leaving 2 pixel margin and behaving weared.. pls see attached image. ther is gap or 2 pixel in each div. i can remove it with negative 2 pixel margin but in some place it brokes and gives opposite round. waiting for permanent solution..
Autocomplete with must-match option and values not selectable
I have the following situation Autocomplete with mustMatch-option to true When the list hass values that contains a ".", it's unpossible to select those values
jFlow problem: Opposite of document.ready?
Hi guys, I'm trying to use jFlow on my site, and have a bit of a problem. What I have is a page with the slider that is hidden with CSS, and then when I click to bring the page onto the screen, the slider appears. I'm using this code: $(document).ready(function(){ $("#mySlides").jFlow({ slides: "#mySlides", width: "400px", height: "300px", duration: 1000 }); }); The problem occurs when I close this page and re-open it. If I do that, the
jQuery Cycle - Changing slides on rollover
I have a page displaying a portfolio of logos, print pubs, websites, etc. When the page originally loads, all items are included in the slideshow. I would like only logo images displaying when the user places the mouse on the logos link. Example here: http://estland.estlandpreview.com/ The jQuery call below works (i.e. the range of the images is limited to only those with class logos) if the menu link to "logos" gets a mouseenter event while the slideshow is showing one of the logo images (class="logos").
Form plugin patch for proper handling of quotes in data option.
Hi, This is a fix for whoever maintains form plugin. There is a bug when a data item contains a double quote. jquery.form.js (2.43) @@ -256,9 +256,13 @@ $.fn.ajaxSubmit = function(options) { try { if (opts.extraData) for (var n in opts.extraData) - extraInputs.push( - $('<input type="hidden" name="'+n+'" value="'+opts.extraData[n]+'" />') - .appendTo(form)[0]); +
jflow plugin sliding issues
Hi there, First time user here. I am working on a sliding content using jflow and it looks simple enough but im not a coder therefore I'm messing up. http://www.freshology.com/newprogram/freshdiningkhai.html I'm trying to implement the sliding technique but I can't seem to figure it out. Help please. can't seem to locate what im doing wrong. _threedash.com
ThemeRoller not working!
I've been trying to generate a custom theme using the ThemRoller and when I click "Download theme" I get error message "Absolute File does not exist: /srv/jqueryui.com/ ....... Tried with both custom and the Theme Gallery themes but getting same problem.. Is there a known issue or am I the only one having problems?
Slider (Scrollable) with buttons - not tabs
I am having the toughest time accomplishing the slider effect with scrollable. A great example of the effect can be found here: http://www.officite.com/ See how the panels slide when clicking the buttons in the middle? (Websites, Search Marketing, etc?) All of the versions of code I have found online regarding this effect just don't seem to work for me. I don't want any left and right arrows for navigation. I want precisely the effect shown on this URL - where buttons take you directly to the
Suggestion for Validate plugin
JQuery validate plugin have invalidHandler init function which get triggered if something is invalid however it does not have anything for validHandler where you you want trigger something immediately if validation succeeds (i.e like hide something - which was in my case). So, here is my suggestion with code modification. numberOfInvalids: function() { /* * Modification starts here... * Nirmal R Poudyal aka nicholasnet */ if(this.objectLength(this.invalid) === 0)
Two input fields, give the second input field always the same value as input field one
I am having a form with two input fields. I want to enter some text in the first input field and then the second field should get the same text. Is there a simple way (maybe a plugin) to do this with jQuery? It would be perfect if I even could output all these input fields values as normal text in <p> or <li> tags. Kind regards Andreas
jquery session variable with conditional operator
Hello all, I am using jquery session plugin and in my code I am using if loope .This if loop looks like if($.session("numberOfDaysLeft")>=0 && $.session("numberOfDaysLeft")<=$.session("passwordExpConst")) now problem is that whenever numberofdaysleft is less than or equal to passwordExpConst it gives me false and viceversa. So can any one tell me why this problem is ?
Rounded corners in input fields with borders
Does anybody know a plugin that can add rounded corners to input elements and also keep their borders that works cross browser? I have tried jquery.corner and curvycorners but it seems they only work with block elements. Also jquery.corner dont round borders in IE. I didn´t want to use images but it seems the only solution now.
Autocomplete selected row index
Hello, I'm currently trying to customize the autocomplete plugin to fit my needs, but I have one major problem and I can't find a solution. I want to retrieve the index of the selected row in the list when I'm pressing TAB or RETURN key (which is the same in the plugin code). I know how to do that with a mouse click, because there is a variable named "active" which contains the wanted index, but I can't use it with the keyboard... I hope that my explanation is clear and that somebody here will be
Form Wizard with Validation
Anyone able to make the plug in located at http://www.jankoatwarpspeed.com/post/2009/09/28/webform-wizard-jquery.aspx work with the jquery.validate.js plug in? Any help is appreciated, I know there are a couple others out there but we like how this keeps the "Step 1 etc" at the top at all times. thanks, Kane
Autocomplete mustMatch behavior
Hi, I am using autocomplete jquery plugin developed by Jorn. What I would like to do is change the behavior or the mustMatch function such that if I user types in a value that does not match they are presented with a confirmation box that would either a) Allow them to go back and try to enter the value again or b) would set the value to Other (I have some code on my page that if the value of that box is set to Other a new input field shows allowing them to enter their value). Any help on this would
Next Page