Scroll Bar Position - Animate Element
Hi, Im using the bookmarkscroll plugin to navigate around my page. I have used the below code to reduce the opacity of elements once the link is clicked. i.e. when the #port element is clicked the page scrolls to the anchor then the other elements change to 20% opacity. $("#port").click(function () { $("#int").fadeTo("slow", 0.2); $("#serv").fadeTo("slow", 0.2); $("#port").fadeTo("slow", 1); $("#test").fadeTo("slow", 0.2); $("#cont").fadeTo("slow", 0.2);
jquery validation - error message display/positioning
I have some simple in put forms laid out as <div id="New_Password"> <label>My Label1<span style="color:red">*</span></label> <input type="text" name="my_input1" id="my_input1" value="" size="25" maxlength="25" style="width:200px;" /> </div> <div id="Repeat_Password"> <label>My Label2 <span style="color:red">*</span></label> <input type="text"
Cycle - Wanting to add keyboard pause
Hello, I have got the following code: What I would like to do is enable it so when the space bar is pressed - the slideshow stops. When is is pressed again the slideshow resumes. I have googled and have not come across anything like what I am looking for. $(document).ready(function() { $('.slideshow').cycle({ fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc... }); });
Issues with working with BlockUI Plugins
Hi , I am using jQuery blockUI plugin * Version 2.33 and jQuery v1.4.2 Now when i am using the statement $(document).ajaxStart($.blockUI).ajaxStop($.unblockUI); , it is working good but as soon i want to pass my custom option like below : $.blockUI({ message: '<h1><img src="busy.gif" /> Just a moment...</h1>' }); , it is NOT working and says In Internet Explorer (version 8) it say : 'handler' is null or not an object In Firefox version 3.6.8 it say : d is undefined Please help me to figure out what
jquery and prototype conflict in opera
Hi, I'm using prototype and jquery with .noConflict and it's working fine - except for problems with opera 10... The problem occurs with jquery plugins - I could lower it down to probably the outerWidth() function - as it seems to return wrong values so that the area base on returned value is far too big in opera. Other browsers work well. Any Ideas on how to fix this would be greatly appreciated... Thanks Marc
Firefox / Google Chrome problem :-(
Im using the jQuery Menu from apycom (http://apycom.com/menus/1-dim-gray.html) I've changed the styles sheet and tweaked the images to suit my site and it's not displaying correctly in Firefox and Google Chrome. It displays fine in IE The page i have it on validates on W3C The page is at http://www.test4less.co.uk/phase2 Checkout the menu 'hover' image and you'll see what i mean. Seems to load the image at full size, but returns to the corect size once you use the menu. Does the same if you refresh
removing the unnecessary element form javascript !
Dear Friends, I have a contact / upload form, but my validation file size is too big as much of the elements are not in use, i am not to smart in jquery / scripts so please tell how to remove unnecessary element in this javascript, like date validation, check element, drop down, elements.... Please this is the form <script src="http://www.jotform.com/min/g=jotform&3.1.1" type="text/javascript"></script> <script type="text/javascript"> JotForm.init(); </script> <link type="text/css" rel="stylesheet"
jQuery Validation Plugin: help with required dependency expression
I'm somewhat new to jQuery and JavaScript and trying out my first use of the Validation plugin (which is excellent). I have a form in which one of the text inputs has an id of 'name', an initial value of 'Name', and is a required field. I need for it NOT to validate if empty OR if it has a value of 'Name'. Here's what I have so far which is clearly wrong as it's not working!... $('#enquiry').validate({ rules: { name: { required: function(element) { return $('#name').val() == 'Name';
change variable using two jquery plug-ins
I am using jqPlot to plot two normal distribution graphs side by side on the same axis. The second graph is offset by a value that I want to change dynamically using a slider. How do I get the value from the jquery slider to a variable declared in jqPlot? I am completely new to this, so please could you explain fully how to achieve this. Many thanks
(validate) 3 checkbox
Hello I am begginer in jquery and I want to ask you I have this form http://www.wst.gr/form/index_en.html based in this sample http://jquery.bassistance.de/validate/demo/milk/ As you can see I have 3 checkbox. How do I validate the user can choose at least 1 checkbox ? Thank you Sorry for my bad English
How to combine localScroll with serialScroll?
Hello, I have some problems for the implementation of those two plugins. I have correctly implemented the serialScroll plugin, and the "slideshow" works well. However, in my webpage, there are some links in other tags that are linked to parts located in the different items of the slideshow. I cannot manage to make those links to work. I think I should use the localScroll plugin from the same person, however I do not know how to make it work correctly. Here is my HTML: <section id="page-1"> <p>Maecenas
Superfish Ease Out
It's a bit jarring the way that the sub menu disappears, given how it so nicely eases in (assuming one has it set that way). It would be nice if the plugin also supported easing out when the user leaves the menu. I tried using onHide, but that's AFTER the ul has closed, so I can't attach animation there. Just an idea.
Please Please can someone help with this plugin???
Hi, I have a link that pops up a div in a lightbox style window but instead of the link i need the popup to trigger if the mouse is idle for a minute... I have found this but havent got a clue how to use it. http://paulirish.com/2009/jquery-idletimer-plugin/ my JS code to initiate the pop up is $(document).ready(function() { //When you click on a link with class of poplight and the href starts with a # $('a.poplight[href^=#]').click(function() { var popID = $(this).attr('rel'); //Get Popup Name
Using Validation + upload plugins problem
I use Validation plagin (http://docs.jquery.com/Plugins/Validation) and upload plugin (http://lagoscript.org) together. And it is problem. I have a html form (call it myForm). Its have input file element (file-1). Upload plugin use an iframe (as you well know) for submit dinamicly generated form around file input element (file-1). But this submitting is trigger myForm submitting. If do not use Validation plugin, uploads works well without myForm submiting . I tryed to fix it by myself, but validation
Jquery conflicts problems, unable to solve it
Hello, I am trying to build a website with 2 menu sliders, one at the top of the page the other one at the bottom of the page. The one at the top is form this website: http://flowplayer.org/tools/demos/scrollable/index.html the one at the bottom of the website uses another library, please check out this page, I have password protected it because I do not want it to be crawled. http://www.ourgozo(dot).com/my-title2/ Now the top slider works well when I had this line: <script src="http://cdn.jquerytools.org/1.2.4/full/jquery.tools.min.js"></script>
trying to have a "1/10" style counter using cycle
hello i want to have a counter in my slideshow (that uses cycle plugin) so if i have a total o 10 pictures and i'm currently viewing the 1st one it would be like : 1/10. I want this to be updated whenever there is a manual or an automatic change of picture. I thought of counting the img elemetns, (for the total number), and to advance or retract a counter inside the prevNextClick callback function handler. The problem is that this callback is only fired when there is a click but not if the picture
DataTables plugin problem, I really need help with this
Hi everyone, ok here is my problem, I developed an application using datatables as part of it on local server wamp setup, it worked perfectly tested from every possible way and worked OK, now, I just uploaded the app to the server with all the files and DB and it just doesn't work, it stays at Processing... and doesn't load the info into the table, the first thing I tested after this problem is to check the dynamic php source file which prints out the json and it works perfect so I really don't understand
DesSlideshow - Stylish featured image slideshow jQuery plugin
DesSlideshow - A stylish featured image slideshow jQuery plugin. Screenshot: Plugin homepage: http://www.htmldrive.net/go/to/desSlideshow Free Jquery plugins, Javascript Library: www.htmldrive.net
jQuery svg plugin and svgweb
Is there a way to get the svgweb ( http://code.google.com/p/svgweb/ ) to work with jQuery? I would love to be able to include an SVG object (to an external file) and use jQuery to select paths / nodes etc. to alter them dynamically. I've attempted to get it to work, but I couldn't get jQuery to find the svg content of an object. For an sample svg object see http://codinginparadise.org/projects/svgweb/samples/javascript-samples/svg_object.html?svg.render.forceflash=false
Need a jquery plugin similar to extplorer
Hi Can someone pls point me to any jquery plugin for a file/folder browser similar to the extplorer ub ExtJS with tree hierarchy along with the grid and list view in the right pane: http://extplorer.sourceforge.net/extplorer.png Thanks in advance!
[Validate] Submit a form to a popup window with jQuery and Bassistance Validation
Hello, I can use Bassistance Validation plugin relatively easy, and in Ex.1 there is the code I use when I want to validate a form and then submit it (I use "submitHandler" because I perform some actions after the form is validated, i.e. disable the submit button) This is very fine, but what if I want to submit the form to a popup window? I tried some code based on a tutorial (http://www.electrictoolbox.com/post-form-popup-window-javascript-jquery/) and tried to merge with validation, but have absolutely
Cycle gallery (uncached) image not sizing correctly
I'm using cycle in a tabbed interface - each tab containing a small gallery, navigated by thumbnails, and cycle also transitions the page background for each tab click. My debug version is at www.monarch-equestrian.co.uk/monarchdemo/dw-monarchbarn.html and attached is an illustration of the problem: when a new image is introduced (not cached) it reports as download complete, whereas it appears shrunken. The common factor in both Firefox and IE, is that the 'complete' height is 30px (width is arbitrary
ScrollTo jumps to 'top' element when using scrollbar in Firefox
When using the side scrollbar in Firefox (scrollwheel or trackpad swiping is fine), the page jumps all the way to the left to the 'top' element. I think it may have something to do with offset. Safari, Chrome and IE8 work great, it's only Firefox 3.6.8 and Firefox 2.0.0.14 using scrollTo 1.4.2 Here is the URL: http://www.brickyardpartners.com/ Thanks in advance for any clues or fixes. (I searched high and low in the forum for this bug but couldn't find anything...please let me know if I'm double
innerfade() - How to remove the effect
I'm hoping that someone will be able to help me. I haven't been using jQuery for very long and a client of mine has asked for some pretty intensive jQuery interactivity. What I have is a series of clickable images and when one is clicked it fires off a slideshow using the innerfade plugin, which is all working. The problem is that if the same clickable image is clicked more than once it fires off the innerfade plugin again and the slideshow starts to run 2x, 3x, 4x faster because it is now running
JQuery & scrollTo: how to specify content location (resizing browser issue)
Hello, I'm wondering if you can help me. I'm trying to build a horizontal scrolling website following this tutorial on Queness using "jquery-1.3.1.min.js" and "jquery.scrollTo.js". My website sample: http://www.staystylish.com/test/test.html It looks fine if you have a 1280px wide resolution. But if you resize the window (bigger or smaller), the content box auto centre itself. I want to specify a location for the content box so that it remains the same place all the time. How can I make the content
malsup form plugin/facybox incompatible
hello i am using facybox to open the form and the intention was to use malsup form plugin to send/receive etc. however, form plugin does not work with facybox. if i just use the form in normal html page(non-modal) then the form plugin works. but if i use with facybox, then i get the response in the results page that the form submitted. ie, fileadd.php. is anyone familiar with this or have a workaround? many thanks
looking for force format plugin
I am looking for a plugin that force the text input format alive. such as this
Best Ajax Multi-form plugin?
Hey guys! What's the best ajax-powered multi-page form plugin to use when: -each pages are dependent on the previous pages -last page has two possibility: save the value selected by the user, then either redirect to another page(new window), or says thank you for registering?
jTemplate + Uncaught TypeError: Cannot read property 'length' of undefined
Hello, I started using Jquery Plugins on my projects recently. I am trying to make the jTemplate work on my page but I am getting a crazy error on the page. The following is the information related to the error. Can somebody help me with this?? I am getting this error on a .NET WebForm. Error: jquery-jtemplates_uncompressed.js:728Uncaught TypeError: Cannot read property 'length' of undefined JS code setting the template: $('#tasks').setTemplateURL('Template.htm'); $('#tasks').processTemplate(response);
jQuery Countdown / IE problems with loading and displaying all characters
Hi there - I'm having an issue with a countdown plugin that I've installed. It works great in FF, Chrome, Safari etc, but I'm having issues with IE. Although it does work sometimes, usually it loads the script, and then only a few numbers are displayed: It should look like this: Anyhow, I'm not sure what is causing the issue - I've tried a bunch of forums, searching and tests and can't seem to figure it out. Here's the code I'm using: <script language="javascript" type="text/javascript">
preoaders
Hello, Please take a look @ this website : http://rojit.com then try some links, it doesn't matter which one ! as you see, the background color changes and a loading bar will appear when you click on the links and after the requested page loaded completely, the bg color returns to it's original color and the loading bar will disappear is there any plug in for this ? any tutorial ? i'm new to jQuery by the way... Regards
I can't get akModal working
I'm using akModal to display forms. I'm following the docs, but when I try and run it, firebug throws a syntax error at . $.showAkModal(this.href The code for the link is below:- >a href ='getContent.php?type=form&class=show' onclick='$.showAkModal(this.href,'New Show',230,170);return false;' class='formBtn'<>Add Show>/a< Has anyone got any suggestions of what might be going wrong Thanks John
cluetip eliminates javascript in ajax returned page
Hi, I use javascript alert('here'); in returned php page displayed in the cluetip as ajax request. <?php ?> <html><head><title>button test</title> <script> alert('here'); </script> </head> <body> </body></html> My question is why javascript is ignored while calling this page as ajax request and the alert is shown ok when calling this page normally as http request. Regards Chris
JqPrint: can URL's be hidden or changed which gets printed at bottom left with the text??
I am trying a lot but don't think there is a solution for it from jquery generally. I am using jqPrint plugin to print a part of the webpage but it also prints the page URL on the bottom left and date at bottom right. I want to avoid printing at least the URL since it is scrambled and makes the page messy. Any suggestions??
Is there a jQuery gallery/slideshow plugin that matches these criteria?
Can anyone point me in the direction of a jQuery slideshow/gallery plugin that matches these criteria (or can be customized to through setting its options)? Can be inserted into a div - not a popup display No border/thumbnails/filenames/buttons - when an element is being displayed, that's all you can see I need to able able to set a max height and width for the gallery as a percentage of the page dimensions. If an image is being displayed, it needs to be re-sized to fit this whilst maintaining its
jquery tablesorter (http://tablesorter.com) with asp.net datagrid
Hi I'm using asp.net (2.0) datagrid which generates its table without the standard <tbody> or <thead> sections (and table headers don't have <th> either, they use horrible html markup to "look like" headers). I found and extended a solution by copying in the first table row to a newly created <thead> section: jQuery.fn.fixDataGrid = function() { if (jQuery(this).is('table') && this.find('thead').length == 0) { this.prepend("<thead></thead>"); this.find('tbody tr:first').remove().appendTo(this.find('thead'));
Menu expand upwards with Click event instead of hover
Hi, Im trying to mod a plugin ive found here where a div will expand from the baseline (or sort of) and in the way will also cover whatever contents is beneath it. The thing is, i want the animation to be activated not with "hover" but with a "click" event. Original code is: <script type="text/javascript"> $(document).ready(function() { $('.featureBox').hover(function() { $(this).animate({top: '0px', height:'540px'},{duration:'slow', queue:'no'}); }, function() { $(this).animate({top: '390px', height:'150px'},{duration:'slow',
Plugins kill animations on IE
Hello everyone. My background is flash animation/development and I decided to start working on my first html+css+js site. The site works great on FF, Chrome, Safari both platforms. But on ie the animations do not run smoothly. I narrowed the bug but have no idea how to fix it. The bug appears to be the plugin.js files that I call. If I have no plugins the animatons work perfect but every plugin that I add slowly kills the animations. http://mehmetdemirel.com/html/ Any help will be greatly appreciated.
Jquery Validate: overriding "required' css class
Hey everyone. I'm redesigning a large website right now, and the problem i'm having is that there is already a CSS class called "required" that has been used extensively all over the site. However, I want to use the jQuery.validate.js for the forms. is there any way to override this? Thanks, -Hanam
Trouble in Center aligning the fyneworks star rating widget
Hi all, i am using the fyneworks start rating widget in my application. I am trying to center align it in a table's td.. but unfortunately the widget is always left aligned.. below is my existing code: <td style="border: solid 1px red;width:206px" align="center"> <a href="/ProductDetail.aspx?pid=123"> <img height="100px" width="80px" src="path" alt="tooltip" /> </a> <b><a href="/ProductDetail.aspx?pid=123">Test item</a></b> <div> <input name="star_1" type="radio" class="star" disabled="disabled"
Next Page