Cycle Plugin not synchronous?
Hi everybody! I am using the awesome malsup cycle plugin, but it seems like the sync: true option isn't working 100% synchronous. If I activate the sync option and let exactly the same images fade, a short opacity effect occurs. $(document).ready(function() { $('.slideshow').cycle({ fx: 'fade', sync: true, speed: 1000, timeout: 4000 }); }); <div class="slideshow"> <img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" width="200" height="200" /> <img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg"
Jquery TableSorter Issue
Hi, Im trying to implement the jquery table sorter from tablesorter.com. My code is a follows: <body> <script type="text/javascript" src="/jjets/js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="/jjets/js/jquery.tablesorter.min.js"></script> <script type="text/javascript"> var $j = jQuery.noConflict(); </script> <div id="home"> <div id="top-nav"> <div id="top_nav"> <div id="top_nav_links"></div> <div id="top_nav_links"></div> <div id="top_nav_links"></div>
Liquid slider
Hello everyone, I have a liquid layout site and would like to implement a slider [sliding gallery] that will automatically adjust to the width of the containing holder so that it would look and position itself perfectly. The desired looks of the slider is this I would appreciate if anyone can recommend a plugin and the ways to obtain such. With best regards Fabian
com.bydust.ajax Ajax Content Load
Hi guys as title, im looking for a jquery script to implant for my php dynamic website. so far i got one jquery script from bydust: com.bydust.ajax this script is exactly what i want but it crash alot of my jquery plugin.. is there any other similar script to this? i try google up with keyword "ajax content loaded" but in return i got is jquery ui tab. please help
Hey guys, My lightbox plugin and treemenu plugin wont cooperate, what to do? =/
Hello, I was implementing the codes required for this: http://dynamicdrive.com/dynamicindex4/lightbox2/index.htm lightbox when I later on tried to view the website (having treemenu) the menu didnt work anymore and someone told me to lookup a plugin supporting both features so they doesnt collide with each other. I have absolutely no clue which one to pick, what to look for or even if there is one working with both lightbox and treemenu =/... The treemenu Im using is: http://www.dynamicdrive.com/dynamicindex1/treeview/index.htm <--
Validate plugin: how to use "range" inline
Because of the way I code, I prefer to use the inline methods with Validate rather than a Rules list at the top but I cannot seem to get the Range option to work. I've tried range="[10,20]", then without the quotes and with a colon instead of a comma but it also shows as error message of "Please enter a value between NaN and 1". I know I can always use min="10" and max="20" but it's a pity I can't use the range option.
malsup form plugin and Chrome ?
It`s not working with Chrome since V.5 and it`s working in all other browsers including IE6 & i cant` figure out what`s wrong with it , anyone have a similar problem ?
55+ Jquery Tutorials, Resources, Tips And Tricks: Ultimate Collection
If for whatever reason you don’t know jQuery, it is a “write less, do more” JavaScript library. It has many Ajax and JavaScript features to allow you enhance semantic coding and user experience. From jQuery homepage – “jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.” jQuery definitely is one of the biggest trends coming
JQuery Cycle IE related Problem
Hello, I am new to JQuery and am having a problem using the cycle plugin. For some reason when using the Cycle plugin, all the images animate fine in Firefox and Safari but not in IE. Any help solving this issue would be greatly appreciated. After looking through google I found several issues related to this plugin caused by a trailing comma, but I don't seem to have that problem (or at least I can't find it anyway!). Here is my CSS: .banner { width:820px; height:205px;
jQuery Cycle Works Great!! But I have one question...
Mr. Malsap, Thank you for a wonderful jQuery Plugin. I have been developing a WordPress Plugin using your Plugin and it works great. Today I put the WordPress Plugin online for the first time on a test website (I have been developing it locally on a MacBook Pro) so that I could test it with a very old IE and a new Mozilla Firefox and they both worked OK. The only problem I noticed is that under the old IE the images load slowly (I think I have a way to fix it, by converting the large images into
Need help with jPlayer
Hello forum, I know this is my first post and it should be a contribution, but I need a recommendation on how to use jPlayer on this website without the music starting again each time I switch sections. The site is: http://www.denissebrito.com/ (the available sections at the moment are Fashion and Portraits) At the moment I'm hiding the jPlayer so you're just going to hear the music. The menu appears when you hover the left part of the picture. What I need to do is: when you enter a new section the
CurvyCorners and Multiple Divs
Hi, I have the following to add curvy corners to my divs; <script type="text/javascript"> $(document).ready(function(){ $('#album').corner(); }); </script> My divs look like; <div id="album"> ... somthing here ... </div> <div id="album"> ... somthing here ... </div> <div id="album"> ... somthing here ... </div> <div id="album"> ... somthing here ... </div> The curvycorners only works on the first div. Any ideas on how to make it work on all album divs ?
Using two plugins on same page
Hi I have just started using jquery and I am having trouble trying to get two plugins to work on the same page.Here is the HTML code <head> <link href="jimgMenu2.css" rel="stylesheet" type="text/css" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script type="text/javascript" src="../js/jquery-easing-1.3.pack.js"></script> <script type="text/javascript" src="../js/jquery-easing-compatibility.1.2.pack.js"></script> <script src="aino-galleria-0db04e0/src/galleria.js"></script>
accordion
hi, how do I figure out what CSS code applies just to accordion plugin? (http://docs.jquery.com/UI/Accordion) this stylesheet that comes with it (http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css) is huge, am having a hard time with it; I would love it if these plug-ins came with only relevant CSS code.. also I need to make changes to markup, but some of the markup I need to change is not really in markup, it's generated with JavaScript (it shows up in Firebug, but it's
Which plugin suites me?
Hi, on our website we need a control like the image attached having few buttons. For instance the green button opens a div with a list of emoticons images and on click on an emoticon image , the emoticon gets added to the white area. The blue button also opens a div having a list of text phrases (like Hello!,GoodDay! etc) , on clicking a text phrase , the phrase gets added to the white area. Also the user can type into the white area. These three features are all we want. The appearance of the control
can't get cluetip to display
Attempting to display cluetip inside of a dialog box using the 'title' attribute, but all I see is the tooltip title. Code: //display profile dialog box function showProfile(profileid, msgtype){ newviewProfile(profileid, msgtype); $('#viewprofile').dialog({ width: 600, resizable: false, buttons: { "Ok": function(){ $(this).dialog("close"); } } }); $('.goal-li').cluetip({ splitTitle: '|', cluetipClass: 'jtip', arrows: false,
jQuery plugin that looks like the selection wheel on iPhone? and How to use the jSlider plugin in the code?
I've just begun with jQuery and from following some great tutorials i've got my webapp looking pretty good, but I'd like to setup the slider on part of the page, and I'm trying to find out if there is a selection wheel plugin like you see when setting the timers in the Clock app on the iphone? Any help and links to tutorials are always welcomed and very appreciated. Hopefully I can contribute answers in the future. Brian
[validate] can't reset the form enough using resetForm()
Hy I'm using jquery-validate on a simple Ajax Form. (2 Fields only rule: required). The Problem is that after a wrong entry the eager validation kicks in and stays activated even after i correct the entry submit the Form via ajax and make the resetForm() call in my callback. All the error indicators are removed but the eager validation still kicks in. I want the form validation to be in the same State as after a page reload. Any Ideas? thanks in advance Milan
ScrollTo and scroll local plug in issue
hey guys, I am trying to apply a smooth scroll to my site. Its a 1 page site and I have anchor tags set up at various points. here is the jquery I am using which isnt working: $(document).ready(function () { $("#menu_nav").localScroll(); }); it only scrolls down like an inch no matter what button I press. my site is www.glenhealy.com you can see for yourself, if you select a menu item, it only scrolls a few inches. If I take away the jquery, it jumps right to each anchor tag like its
captcha validation using hash5
I am using metadata plugin. I want to use validation where I have a hidden field that contains hash5 value of captcha text and I have to validate it with what user enters in captcha field, convert that value to hash5 and then compare with the hidden field. How can I do that? I have other fields in the form too and I want this to be added in the script. <script type="text/javascript"> $().ready(function() { var container = $('div.container'); // validate the form when it
Superfish font color on pathclass
Hello. I am relatively new to the superfish menu plugin, and I am trying to set up a menu for our site at http://dev.jonesmedia.biz . My intention is to set up the menu in the following way: 1. The active class in the first-level menu will contain dark text on a light background. The default class, (assigned using the pathclass attribute) is called "startopen", and should also be displayed as dark text on a light background. 2. The second level menu should contain the same dark text and the same
Plugin conflict on Wordpress
Hi Guys I'm quite new to jQuery and not too familiar with it. I was using this content image slider plugin (http://www.geniusdeveloper.com.br/wordpress-en/2010/05/new-plugins-nivo-slider-for-wordpress/?lang=en), everything was perfectly fine but I then added a new plugin for an event calendar (http://wordpress.org/extend/plugins/kino-event-calendar-plugin/). Ever since this was added, my content slider is no longer working. Using Google Chrome I discovered this error: Uncaught TypeError: Object #<an
Validate : validate form when number is exactly between two values
Hello, I use plugin validate (http://bassistance.de/jquery-plugins/jquery-plugin-validation/), wonderful and powerful ! I'd like to validate a form only if a value is a number between two values. For example value foo must be more than 24 and less than 29 . I know this: Code : rules: { foo: { required:true, number:true, equal:25} } But how can I test that : 24 < foo < 29 ? Thanks very much in advance.
Error
Have used jquery and jmpopups on the page www.futurevalue.se. (See the images in bottom of the page.) This gives error in some browsers. It seems to work properly for homeusers but gives error when the client sits in a "bigger" company. Have skipped the ajaxscript on a testpage: www.futurevalue.se/tester but this gives the same error. Any idea whats wrong? Greatful for any help in this matter.
I want a jquery plugin to create Twitter like registration form for an asp.net(C#) web application ?
Hi, I want to create a twitter like user registration form for my asp.net(C#) web application. I have configured asp.net membership module for my site. I have searched alot but couldn't find any all in one JQuery Plugin which provide the following functionalities to my webform- 1. Form Feild highlight when onFocus and on error 2. Tooltip when form field is in focus 3. Proper client-side form validation 4. Check user name availability 5. Check email re-registration 6. Calculate Password strength 7.
Gallerific Plugin full width /full height image resizing problem
Hi! here you have my example(http://otex.ro/test/), i want to make a fullwidth/heigth image slider based on gallerific plugin I tried to rezise the image full width/full height- relative width to body width, but in some cases i get smaller width( the scrollbar with 16px) image, or smaller height or both smaller This only in Firefox, in Safari and Chrome only width problem http://otex.ro/test/ here you can check; I use the 2.0.1 gallerific plugin. Please let me know what can be the problem, by sendin
jQuery Cycle rendering problem
Hello everybody, I have a problem with the cycle plugin which only occurs in Firefox, not IE, can you belive it? The page is: http://jm.belauba.info/montadorTrofeos.php?apartado=montador&lang=es It seems that the problem is in the container element with the page's first load, if you refresh the page, images show properly. Anyone has had the same problem? Thanks in advance.
Video Sync with Events
Hi! I'm curious if anyone knows of a plugin that will allow me to trip events at certain times throughout the playtime of a video. Example: at 30 seconds, I want to run a function. Then at 36 seconds, I want to run another function, etc. etc. For obvious reasons, I can't just set a timeout and expect that the events will occur at the precise moment during the video. Any ideas welcome! Thanks
jQuery Lightbox
Hi everyone I've just put the finishing touches on a jQuery lightbox plugin I've been writing and I'm looking for some feedback :-). I wrote this since I couldn't find too many lightboxes that started zooming in from the actual image location (I did find commercial ones that did it though). It's up at my website - http://www.quarkspeed.com.au. There's also a ZIP file with an example HTML. Kind Regards Chris
blockUI : not working when html page is loading data
Hi, I have a cgi script with an HTML form that processes DNA sequences from a user, aligning them against millions of other DNA sequences. That takes a while, so I want to display a waiting message while the query is being processed. My page is here : http://www.genomequebec.mcgill.ca/compgen/vervet_research/cgi-bin/vervet_seq_db.pl I am not sure what I am doing wrong, most of the time the message appears so briefly you can barely see it (if you're lucky it appears nicely but quickly disappears).
jquery validation - multiple select fields in one form.
I have a large form. One part of it is a column with selects. All drop-downs initially set to "No". The only other option is "yes". I need to make sure that at least one select is set to "yes". Any number, even all of them can be changed to "yes", but only one is required. I can easily add a rule that requires all the fields of the certain class to have certain type of value, but can't think of a way in js to only have one required. I can easily count number of "yes" values with PHP and prevent submitting
jquery-form and submit cancel
I tried in many ways, but if I use the jquery-form pluging then cancelling from .submit doesn't work any more (no return false, no event.preventDefault()). I reduced the problem to a trivial test case jQuery("#myform").ajaxForm(); jQuery("#myform").submit( function(event) { event.preventDefault(); return false; }); even this one always does the request. Note that jQuery("#myform").ajaxSubmit(...) works fine...
[jquery.validate] remote problem
hi everybody, i've got a problem with the validate plugin... i can't make it work the remote option (everything else works quite good). here's the .js code $().ready(function() { // validate signup form on keyup and submit $("#form_esecuzione").validate({ rules: { id: { required: true, minlength: 4, maxlength: 15, remote: "n_perizia.php" } messages: { id: { required: "Campo Obbligatorio", remote: jQuery.format("{0} già utilizzato"), minlength: "Minimo 4 simboli", maxlength: "Massimo 15 simboli" }
jquery cycle plugin and ajax
I am building a wordpress based site that uses ajax to grab specific posts and display them. The site is: http://burnson.me/ The process I am using is: $.get(loadUrl, { id: id }, function(data){ $('#loader').remove(); window.scrollTo(0,0); $('#display').html(data);
BlockUI is not submitting forms!
Hey! BlockUI is not submitting forms! Did I do something wrong? Please help by pointing me to the right direction. here's my simple code. <html> <head> <title>RQ test</title> </head> <body> <form method="get" action="page2.html"> <table border="1"> <tr> <td><input type="checkbox" name="1"/></td> <td><a href="#">1234</a></td> </tr> </table> <input type="button"
[slider] How to change slider color?
Hello guys, I have to change the slider color depending on its value, but I didn't manage to do it, I changed the attribute "background" of the class "ui-slider-range" this way : $("#slider.ui-slider-range").css("background","red"); Since I have three states (red, orange and green) I have to use three sliders, each one has one color, all hidden at the beginning then I show the appropriate slider when the value changes. Thanks for your help, Best regards,
Scrollable - how to get the scroll direction
Hi guys, I'm trying to use scrollable in such a way that when the next link is clicked, some function is called before the scroll takes place. I can do this when either of the links is clicked: var api = $(".scrollable").data("scrollable"); api.onBeforeSeek(function(idx) { // call some function here. }); ...but cant figure out how to do it only when the next link is clicked. Would anyone have any ideas? Cheers, Eddie
jQuery treeview event on folderclick
Hy... I am using the following plugin to make an treeview: Jquery Treeview at this plugin i only knew the fileclick event.. but I need an event when i click at a "folder" or for instance at the first node of the tree... is there a way to add this event?. Manuel Wagner (Austria)
Menuitem width in horizontal superfish menu
Hi, I'm wondering if there's any way of setting the width of the menu items in a horizontal superfish menu to the same i.e. making all of the menu items the same width as the widest one. Is this possible? //K
mixing colorbox and media plugin won't resize correctly.
I am trying to use colorbox with media plugin (http://jquery.malsup.com/media/). The program uses ajax to load the links that make up the gallery and then opens the colorbox as a slideshow. It works great for pictures. What I am trying to do is fill in the gap for the lack of native flash support in color box by the follwing method. If a gallery item is an swf file instead of an image, the gallery link points to a player file instead of the image. The player file contains a link pointing to the swf
Next Page