lightbox dosn't work afrer using .load();
if i use foto gallery with plugin 'lightbox balupton edition' like this: include css and js, then <div id="btn_cont"> <ul> <li><a href="1.jpg" rel="galery" class="btn"><img src="1/1.jpg"></a></li> <li><a href="2.jpg" rel="galery" class="btn"><img src="1/2.jpg"></a></li> </ul> </div> This way all work perfectly. But then i try to do somehing like this: $(document).ready(function(){ $('a[href*=something]').click(function(){ $('#btn_cont').load('3.html'); return false; }); });
Problem using two jquery plugins
Hi, I'm a beginner with jquery, and I'm sorry to disturb. I'm facing up a problem: I need to use both uplodify and validation jquery plugins. I've been able to use them separately, but when I use them in the same page, the validation plugin doesn't work. Here comes the <head> of my webpage. <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="myscripts.js"></script>
[validate] Validation submit.form() not passing name/value pair for input type=image
A normal form submit will pass a name/value pair to the server when clicking on an input type=submit or input type=image button. however, when I use the jquery validation plugin with form.submit() to submit the form, it only passes values if the type=submit, not if type=image. To duplicate: Take the demo/milk/index.html form and make two changes to it. Replace the existing submitHandler code with the code below which passes "form" to the function and calls form.submit() so we can see the name/value
Cycle Plugin - How to use multiple slideshows on same page with hover control panel.
Hello - Im using the wonderful cycle plugin for a one-page portfolio site. I have multiple divs, each showing a slideshow of project images. As an option, I'm using the 'hover controls' feature for each slideshow, but whenever I click previous/next, it advances all the slides on the page at the same time. How can I prevent this action and just click through one slideshow at a time? Thanks for any help. Here is the JS: <script type="text/javascript"> /* <![CDATA[ */ $(function() { $('.slideshow').hover(
validator
I'd like to have the error displayed in an alert box; searched for a way but no found; did find a way to display in a separate message space: $("#ccinfo").validate({ rules: { ccnum: { required: true, creditcard: true } }, invalidHandler: function(form, validator) { var errors = validator.numberOfInvalids(); if (errors) { var message = errors == 1
Image Rotator w/Preview Breaks in IE
I found a nifty plugin for a gallery: http://www.sohtanaka.com/web-design/examples/image-rotator/ I implemented it on my site, however when in IE8/7 it breaks. When I click a thumb nail on the right hand side, the image and info will display on the left as it should, however the entire list of thumbs then disappears itself. I am viewing the site in IE8 on a mac using VM ware, wondering if that has any known issues with displaying jQuery properly as well. Thanks for any help/insight Here is the code
Tablesorter plugin... issue
Hi there-- new to the forum and am loving jQuery. I haven't looked into a quick-fix for this issue i'm seeing with tablesorter, and before i fix it myself, was wondering if somebody else already had. Did you ever notice that when you click in the sample on http://tablesorter.com/docs/ that let's say, you sort on "Difference" first... it does it ascending, as expected. Then, go click on another column (no difference which), and then come back to "Difference"... You'll see that it defaults it to
Lightbox with background music
I am creating an images portfolio web site by using jQuery lightbox plugin. The site has a background music. My issue is, the background music stop when the lightbox plugin invoked. How do I fix this issue? Thank you. Best regards, Edwin
Calling validation function from Babysteps plugin
Hi, I'm having a hard time working out what I'm doing wrong with Babysteps, I hope someone can provide me with an answer as no one responding on the plugin page. Using the Babysteps plugin, if I try to bind a custom function as my validator, for example: step1.bindStep('#step2', { nextValidator: custom_validator }); All works fine, but when I try to pass the current step as a parameter into the custom_validator (please note I have modified the function to accept the parameter), the page starts breaking.
jQuery Tools UI library and jQuery 1.4+
Hi everyone, I have a question about the jQuery Tools UI. That library has some nice tools in it, but I'm wondering if it works with jQuery 1.4.2, which is what I'm currently using on our Intranet web apps. Does anyone have any information about this? Thanks! Doug
Superfish : margin makes it where i can't click children
For the life of me I can't figure out where in the CSS to "fix" this gap.... when i mouse over the item on the top level, the children there show, but in moving my mouse from the top level item, the children close because of that gap......
Superfish hoverIntent not working
Hi there, I am using the Superfish v1.4.8 plugin on www.financialforce.com and have hoverIntent loaded, but it doesn't seem to be taking effect (menu items just disappear as soon as you leave them). I tried this on line 50 of superfish.js if($.fn.hoverIntent && !o.disableHI){ alert("got hoverIntent enabled"); }and it alerts, so it is loaded. Anyone got any ideas on what I missed? Many thanks, Ben
jquery.cycle.all -- timeoutFn --
hi, I am working on drupal and I have a problem with view-slideshow to create a view in a slideshow format and display for example 2 type of content : a node with an image , a node with a video, this contents have a timedisplay field , the problem is I can't set the timeout to the timedisplay value !! Thanks
[Validate] Knowing if a form has been validated
Hi all, i have a pretty simple question, but i can't find a answer in the documentation. I need to know if a form i have in a page has already been validated at least once. Is there some specific method to use? A property to check? Anything? Thanks in advance!!! Marcello
jquery.cycle.all dynamic timeout setting
hi, I have a problem with view-slideshow in Drupal.I want to create a view in a slideshow format and display for example 2 type of content which contains a timedisplay field : a node with an image , a node with a video , the problem is how to set the timeout in the Jquery.cycle.all js with the timedisplay value. Thanks ,
[validate] remote php checker replies ...void. Anytime
Hi to all, i'm just-another-jQuery-Validate-plugin-user. keywords: jQuery plugin validation, aja php email checker, bad reply. A.php contain a subscribe-us-form, jQuery and validator plugin, both in latest version. Well, searchin for a really-well-formed email checker i try with remote validation, but my problem are before, in the ajax reply. I'm using firefox and firebug to check all. A.php ask B.php to check email, and when i call B.php directly from browser i give a reply. When A call B thru ajax
[Accordion] Wizard with interactive header colors
Hi, I am modifying the accordion wizard plugin I found at http://jquery.bassistance.de/accordion/demo/. The idea is to get the header's color to change with the navigation. I figured out a way to do it, but it is quite convoluted (see below). I am trying to figure out a way to do it modifying a .CSS document (using addClass??) rather than modifying the style inline... Any thoughts??? Thanks in advance! THE CODE: jQuery().ready(function(){ //Wizard plug-in for accordion: var wizard
jQuery Cycle Plugin: click to next permalink
I'm building a website with Cycle plugin and permalinks, you can view it here: http://www.timdonaldson.com/chris/test.html The idea is that you click one of the intro slide show images which link to a second page where each slide has a permalink. It is working fine as it with an automatic fade to the next slide, but my knowledge of jQuery is very basic at best and I need to make it so that you have to click to see the next slide. Any help would be great! Thanks, Tim
tabs - want to disable effect on an html element
Hi, I am using jquery.tabs for a project and it's working fine, although i have an issue i'm hoping there's an easy solution for: I have set up a content tabbed area and what to fade the content areas when tabbing between them - this is working fine, although i want a certain html element (an image) not to fade, but to stay solid. You can see this here: http://dave-tyler.co.uk/author/test.html The first content area doesn't have the fadefx added and works fine, the second one does, but the image
Need help with mouse out fuction for a clickable link element in jQuery plugin
Hi, am using jQuery plug in for a hover effect with a clickable link element on a page. i need help in mosue out function.the link element is open untill i click on the close button and its not closing automatically when people move the mouse to another area..is there a way to customize this?
Using SVG to create a grid using load for external SVG files
Hello, I am studing SVG plugin for JQuery (http://keith-wood.name/svg.html) and I need some help to understand how I can create a grid of svg images. My first test was to create a grid drawing and moving rectangles. for (var j = 0 ; j < 16 ; j ++) { for (var i = 0 ; i < 16 ; i++) { var block = svg.rect(0, 0, 32, 32, 10, 10, {fill: "green"}) svg.change(block, { x: i * 32, y: j * 32 }) } }Next, I create a svg file using inkscape and try to replace the rectangles.
Simgle $(document).ready(function(){} or multiple?
Hi, I have been trying several jQuery examples. Now, I want to combine 2-3 plugins together but I am facing a problem. For every pluging they say that I need to place the code into $(document).ready(function(){}. So, if there are 2-3 plugins then do I need to create only one $(document).ready(function(){} and put all the code there for each plugin or do I need to write $(document).ready(function(){} for each plugin seperately? Logically it should be one $(document).ready(function(){} with all the
Drag and drop problem
Hallo there everyone i am using a drag and drop sample i found on http://www.dhtmlgoodies.com/index.html?showDownload=true&whichScript=drag_drop_nodes the thing is that when i use another ajax to retrieve something on my application my drag and drop possibility is not working... <title>Admin Page</title> <link rel="shortcut icon" href="../images/favico.ico" type="image/x-icon" /> <link type='text/css' href='../stylesheets/admin_styles.css' rel='stylesheet' media='screen' /> <script type='text/javascript'
the search for scroll-bar like this...
hello everybody! i´ve looking for this plugin, saw it yesterday on that "20+ awesome plugins"-lists...but can´t find it anymore.. anyone know the name of it..? thanks a lot!!
MeioMask
Hello everybody, i´m using a textbox mask from http://www.meiocodigo.com/projects/meiomask/ and i´d like to create a mask for "Name". I´m new with Jquery and don´t know how do it. I can create rules for mask, like: $.mask.rules = { 's': /[a-zA-ZçÇáàãéèíìóòõúùü]/ }; How can i put space char in rule? Thx.
jQuery Smooth Div Scroll
Hello, I am having a lot of problems with: jQuery Smooth Div Scroll, http://maaki.com/thomas/SmoothDivScroll/ . I'm trying to use this plugin on http://lab.creactivitat.com/mad409/espacio_funcionando.html and it only works fine in Google Chrome. With Mozilla Firefox or Internet Explorer, the logos area its now fluent as need to be. It stucks some times, and doesn't moves well. I want to know if someone can propouse me another plugin similar to this, or a way to solve it. Thank you in advance, Isern
wtooltip
There seems to be a bug in wtooltip plugin. Load the following page in your browser, the first time when the tooltip comes up, it shows foo; starting from the second time, it shows null. I used jquery 1.4.2 and the latest version of the plugin : Note: the problem goes away if you specify content, for example: $("a").wTooltip({content: "bar"}); <html> <head> <script type="text/javascript" src="jquery-1.4.2.js"></script> <script type="text/javascript" src="http://plugins.jquery.com/files/wtooltip.js_3.txt"></script>
passing a varaible out of a function
IPaddressPrivate is always returned as undefined when i try to add it to the output warning. Please advise. var IPaddressPrivate; var localcheckIP = function(value){ var ip=value; if(ip.length!=0){ var ipaddresses = new Array(); ipaddresses = ip.split(";"); for (var i = 0; i <ipaddresses.length; i++) { var sub =jQuery.trim(ipaddresses[i]); sub = sub.replace(/\*/g,"0-255"); IPaddressPrivate
Color And Easing Plugins Don't Work Together
Has anybody else noticed this? I'm currently trying to get both of them to work on my private blog (www.toolpunk.com), but as soon as I add the easing plugin (version 1.3) the color plugin (got it from this site, newest version I could find) will stop working. Without the easing plugin however, the color plugin works just fine. I'm clueless where it's going wrong, because I've seen a couple of web sites and script demos that used them both. Just to verify I also grabbed a copy of their jquery/color/easing
problem trigger Autocomplet plugin onclick in firefox
Hi, im trying to trigger the autocomplet plugin from a onclick event like this: function autocomplet(myid) { $().ready(function() { $(myid).autocomplete("include/mysql.php", { width: 260, selectFirst: true, minChars: 0 }); }); } and call it like this : onclick="autocomplet(someid)". This works perfectly fine in Internet Explorer but not in firefox. Anyone knows what im doing wrong? Thanks! Best regards, zumakasi
Multiple Ajax forms and addClassRules
I have a page with multiple ajax forms on it (each form is in its own accordion panel) -- each form has its own set of validation rules. On one of the forms, I have some dynamically named fields that I was going to use the addClassRules() method to apply rules to it. However, every example I can find uses this syntax: $.validator.addClassRules(" customer", { cRequired: true, cMinlength: 2 });. If I understand that syntax correctly, that either only works if there's one validator on the page, or
jQuery validation plugins not supported in ModalDialog.
when i place elements in jQuery modal dialog, validation plugin dosen't work.
Sort divs dynamically
Hi, I'm developing a portfolio site using jquery masonry. What I would like to do is dynamically sort the divs dynamically without a page refresh. So I want all divs to show initially, then a user can show/hide divs when selecting options (i.e. - print design, web design, etc.). I haven't seen a method out there for this in my travels, so does anyone have any ideas? Thanks!
Metadata plugin and value quoting?
Hi guys! I wanted to use metadata plugin and even the simplest examples I came up with wouldn't work. Then I realized that it needs double quotes, for example: <p data-key="'value'"></p>, otherwise it doesn't work. Why is this so, and will this be fixed? I glanced over HTML5 specs, and it doesn't say that data- attributes have to be double quoted. Thanks...
Autocomplete by JÖRN ZAEFFERER Link Question
So I've managed to do everything I needed, including adding extra parameters. The only problem is that I don't know how to make the results follow the href. Could someone help me out? $("#q").autocomplete("/a_complete.php", { dataType: 'json', parse: function(data) { var rows = new Array(); for(var i=0; i<data.length; i++){ // rows[i] = { data:data[i], value:data[i].name, result:data[i].name }; rows[i] = { data:data[i], value:data[i].pos, value:data[i].team, value:data[i].url, result:data[i].value
Sorting callback
Hello, I'm a little new to the jquery ui so I apologize if this seems like a stupid question. I'm trying to utilize the sortable plugin, specifically the method of sorting portlets in columns like the example. Is it possible to initiate a callback after I sort a portlet that would tell me the id of the modified portlet as well as the one now before it? So if I take portlet B from column 2 and move it to column 1 under portlet A, I'd like to be able to have the app report that. Is this even possible?
superfish css issue: wrt centering superfish menu in table row
hello, i will save the small talk and share the code. i think my title is pretty explanatory of my issue. let me know if you need me to specify my site code (snippet): <th colspan="4" align="center" style="font-size: 25px;font-weight: bold;"><ul class="sf-menu"> <li class="current"> <a class="menu" href="#a">projects</a> <ul> <li>... </th> my css (: /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { margin: 0; padding:
Unsure how to wrap JSON result with <textarea> using jquery.form.js for file upload
I like this plug-in by Mike Alsup, but I'm not sure when, where or how to return the JSON with the <textarea> as recommended by the author. HERE'S THE CAVEAT: I'M USING PERL (stop the groaning) and a CGI::Application plugin for JSON. The example in his doc uses PHP, but can't connect the dots. Thanks! P.S. I just found jquery.ajax_postup.js which looks easier. Any users out there? Here's my code reduced to the bear essentials: HTML: <form id="slides" action="/xmpx/slides.cgi" method="post" enctype="multipart/form-data">
cluetip plugin
Hi, I am using the Cluetip plugin, when i am using the list box, there when i move my cursor over the scrollbar in the combo box, the cluetip is closing. How to stop this to happen? Looking for your help guys Thank You,
cluetip
Hi, I am using Cluetip plugin, where i am loading the data from the mysql, when i am fetching data from table with english fonts no problem for me, and when i am fetching data from arabic am having problem, it shows square brackets instead of data, Only in cluetip pages am getting this problem, am fine with other pages. whats the Problem, please help me, Thank You,
Next Page