Validation: Does not work in IE8
Hi everyone My form, pasted below in it's entirety, does not verify in IE8. No errors -- validation is just ignored. I am using jquery 1.8.1 and the validation plugin version 1.9. Is it a syntax issue? <!DOCTYPE HTML> <html> <head> <!-- HTML5 biolerplace stuff below --> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="description" content=""> <meta name="viewport" content=""> <link rel="stylesheet" href="css/normalize.css">
Cycle Plugin - pager nav
Instead of the numbers to page through the imags, I'd like to have a simple list of words describing the images for navigation, as well as the background to change when it's corresponding image is showing. I'm using the 'updateActivePagerLink' demo as the example found here. HTML: <div id="gallery"><div id="slider-nav"> <ul> <li><a href="#">Carbonara</a></li> <li><a href="#">Coffee</a></li> <li><a href="#">Coffee Shake</a></li>
Can't link images
Can anyone discover why this won't link the images? I've tried all the possible combinations to resolve this I can. http://pearlwood.com/dialog/dialogTest.html Thanks
Cycle shuffle transition problem with different sized image
Here's my attempt: http://www.lalbero.it/opt1/atelier.html My pictures are both portrait and landscape. To center them horizontally I learned I needed this markup <div id="photos"> <div><img src="pic1.jpg" alt="pic1" /></div> <div><img src="pic2.jpg" alt="pic2" /></div> ... </div> and this styling #photos div { width: 605px; height: 460px; } #photos div img { margin: auto; display: block; } I think I need to set shuffle transition left property so that it changes depending on current and next picture
Validation: Clear bad fields on submit help
Can't figure this one out. I have the jquery validation plugin (version 1.9 from bassistance) successfully validating all form inputs when submit is clicked. But when submit is clicked, I also want to clear out the data on any inputs containing invalid text. Invalid inputs are assigned the class ".incomplete" $('#button').click(function(){ $('.incomplete').val(''); }); The above code makes the "Submit" button clear invalid inputs the second time it is clicked. I assume checking for
jquery validation, if condition
My form contains a label with 2 checkbox inputs (id=name, name = memtype), one of which is 'guide'. I have memtype required in validation rules with an appropriate message for failing to check a box. I also have another text input (id=sponout, name=sponout) that MUST be filled in IF memtype = 'guide'. How may I set a rule for this 'if condition' so that if a user checks memtype 'guide', but don't enter text in sponout, they receive an error message?
link in fancybox
hi, i try to ad by my pictures a link: this.title += '<a title="1st title" class="fancybox" href="http://domain/image.jpg">Link</a>'; = works fine this.title += '<a title="1st title" class="fancybox" href="http://domain/index.php">Link</a>'; = does not work. it loads the page on top. i would like the link in the fancybox. what can i do?
Superfish nav-bar style doesn't work
Hey, I tried to include the Superfish menu in nav-bar style (example 4). In contrast to Joels example4 description I included "superfish.css", superfish-vertical.css and "superfish-navbar.css" as well. Until now the 1st layer comes horizontal. The 2nd and 3rd layer is vertical rendered. What I included: //link to the CSS files for this menu type <link rel="stylesheet" media="screen" href="css/superfish.css" /> <link rel="stylesheet" media="screen" href="css/superfish-vertical.css" /> <link rel="stylesheet" media="screen" href="css/superfish-navbar.css" />
[jQuery] Styling a selectbox partially works?
Hi all, Using https://github.com/claviska/jquery-selectBox to style some selecboxes on a website, I'm running into a little problem. The tabindex of the newly created <a>element returns 'NaN'. Looking at the demo, this should be '0' (zero). Implementing the script and calling it by using $('select').selectBox();should do the trick, right? The default <select>tag is set to display none, so I'm thinking the script partially works. Only the options of the selectbox itself are nowhere to be found. Did
JQuery validate - not working for a checkbox
Hi I'm having trouble getting JQuery validation to work with a set of checkboxes. I'm generating the checkboxes using an ASP.NET checkboxlist, and I've used JQuery to set the 'name' attribute to the same thing for each checkbox in the list. Here's the code that gets written to the browser. I'm setting the 'validate' attribute on the 1st checkbox to set the rule that at least one checkbox must be selected. The JQuery validation works for all other elements on the form, but not for the checkbox
column header not aligned with columns
Hi , i have jqgrid problem ,my column header is not aligned with the column files used are (/ui.jqgrid.css/jquery-1.5.1.min.js/jquery-ui-1.8.11.js/grid.locale-en.js) thanks in advance
Thumbnail Hover Effect Problem
I found this plugin that adds a cool effect when hovering over thumbnails. Unfortunately it runs on pixels. All the images on my site are sized by %. I have been able to change most of sizing to %, but for some reason. It wants the height to be sized in px. Ive tried to size it with % but it just acts like I have set the height to 0. http://jsfiddle.net/zBWHF/2/ Is there a way to change the jquery to allow me to only size the width of the image and let the height auto size proportionally? Or is
BlockUI without opacity
I am trying to use the blockUI plugin ( http://jquery.malsup.com/block/#demos) here but I wouldn't prefer the dimming because the screen flicker. Can we just have the cursor changed and the screen being blocked from visual inputs but the opacity dimming/brightening is avoided? I did try a bit of CSS trick like css: { opacity: 0.3 } but to no avail.
Select a radiobutton using jqTransform?
Hi all, I have a problem related to the jQuery plugin jqTransform. When it’s used together with the library jQuery BBQ I cant seem to get my form back to the expected state when hitting the browser back button. I use jQuery BBQ to manage the behavior of my site when the end user clicks on the browser back button. Depending on the values in the hash part of the URL one specific radio button is to be selected. So, I always 1) reset the form and 2) dynamically update the form according to the hash values.
Using the Collapser plugin - 2 Problems
Hi there - I am using the Collapser on a page with another jQuery. I wanting to know how I can go to the next div when the ajax form is submitted from within the first collapser. From the DEMO I am using DEMO6 as my guide. So for example, this is a checkout - the user fills in the information in the first collapser and clicks submit, the Ajax calls the information and loads the new content into the second collaper through ajax, then how do I make the current div close, and the next collapser open?
Image Uploader (no refresh)
Hi all I want to build into my CMS a facility to allow a user to upload an image and create a thumbnail from that image via a preview pane. I have spent hours looking at solutions. I have tried to use this uploader to achieve the initial upload: http://demos.9lessons.info/ajaximageupload/imageajax.php But unfortunately it requires its own FORM tags and I need it to operate within my own FORM which exists in my page. When I have tried to add it, it posts my existing form which I don't want. Does
Flexslider, no quickscroll to begin
I use the "FLexslider - Jquery" plugin. I don't like it when animationLoop is true and it reaches the end of the slides, it does a quick scroll to the start. I would like it to instead keep a continuous loop. I did NOT see an option for this. Can anyone help me?
jquery weather plugin with the current location
if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(function(position) { latitude = position.coords.latitude; longitude = position.coords.longitude; geolocpoint = new google.maps.LatLng(36.907739,-91.40625); geocoder.geocode( { 'latLng': geolocpoint}, function(results, status) { if (status == google.maps.GeocoderStatus.OK) { console.log(results); var shar = results[0].formatted_address.split(",").splice(-3,3); console.log(shar);
google map issue
Hi all, I added jquery google map plug in.. it is working fine.. but if i add slidernav plugin some of googl e map features are not working(disabled).. example direction panel and zoom-in zoom-out features are disabled.. can some one please let me know why its happening and please give me a solution for this. thanks in advance.. sachin
jQuery 1.8.1 doesn't support Skitter slider
Hi, Recently while using the most recent version of jQuery, i.e jQuery 1.8.1, in one of my projects, and skitter slider, I found that the slider is not compatible with the recent version. But the slider worked perfectly fine with the previous versions(jQuery 1.7.1, 1.7.2, etc). So request you to take this into consideration and find the solution for the above mentioned issue.
jQuery cycle
I am using this plugin: http://jquery.malsup.com/cycle/ It works pretty awesome. The only problem I have with this is I need to tweak it to show 3 images at the same time. 3 images specifically the previous slide, the current slide, and the next slide. Does anyone have any idea how I can tweak this?
jQuery Validate isn't working correctly
I've setup validate along with a small PHP contact form. I've also setup an error and success message to say if the message sent or not. Problem is that if I click the submit button without entering anything into the input boxes, it shows the success message and does not add the label saying 'This field is required'. Whats going on here? Here's a live link if it helps: http://sites.lukespoor.me/simplyinfinite/contact.html
JQuery.validate.js Not Validating Checkbox
The validator works on text boxes but for some reason it won't validate my check box. Any thoughts. <script language="javascript" type="text/javascript" src="cgi/scripts/jquery.js"></script> <script language="javascript" type="text/javascript" src="cgi/scripts/jquery.validate.js"></script> <script language="javascript" type="text/javascript"> $(document).ready(function () { $("#orderForm").validate({ rules: { Final_Order_Confirmation: "required"
How do I
Hi Everyone, First Thanks for your time! Need a little help here...I'm using the following script how would I change it to make a PHP program execute on the server when the submit button is clicked? Sorry new to Jquery... still reading and learning. <head> <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script> google.load("jquery", "1.5"); </script> <script type="text/javascript" src="jquery.multipage.js"></script> <link rel="stylesheet" href="jquery.multipage.css" />
Dynamic Table using jQuery template
I am trying to create a dynamic table using jQuery template plugin.... both head & body will be created dynamically, even the column will b decided on runtime & will keep on changing... I have tried to build a sample http://jsfiddle.net/UVtNw/3/ the problem I am facing is each column is being generated 11 time. I am unable to find why this s happening. Please help
Using Follow Scroll with jqxTree
I am trying to create a jqxtree menu in the left column of my website and make the menu follow the visitor as they scroll. I installed the follow scroll plugin and it works. When I insert the divs for the jqxTree plugin within the follow scroll div the scroll does not work. Your help in solving this problem will be greatly appreciated.
yoxview: how do I use the onEnd event with a gallery?
Hello All, I'm trying to combine the onEnd event with the feature Set multiple images for a single thumbnail. This is so when you get to the end of the slideshow it will close rather than loop. I can make them to work by themselves just not together. This is how I'm testing it: In this first one I set it up to where I know the slideshow works and inserted the onEnd() code in various places where I thought it might work. http://paste8.com/507 And this the second one I cloned onEnd Event demo page
Clicking a link on Page 1 to Show/Display hidden DIV on Page 2
Can someone please assist with how to do the following: - Clicking a link on Page 1 to Show/Display hidden DIV on Page 2. I have found a few scripts for JQuery but they seem not to work. Thank you!
Carousel type slider that allows wrapping and adds active class
I am looking for a jquery slider that allows me to load my items and then shift them. Basically I have 5 menu items and each menu item has a description. You can see my work-in-progress here: http://dwight.team4.ciplex.com/ - I have 5 items, and I need all 5 items shown at the same time. When the left/right arrows are clicked, the items move left or right 1 position. The end pieces will wrap around to the other side. Currently, I am using Jcarousel slider, but it doesn't add an active class to the
DataTables row click event does not fire after 25th row
My DataTable has a row click event on table id #pftable. This event basically reads some pertinent row data ('.td_pfid', '.td_nodedate', etc.), then passes off to the server to pull some addition detailed data. This event is ONLY enabled for the first 25 rows of my DataTable. Once I use the "Show ... entries" dropdown to select more table data, the click event DOES NOT fire on those additional table rows. Here's the click event : $("#pftable tbody tr").click(function (event) { // TABLE
Multiple text in single cell for tablesorter
Hi, I have a table that has this format in one column: 100 (10%) This does not sort correctly unless i remove the (10%) Is there a work-around for that? Thanks!
Image Selector with Lightbox zoom?
Hello all, I'm still pretty new to jquery and javascript, but I'm trying to learn it! I was wondering if it is possible to utilize both lightbox and image selector jquery plugins in the same page? Basically, I'm trying to build a tiny image gallery that if you click a thumbnail, it shows up in the largePath box. Underneath the largePath box, there will be a zoom button that would launch the full-size image with lightbox (or one of its spawns). I was wondering if anyone out there knows if this is
Is there a Callback for .tablesorter() for jquery tablesorter?
Hi, Just wondering if there is a callback for: $('table.tablesorter').tablesorter({sortList: [[0,0]]}); The sort works fine, however, i have each of the table rows an alternating color. I have a bind function for the sort start and end that re-alternates the row colors(which works fine - when the header is clicked), but it does not get called on this initial sort. Is there a work-around for this? Thanks!
Can you sort with an invisible value with tablesorter?
Hi, This is in reference to the Jquery plugin tablesorter I am wondering if it is possible to create a sort value that is invisible? For example, sorting by titles and would like to sort by the first word except if it is 'The'. So, would like to create an invisible numerical or alpabetical value to sort by instead Thanks! **edit looking into the textExtraction option ***edit not really understanding how to implement this ****edit So, i have a table with 2 columns. I would like to be able to sort
Add dynamic vertical timeline to jquery jqplot
Is there any way add dynamic vertical timeline to jquery jqplot? So far I can draw just a static vertical line. But in order to see that it's moving, I need to redraw the whole jqplot, which results in blinking visual effect. What I need is just to add a moving second-by-second timeline. Thanks. var d = new Date(); curr_time = d.getFullYear() + '-' + (d.getMonth()+1) + '-' + d.getDate() + ' ' + d.getHours() + ':' + d.getMinutes(); loc.push([[curr_time, 0] , [curr_time, 4]]); seriesCnf.push( line
Issue with using jquery tablesorterPager
I am using jquery 1.7.2 and primefaces 3.3.1. The pagination is not getting displayed. Here is my code, <h:head> <script type="text/javascript" src="#{lookupBean.themePath}/js/jquery.tablesorter.min.js" /> <script type="text/javascript" src="#{lookupBean.themePath}/js/jquery.tablesorter.pager.js" /> <script type="text/javascript" src="#{lookupBean.themePath}/js/jquery.simplemodal.1.4.2.min.js" /> <script type="text/javascript" src="#{lookupBean.themePath}/js/javascript.js"
Cycle plugin caption with one slide
Hi, I can not get to see the div (.caption) if the slider contains only one slide (image), while if the slider contains multiple slide you see the correct div (.caption) for each slide. Is there an alternative to AFTER property? Thank you very much for the help! Here is the code: $('#slideshow') .after('<div id="products-nav">') .cycle({ fx: 'fade', speed: 2000, timeout: 0, next: '#next', prev: '#prev', pager: '#products-nav',
Tablesorter default select row in
I have a tablesorter table. I need when the table loads to pre-select a row. Can't seem to figure out how to do that cleanly. Any insight?
Problem with pagination resetting to first page by using tablesorter & tablesorter pager with jquery.js file
Hi Team, I am using the tablesorter & tablesorter.page plugins with jquery.js to support my struts 1 version. Here i am building the table dynamically getting json data from ajax call. Displaying the data everything is fine with five rows per page but when i click on the header part of the table pagination part displaying the page & total pages like "1/1" instead of "1/18" if i have 90 records also. I think it is considering the total rows as five only which i am displaying in table and doing
sequence.js plugin error in IE when/if Iframed
Hi, I have setup the sequence.js plugin on my website icode.office-on-the.net:557 but Im having a problem that If I load it on IE 8, it doesnt work, but if i refresh the page it starts working? The same problem occurs on an ipad except it doesnt work after refreshing the page. If i clear the browsers cache and load it again, it works - but only on the initial load. After that the plugin does not load and I just get the loading animation. All other browers work fine regardless of how many times you
Next Page