Content hanging outside closed accordion
I am using the accordion (http://jqueryui.com/demos/accordion/#default). Inside each of the 3 accordions are two floated divs. The first 2 accordions are fine, but the third is not. When closed, one of the floated divs hangs outside and below the third accordion. When that accordion header is clicked and opens, the floated div pops back up inside the accordion and looks fine. Any one else have this problem? Thanks in advance for any tips!
superfish menu expand to left
Hi I am using WordPress for Arabic website , My theme used superfish menu , and every thing is OK . them menu and sub menu is expand to right , I want it to be expand to left to be clear for Arabic visitors. I tried a lot through palying with CSS ul and li , but I got unwanted result any help pleas?? Best Regard
Having issues with Internet Explorer and Vion jQuery plugin
For some reason, the plugin works flawlessly on Chrome, Safari, Firefox, etc. But on Internet Explorer it does not work at all. I was hoping someone might have an idea on why this is? Here is a link to a page with the plugin: http://www.cocreativepdx.com/site/?page_id=654 I'm using wordpress for starters, and it took me a while to get the plugin to work but eventually it did. Any help would be greatly appreciated! Thanks in advance! Let me know if you need more information!
jQuery form plugin, ajaxForm() but with conditional fields
jQuery form plugin: I need to upload a form with ajaxForm() (or so I believe, as fieldSerialize() doesn't seem to serialize file fields properly). How can I only serialize a subset of the fields in my form using ajaxForm() ? I've tried manipulating the arr or $form parameters in beforeSerialize() or beforeSubmit() but it doesn't do it. OR how can I use ajaxSubmit() or fieldSerialize() so that it supports file upload files as well. Lets say for EG I want to just exclude fields with the class hiddenField
Plugin to enlarge images
Hello everybody, I'm looking for a plugin to expand images in a webpage. The effect I want to achieve is like the one shown here: http://www.dynamicdrive.com/dynamicindex4/expandoimage.htm BUT: I want to use *two* images, like Fancybox and similar plugins do. I.e. the page loads the thumbnails: when the thumb is clicked, the big image expands inline and the rest of content "flows" down. Thanks in advance. Ghizza.
please can someone help
hi i am a beginner of jquery really and i am trying to build a hide and slide box and when opened it has 3 page of swap page content inside but i am not getting the hang of it. i would be very grateful if someone can look at my code and point me in the right way in achieving this, many thanks, Gary. the website that it is on is http://cumcloser.co.uk/ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
jQuery Cycle different speed on each slide transition
I'm trying to control dinamically the speed of the transition between slides using the before event and using the options object to update the speed, but I'm not having success. Look at this sample code to understand what I'd like to do: <div id="slideshow"> <img src="img0.jpg" /> <img src="img1.jpg" /> <img src="img2.jpg" /> <img src="img3.jpg" /> <img src="img4.jpg" /> <img src="img5.jpg" /> <img src="img6.jpg" /> </div> <a id='prev' href="#">Prev</a> <a
Why are plugins not working at the same time?
I'm fairly new to this, and the answer might be death simple. I downloaded a pack for a "featured content slider" and it works perfectly. This is what it contained: http://www.emilhuovinen.com/js/coda-slider.1.1.1.pack.js http://www.emilhuovinen.com/js/ycodaslider-2.0.pack.js http://www.emilhuovinen.com/js/jquery-easing-compatibility.1.2.pack.js http://www.emilhuovinen.com/js/jquery-easing-1.3.pack.js (Do I need all of them?) And then the real problem: When I add http://www.emilhuovinen.com/js/experiment.js
Help: how can i add more than 1 slideshow on a same post or page?
I would like to have more than just 1 slideshow on the same page or post. Someone could help thanks! Below is my html code: <title>Simple jQuery Slideshow</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js" type="text/javascript"> </script> <script src="http://malsup.github.com/chili-1.7.pack.js" type="text/javascript"> </script> <script src="http://malsup.github.com/jquery.cycle.all.js" type="text/javascript"> </script> <script src="http://malsup.github.com/jquery.easing.1.3.js"
Internet explorer css supersized plugin problems! Please help!
Hello all, This is the first site I have made and naturally I have created a few problems which I do not have the knowledge or experience to solve. I used the supersized jquery plugin on each page to display the photos that relate to the small written content. The major problem is that in internet explorer, the css is coming up very strange. Everything is out of place. I am sure there is a simple solution/explanation that I am merely too inexperienced to notice. I would greatly appreciate your help!
How do I use PHP includes in Supersized?
How do I use PHP includes with Supersized jQuery plugin? I'm trying to include a nav bar which i usually just use: <? include("nav.html"); ?> but when I do that, the images no longer center properly and align all the way to the right. Is there a proper way to use PHP includes with Supersized? Jake
jQuery CKEditor Plugin
Hi there, is anyone know how to invoke the config.js of the CKEditor using the "jQuery CKEditor Plugin" by fyneworks? Thx, see ya
Superfish Z-Index Troubeshooting
Hi Everyone, I'm having a problem getting IE to display a sub-menu above, rather than below an image. The issue can be seen in IE, http://www.wpas.org/codetesting23.aspx Any ideas on how to fix this issue? Thank you
auto search
I have auto complete field which return data from database using ajax and php , but its return data when input string doesnt have space for example (abcd ) what i want is when you enter (ab cd) the system will return data if it exist for (ab) or for (cd) , hope any one can help me what i must do to achieve this
JQuery Cycle pager
Somebody may be able to save me a little time. I am fairly new to things but I can manage to implement the jquery cycle to have a slideshow with pager thumbnails and I can also use it to have prev next buttons but I am struggling to have both at the same time. What I need is some code or a js fiddle example of how to have a few thumbnails of images that are used as a pager elements ( will auto change the main image to next image and be able to manually click to choose, http://jsfiddle.net/qqjMy/23/
Using malsup cycle plugin - displays only first 2 images of 4 on iPad
I would be grateful for any assistance. I have 4 banner images which cycle beautifully on a monitor - but on an iPad only cycles from the first image to the second image and then stops. Demo page is: http://www.bikevents.com.au/Bikevents/index3.html The CSS and HTML used is below: #slideshow { height: 200px; width: 672px; padding: 0; margin: 0; } #slideshow img { display: none; padding: 0px; width: 672px; height: 200px; top: 0; left: 0; background-color: #dcdcdc; } #slideshow img.first { display:
Validate, custom regular expression?
Does anyone know if it is possible to use your own regular expression for fields with the JQuery Validation plugin? I have previously used Live Validation (standalone) which allows you to do this kind of thing: var loginpass = new LiveValidation('loginpass'); loginpass.add( Validate.Format, { pattern: /^[A-Za-z\d]+$/i } );
overlay needs to be .load() twice
Hi All I'm new here, my knowledge of JQuery is limited. Any help is appreciated. I'm using jquery.tools.min.js, overlay version 1.0.4, expose version 1.0.3. I know these are old but I have no choice on this. Here's code that demonstrates the problem: <!DOCTYPE html> <html> <head> <title>jQuery Tools standalone demo</title> <script type="text/javascript" src="jquery-1.3.1.min.js"></script> <script src="jquery.tools.min.js" type="text/javascript"></script> <style> #popup-content{ /*
jquery tabs with form submit
I'm using jquery tabs for navigation. I'm able to successfully load the selected tabs and also open links in the current tab instead of leaving the page - until I do a form submission. When the user submits the form, it calls a php script to save the form data to the database. After that runs successfully, how and where do you then set which tab is to be active and what content is to be loaded in the panel? For example within the Contacts tab, the user submits the new_contact.php form which then
Any+time
Hi I am using this amazing plug-in for my site : http://www.ama3.com/anytime/ But i need help, if possible, to setup time only from 6am to 9 pm to be selectable if possible. I did try some different settings but non of them worked. I am using this so far but missing that range so if somebody can help me please. <script type="text/javascript"> AnyTime.picker( "field1", { format: "%a %b %D %z.", firstDOW: 1 } ); $("#field2").AnyTime_picker( { format: "%h:%i %p",} ); </script> thank you in advance!
Problem with TableSorter
I am using the tablesorter plugin and am experiencing the following problem: Under several scenarios the up/down arrow icons will overlap with the text in a column's header. This occurs if the browser is resized so the table width is too narrow (e.g. plugin should force a min-width perhaps?). More importantly, this will also occur when the text in a columns header is shorter than any of the values in the column the up/down icons overlap with the text in the column header. I've attempted setting
jqplot plugin: bug with charts
hi! when I trying to make a pie chart with values like: [[1, 10000], [2, 50]] between which is big difference I get a chart like: http://img819.imageshack.us/img819/4071/chartscreenshot.png here is my code: line1 = [[1, 10000], [2, 50]]; $.jqplot("chart", [line1], { grid: { drawGridlines:true, background: "#ffffff", borderWidth: 1, shadow: true }, title: Chart, seriesDefaults: { renderer: $.jqplot.PieRenderer, rendererOptions: { sliceMargin:8 }
Custom scrollbar in third level superfish menu
Hello! I need to apply a custom scrollbar to the third level of a superfish menu. The menu works, and the browser scrollbar is applied correctly. Please see screenshot. But I am trying to apply a custom scrollbar. I have tried with jScrollPane, but seems it is incompatible with the absolute position of the ul of the second level, as explained in this thread: http://groups.google.com/group/jscrollpane/browse_thread/thread/4cbf5f18bed1873 I really don't know if I can do this work with jScrollPane.
Accordion w/ auto-scroll
So I have a site that implements the Accordion ui plugin (http://docs.jquery.com/UI/Accordion). Everything works well but the client wanted the active accordion to always scroll to the top of the browser. This turned out to be really simple. I just took the "bind method" code and added an animate method. $('.ui-accordion').bind('accordionchange', function(event, ui) { ui.newHeader // jQuery object, activated header ui.oldHeader // jQuery object, previous header
superfish/supersubs problems in IE6/IE7
I used the jquery supersubs and superfish on the following site: www.tecmine.be In IE8/firefox/chrome/Safari no problems .... but the following problems in IE7 and IE6 IE7: on the home page, the submenu is disappearing under the main image (i tried changing and adding z-index but nu luck) IE6: site crashes ... no clue at all! Any ideas?
Tablesorter ip address sorting problem
Hi I'm using tablesorter in my app and it's working great except.. the ip address sorting seems to be slightly broken. It will sort on the first two groups fine, on the third group it tries to sort once and gets it wrong and on the last group it won't sort at all. bob After a bit of debugging the issue is that an ip address is being detected as a digit, i.e 192.168.1.100 is detected as the number 192.168 and hence only sorting on the first two groups. I fixed this by moving the digit to the end of
jQuey autocomplete with JSON source?
I'm checking out the autocomplete plugin at http://docs.jquery.com/UI/Autocomplete and REALLY like it. I'm pretty new to jQuery and absolutely a virgin with JSON, so I'm in need of a kick in the pants to get me rolling. In the documentation at that site, I read that I can use a URL as source if it returns JSON data. Cool. Right now I have some other autocomplete plugin that stores the autocomplete data in a .js file like this: var terms = [ "landfill", "GIS", "schools", "human
jQuery.Cycle - White background in IE8
Hi there I have the jQuery.Cycle in my page with text only http://2382.gr/test/ In firefox the background is tranperency as I want But in the IE is a white background Here's the html: <style type="text/css"> #s6 { width: 900px; height: 255px; padding: 0px; color: #333; text-align: left; font-size: 16px; } #s6 { top: 0; left: 0 } </style> <script type="text/javascript" src="CycleJquery/jquery.min.js"></script> <script type="text/javascript" src="CycleJquery/jquery.cycle.all.js"></script> <script
Autocomplete parse method documentation
Hi, I am new to jQuery and using the http://docs.jquery.com/Plugins/Autocomplete autocomplete plugin.I am not able to find the documentation on usage of parse option in http://docs.jquery.com/Plugins/Autocomplete/autocomplete#url_or_dataoptions Can you please add details like what goes into data,value and result name/value pairs and when to use it. Thanks, Sampat.
jQuery cycle works in all browsers except IE: "Object doesn't support this method..."
Hello folks. Kinda freaking out on this one cause I'm pushing up against a deadline and this was noticed fairly late in the dev process. Essentially, we have a perfectly functioning cycle gallery that works in every major browser we tested. You can see it here: http://dev.www.werner.radius180.com/content/about/equipment/ We're using the most current jquery and cycler code. However, when you hit that page in IE and click to open one of the galleries, the pager is not created and you're given the error
clone(true) and masked input plugin
I just found out that clone(true) and my masked input plugin aren't playing nice together. Inside of my plugin I grab a reference to each object like this: "var input=$(this);" and then inside of my bound functions, I reference "input". After a clone(true) the events that fire on the cloned input act on original input. Does anyone have any suggestions/guidelines for how I can make my plugin behave correctly with clone(true)? Thank You Josh digitalbush.com
"ease" mouse movement while dragging or scrolling. Any plugins?
Hello. I'm trying to "smooth" ("ease") mouse movement while dragging or scrolling. Is there any jquery plugins for managing something like this? Thanks
Disable sorting on specific rows using jquery tablesorter
I have been using tablesorter2.0 plugin to sort the table. My requirement is such that I don't want few rows to be sorted. Like i can add a class like <tr class="nosort"> for rows to whom sorting should not be applied. And rest all rows should be sorted. Can't find a way to do this.
Validate plugin - error message doesn't disappear when 2 classes are assigned
I tried assigning 2 error classes to an error message (as a span), but when the empty field was fixed, the error message wouldn't disappear. $("#testForm").validate({ errorClass: "ui-state-highlight ui-corner-all", errorElement: "span" }); With 1 error class it works fine, but adding a second one makes it fail. Here are some links, just hit the submit button a few times on each one to see what I mean 2 classes: http://jsbin.com/eqiqa3 1 class: http://jsbin.com/eqiqa3/8
MailChimp.com Jquery Slider
Newbie to javascript, I'm a designer trying to make the transition over to doing some programming. I understand the vast majority of stuff, however, I'm baffled by one feature I'd like to have on the site I'm designing, and that is the jquery slider on MailChimp's homepage. It resizes to the width of the users screen resolution, from edge to edge, left to right. On my laptop, the slider covers the entire width of the screen, 1028x768. And the slider also covers the width of my work monitor, which
Problem using jquery.visualize
Hi, I have a problem with jquery.visualize (using jquery.js 1.4.2. and the jquery.visualize plugin). The problem I have is that the graph is being generated correctly but that the value contained in the table (which are being used to generate the graph) are being displayed all over the page + the html table is being displayed at the top of the page. I've attached a screenshot to illustrate the problem. I've tried a bunch of things, but I don't seem to be able to I'd appreciate any tips since I seem
Fullscreen background and Cycle Plugin
Any suggestions on how to create a simple slide-show type site using the cycle plugin with a full-screen background? I am nearly there - http://unsustainabledesign.com/clients/backspace/ Currently I am using the following plugins fullscreen image plugin - http://nanotux.com/blog/fullscreen/ cycle plugin - http://jquery.malsup.com/cycle/ The issue I have is if you resize the window, make it as large as possible, and move from section to section and re-size the window the image does not properly re-size
Why is my cycle plugin showing the background between images?
I've used the cycle plugin on several Wordpress sites and it works great, except that when I run it the background is visible between transitions. Instead of a smooth fade between images, there is a long pause between images. Even when I use the default values, there is still a noticeable delay between the slides. $(document).ready(function() { $('.slideshow').css("overflow", "hidden").cycle({ fx: 'fade', sync: 1, speed: 2000, timeout: 3000, delay: -2000, }); }); The current site
DateRangePicker (Filament Group) in a modal dialog doesnt work! Any kind of help will be appreciated deeply.
Hey Guys, I needed the functionlity of a datepicker which can let user choose a specific date/date range in the easiest and most intutive way, hence I chose DateRangePicker plugin from Filament Group. I used it, customised it and everything worked fine. Then the ui of my little hobby project changed and i needed this daterangepicker on a modal dialog and w00f !!! It doesnt work if the modal is set to true for the dialog but I have to have this dialog box to be modal(true). Can anyone please help
validClass doesn't work [Validate]
Hi, I'm trying to use validClass option on validate() function but don't seem to work... simply hide de errorElement my code: var validator = $("#registerForm").validate({ onkeyup: false, errorClass: "invalid", validClass: "valid", rules: { //.... } }, errorElement: "em", errorPlacement: function(error, element) { if ( element.is(":radio") ) error.appendTo(element.parent().parent());
Next Page