cycle plugin -- imgs of diff widths...
hi, I have to do a slideshow with images of different widths... am using cycle plugin, which I like very much... I have a little test slideshow here, http://mayacove.com/cycle/cycle_widths.html it's not centering imgs in containing div (I made div width of widest image.. this will work for my situation, in which imgs will be hard-coded..) if you inspect img element in firebug (#slideshow img), it shows that the plugin adds a style of position: absolute; top: 0px; left: 0px to the img; why does
Help with custom validation methods
Hi Im using the validation plug in and need help with a custom validation method(s). I have a text input that is electronic signature <input type="text" name="eSig" /> and two others that are FirstName <input... name="FirstName" /> and Last Name <input... name="LastName" /> I need to make sure that "FirstName" and "LastName are contained in "eSig" I know I need to use :contains selector but how? Thanks, Kane Leins
jQuery Form Plugin not Working in IE
Hi, I've set up a simple form that validates then submits via Ajax using the jQuery Form Plugin by malsup. Everything is working now in FF, Chrome and Safari but it doesn't work in IE (7). I have no idea what could be causing the problem. My relevant code includes: EDIT: I've just tried it out in Opera 10.6 and I get the same lack of functionality. Any ideas? my javascript: $('#mt_survey').submit(function() { if ( $("#mt_survey").valid() == true) { $(this).ajaxSubmit({ target:
jquery image slider
Hi, I am using the control on the link below, i want to know how i can have the same control but twice in one page please help http://galleria.aino.se/ Thanks
Cycle plugin with easing and corners
I am trying to use the Cycle plugin with the corners plugin to cycle rounded corners. I am accounting for different sized images and hiding all but the first image until document ready. Everything works until I try to use any easing affect it does not work. I have tried using easing version 1.1.1 which is used on the cycle plugin website and I have tried using the compatibility plugin on the easing plugin site without any luck. It may just be an outright incompatibility, but any help would be appreciated.
jquery autocomplete plugin
hi, i just want to ask can this plugin (autocomplete) except non English languages like french or Arabic for example because i tried to make it work for other languages beside English but it just won't retrun any results. and is it true that it's impossible to make autocomplete accept other languages like Google ( i asked this question in a php forum and a guy replied that it's impossible to do it?? ) and if you can make this plugin accept other languages can you tell me how?? NOTE: i don't want
jquery validation addMethod based on select value
No more problems, define a variable first. $.validator.addMethod( "Brazil", function(value, element) { var selectedCountry = $('#Country').val(); if ($("#BMFNP").is(":checked") && (selectedCountry==="BRA")) { return false; } else return true; }, "You cannot select BM&F Outside Brazil and reside in Brazil." ); Kane Leins
How to add a new slide and replace an existing slide on the fly with jQuery cycle?
I'm using jQuery cycle plugin right now, and I want to add a new slide based on the newly created image and I want to replace this slide later if the user has updated the image. I read the document of jQuery cycle, and I found it's using onBefore callback to do the job, but it's not on the fly, how could I do it on the fly? Thanks a lot.
Custom Cycle transition doesn't work as expected
I'm trying to make a custom Cycle transition. I want the slide to scroll left or right and simultaneously fade in or out to be revealed or disappear. To handle both directions in one transition I'm basing it on the built-in scrollHorz transition, which looks like this: $.fn.cycle.transitions.scrollHorz = function($cont, $slides, opts) { $cont.css('overflow','hidden').width(); opts.before.push(function(curr, next, opts, fwd) { $.fn.cycle.commonReset(curr,next,opts); opts.cssBefore.left = fwd ? (next.cycleW-1)
Jquery Cycle Plugin slows page rendering speed?
I am using the cycle plugin on the homepage of my website and it it taking 6.5s ish to fully load the page. All the elements are loaded in less than 1s but it takes 5s plus to render the final page. Is this a CSS issue or is there a better way of using the cycle plugin? Any help appreciated. Graham http://www.eatout.co.im/
Cycle Plugin: Is it possible to load news slides for the cylce afther its finshed without a refresh of the page.
I have written a website that showa the first 25 images of an albums, redirect the page and show the next second 25. Is it possible to load news slides for the cylce afther its finshed without a refresh of the page ? Sorry for my bad English
Help with Jquery and Header.php for Wordpress...
Hello, I've been developing a wordpress photoblog on the Grace theme. It has this feature (using jquery cycle plugin) Create a “Featured” Category The rotating gallery on the Grace homepage displays only the images that have been assigned to a category called “Featured”. But, rather obviously, before it can do that you need to create the “Featured” category. To do this: Log in to your WordPress Dashboard. Click Post to expand the Post Menu then click the Categories link. Enter Featured into the Category
common warnong message for invalid forms
when the user submits a form whose fields have not satisfied the validations, then how can we display a "message" saying that "please fill all the fields appropriately"? And also that message should disappear when the fields are appropriately filled.
Cloning table row witch contains datepicker
Hello everybody I have table where is one row(lets called it row template().I try to add new row ito the table by cloning template row.Here is my test table: <table> <tr> <td> <input type="text" id="datepicker"> <td> </tr> </table> Here Is my javascript functions: function addNewEmptyRow() { var tblBody = document.getElementById("Lines").tBodies[0]; var newNode = tblBody.rows[0].cloneNode(true); RenameTableComponents(0,tblBody); tblBody.appendChild(newNode);
error message placement - validate
I want the error messages to appear below the text boxes, not to the right. I have my own text after some of my text boxes and with the default settings the error appears between the text box and my text. Looks weird that way. I'd rather have the errors below each element. I tried with the below but didn't get anywhere. I want ALL errors below. Not sure what to do. errorPlacement: function(error, element) { error.appendTo( element.parent("td").next("td") ); },Any help appreciated. Thanks. :)
trying to implement uploadify plug in
hello, im using xampp on my imac and i'm trying to get this uploadify plug-in to work, there is a jquery library file in the uploadify package that you link to but it is not working for me... i get an error saying $ is not defined, but when i change the link to the library to http://code.jquery.com/jquery-1.4.2.min.js, then it says that $("#uploadify").uploadify is not a function, can anyone tell me if i'm having a problem with maybe xampp or linking correctly to the jquery libray? <html> <head>
tooltip on typeahead list problem
I'm using the jQuery Tooltip plug-in on a typehead address list. As the mouse hovers over the typeahead list of names, the pop-up displays more info about that person. That's all working fine. My problem is that when I click on a name in that list to select that person; when my typeahead list disappears, my tooltip box is left hanging there, orphaned as it were. To get around this problem, I've inserted $("#tooltip").hide(0); into my typeahead list's click event, to force the tooltip disappear,
controlling UI Tabs from an external URL
Hi there, thanks in advance for any help. Does anyone know if it is possible to control UI tabs from an external URL, is this possible? For example, right now, the ui-tabs-nav list of anchors correspond to the divs automatically. I would like to make the tabs' navigation controllable from a separate draggable modal or popup window so I can drag it to a second monitor and use the main screen on GoToMeeting, to switch tab panels almost like Powerpoint (but more useful.) Make sense? Truly appreciate
Any Plugin: Resizes iFrame based-on browser window size? (not content size)
Hi all, Looking for a plugin that can resize an iFrame based-on the browser widow size, not the size of the content on the page. If a user loads the page in a larger size, they will see more of the iFrame content. If a user loads the page in a smaller size, they will see less of the iFrame content. If it has the capability to resize after load if the user changes the size of said browser window, great, if not, that is fine as well. Thanks!
jQuery Validate - Dependency problem
I have this rule: SiteURL:{"required":false,"url":true} And I leave the URL field empty and click Submit, it still shows the error box and terminates. I would expect it to be optional and only validate if something is entered. I'm using 1.7.0. Is it a bug or am I missing something?
jquery countdown
Hi all, I want to do a countdown (for 5 minutes 10 seconds) like http://keith-wood.name/countdown.html . I download jquery and other missing things but it still doesn't work. What is the problem? Any idea? Kind Regards, <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <title>jQuery Countdown</title> <style type="text/css"> @import "jquery.countdown.css"; #defaultCountdown { width: 240px; height: 45px; } </style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/
Validation of generated select box
I have 9 select boxes on my page containing lots of subcategories for businesses. I require the user to select an option from only 1 of the 9 selects. To make the user experience better I hide all of the select boxes with CSS and generate a dynamic select box of categories. When a category is selected from the generated dropdown, the subcategories select box which is hidden by CSS is displayed. I am trying to apply a few validation rules to both select boxes and have a few rules I need to follow:
reset form not clearing validation error messages
I'm using the form validation and it's working great. But the form reset button, although it clears the form fields, does not clear the errors. My page header has this code so far: <script> $(document).ready(function(){ $("#signup").validate({ groups: { birthdate: "birth_year birth_month_num birth_day_num" }, errorPlacement: function(error, element) { if (element.attr("name")
ColorBox close overlay
Hi All I'm using the ColorBox v1.3.6 plugin. I'd like to know how to code a "close overlay" link into the content of a page I'm calling into the overlay using ajax. In other words, a means to replicate the default close button/esc-key facility from within the content of the page. Thanks in advance. Andrew
Problem with jquery tabs
Hi, i have this code in my jquery tabs. i want that the "dovesiamo" tabs link directly go to an external link, for exemple "http://www.google.com" Is it possible? <script type="text/javascript"> $(function() { $("ul.nav").tabs("ul.sub-nav > div",{initialIndex:1,history:true,effect:"fade",fadeInSpeed:200}); }); </script> <div class="row-2"> <ul class="nav"> <li> <a href="#" class="home">home</a> </li> <li> <a href="#" class="chisiamo">chisiamo</a> </li> <li> <!--EXTERNAL LINK --><a href="#" class="dovesiamo">dovesiamo</a>
passing variable ..
hi i have a problem when i try to pass variable in javascript or maybe this is jquery matter i'm using tokenize plugin from this site : http://loopj.com/2009/04/25/jquery-plugin-tokenizing-autocomplete-text-entry/ problems comes when i about to set a predefined value for the token, if i use static variable like this script its working ok $("#tokenize2").tokenInput("http://localhost/ci/index.php/skripsi/adminPanel/listPeserta/", { prePopulate: [{ "id":"1","name":"Populated Name 1" },{ "id":"2","name":"Populated
modal dialog doesn't work in IE8 when including prototype.js
Greetings, I've run into a problem with dialog plugin using JQuery and Prototype.js together in IE8. The following code doesn't display the modal dialog correctly. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>test</title> <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/base/jquery-ui.css" type="text/css" media="all" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"
jQuery Tools + ScrollTo/SerialScroll problem
I have a website which I am developing offline and I have run into a problem. I am using several jQuery plugins together and I am not sure which is conflicting. I know scrollables from jQuery Tools conflict with ScrollTo, so I have already disabled that part. I have the following jQuery plugins embeded: jQuery.ScrollTo jQuery.LocalScroll jQuery.SerialScroll jQuery validation jQuery Tools I never got jQuery Tools tabs and SerialScroll to work together. On the main page, I have LocalScroll working
superfish change the width of a horizontal menu
hi, i am using the jquery superfish menu at http://users.tpg.com.au/j_birch/plugins/superfish/#getting-started. i cannot seem to modify the width of the menu items (or the <li>). how do i do this? i am using the superfish.css style sheet. i tried to modify the width by changing the values of a few classes (i.e. where it said 100% or had an em appended), but this did not help. any ideas?
Smooth mouse movement
Hello. I'm trying to "smooth" or "ease" mouse movement when dragging or scrolling. This is something very usual in flash sites where elements seem to have some weight. Is there any existing plugin to do this in jquery? Thanks
ScrollTo - Can't figure it out
Ok so I basically just found this site. I was thinking of creating a website which is very easy to navigate. So I have 4 pages at the moment, I basically want to have a large thumbnail of each page on one main page. So the user can scroll across these thumbnails (hopefully just by moving the mouse but I'll figure that out later) and click on one and then that page loads up. I looked through the navigation plugins and figured I could use ScrollTo. But I have absolutely no idea how to even use this
validate errorPlacement help
The way I have my form set up, I have a line break between the input fields and their labels. By default, the Validation plugin puts errors after the input field. I am trying to put the errors next to the labels so it looks like... Name: This field is required. [ ] I've read the documentation and tried modifying the errorPlacement example, but I never got it to work the way I want it. Here is the form I am using. <form action="index.php#contact" method="post" id="feedback">
jquery multi datepicker, highlighted from database
Hello JQuery Forum Someone here may have come across this problem before... Please advise has anyone seen a solutions simliar datepicker or other solution so you can select a daterange by selecting multiple dates that change colour. I need to code a solution where, dates - that are booked, come from the database - dates that are booked in the months are highlighted and are none selectable in the calender - only none selectable multi date ranges can be picked. Has anyone seen something like this with
Please help me add history to this AJAX
Hello! I'm a moderate user of jquery and have used it quite frequently to make AJAX calls. However, I'm stumped by this one. I need to keep my current structure but add history / browser back support. I've looked at the history plugin among others. I just can't seem to make anything work. I'm using a basic ajax call that loads all links throughout the entire website. I need to add history support to that somehow. Any help is greatly appreciated! Here's the code: $(document).ready(function(){ $('a').live('click',
Problem with fancybox height and width
Hello, i'd like to set modal iframe window to 300 x 200 px. what am i doing wrong? <?php session_start(); $_SESSION['kala']++; ?> <html> <head> <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="./fancybox/jquery.mousewheel-3.0.2.pack.js"></script> <script type="text/javascript" src="./fancybox/jquery.fancybox-1.3.1.js"></script> <link rel="stylesheet" type="text/css" href="./fancybox/jquery.fancybox-1.3.1.css"
jQuery fadeOut/fadeIn conflict with jCarousel
I am using fadeOut/fadeIn to fade out one DIV and fade in another which contains jCarousel. Once the second DIV has faded in, only the first jCarousel Item displays (there are 7 in total), but all other jCarousel elements display correctly. When running the jCarousel DIV alone in a separate file, it executes perfectly. Below is the code I am using for fadeIn as well as jCarousel, all within the <head> tag. The HTML for jCarousel is a standard unordered list, user controlled scrolling through the
Object doesn't support this method or property
Hi, I am developing a web application and trying to use the autocompelete plugin available from jquery. I have added these references in my usercontrol <script src="../jquery-1.4.2.js" type="text/javascript"></script> <script src="../jquery.autocomplete.js" type="text/javascript"></script> <script src="../jquery.autocomplete.min.js" type="text/javascript"></script> <link href="../jquery.autocomplete.css" rel="stylesheet" type="text/css"> </link> I get an error 'Object doesn't support this
Using jEditable with jQuery, 'submit' function and php? How does this work?
Under the 'style' section I can add a 'submit: whatever'. I've seen someone use some <? php ?> inside that submit section. I have all my list items with a class of dblclick so that I can edit them and update my db. It isn't working right now but ideally I want to know if I can use submit: $content I want the php script (save.php) to handle updating the DB but right now my entire save.php looks like this <?php $mysqli=new mysqli('localhost','user','pass','db'); if (mysqli_connect_errno()) { printf("Connect
Help cascading templates plugin
Hi, I been testing the jquery.template.js plugin, but I cant figure a way of cascading severate templates. var te = $.template("<div>${test}</div>"); $("body").append(te, {test: "hello world"}); this works fine for one template, but there following doesnt work: var te = $.template("<div>${test}</div>"); var ce = $.template("<div class='inner'>${message}</div>"); var result = ""; $(result).append(ce, {message: "hello world"}); $("body").append(te, {test: $(result)}); Ive tried $(result).html() or
Anchor/Hyperlinks in Cycle
Hi all, I just downloaded the Cycle plugin, and am quite happy with it! However, I can't seem to get the hyperlinks to work in my page. In a blank example page, it works though...? I have no clue to what I did wrong. Anyone any suggestions? <!-- cycle Jquery script--> <title>JQuery Cycle Plugin - Example Slideshow</title> <style type="text/css"> .slideshow { height: 232px; width: 232px; margin: auto } .slideshow img { padding: 15px; border: 1px solid #ccc; background-color: #eee; } </style> <!--
Next Page