JQuery UI Tooltip with jQuery Steps, tooltips after validation
Hi, i use jQuery Steps for bulid form, jQuery UI tooltip for show validation errors, jQuery Validation Plugin for validate code bellow: css <style> .wizard > .content > .body input { width: 180px; display: inline-block; } .wizard > .content > .body label.error { display: none !important; background: #fbe3e4; border: 1px solid #fbc2c4; color: #8a1f11; } .wizard > .content > .body label { width: 150px; text-align:
JQuery Validation Issues
Having issues getting jquery validation to work, any help would be greatly appreciated! HTML <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title> Form Scrape </title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> <script src="validation/dist/jquery.validate.js"></script> <link href="theme/jquery-ui.css" rel="stylesheet"> <link href = "css/formPrototype.css" rel="stylesheet"> <script src="theme/jquery-ui.js"> </script>
Biding Autocomplete to Multiple Columns
Hello everyone and thanks for your help in advance. I am develop a search box that utilizes the jQuery Autocomplete widget. I am trying to get the widget to consume a JSON data source, however, the data source returns multiple name:value pairs that look like: [{"ID":139,"VisitID":0,"ClaimNo":"573220160314215047","MRNumber":"5732","PatientLastName":"Testcase","PatientFirstName":" I know how to get a singular column bound to the search, $.ajax({ //url:
redirect using QueryString
Hi, I have enter.php page for signing in and I am authenticating the user using ajax when done, and if the url enter.php has a paramters redirect like this: enter.php?redirect=http://www.mydomain.com/my.php I want the jquery to redirect to that page.. How can I do that please? Thanks, Jassim
Sharepoint Jquery Conditional dropdown validation
I have a dropdown named "Status" with a "Yes" and "No With Reservation" as options. If the user choose 'Yes", form can be submitted, if "No With Reservation", user must fill out an "Explanation" multiline textbox below the dropdown. I have access to Sharepoint Designer so any help to achieve this is highly appreciated.
plugins
anyone know if that CDN <script src="http://code.jquery.com/jquery-1.12.3.js"</script> have the plugins included? and if not whats the url for the CDN plugin for colors and easing. thank you
can anyone help me why that code don't work
<!doctype> <html> <head> <script src="http://code.jquery.com/jquery-1.12.3.js"> </script> <script> $(document).ready(Function(){ $('answer').hide(); $('h2').toggle(function(){ $(this).next('.answer').fadeIn(); },function(){ $(this).next('answer').fadeOut(); }); }); </script> </head> <body> <h1> FAQ </h1> <h2> how many days are in one week? </h2> <p class=answer> i think seven </p> <h2> how many years are in one week? </h2> <p class=answer> oh boy a year is much larger than a week </p> </body> </html>
Sort rows by class using tablesorter
Hello, I want to sort the table rows buy the tr tag class. I want to sort a table with subtotals. The subtotals have a group of rows assigned. I want to sort each gorup independently. I am using the mottie tablesorter. Thanks.
One Select list populates itself with different values depending on which array is chosen by another select list
I want to have one select list populated with different values (price) depending on which option was chosen in other select list (sale or rent). The procedure of the code looks ok what the logic refers but it is not working So what I have done is first create the arrays for sale and rent. Then get the jquery and do an change event to pick which selection was made. then a Switch statement that should populate the select list in question, but it is not showing anything. While jquery is a library for
Writing a dynamic code which you don't need to write the same code for each input
Hi, Whit this code I can check if an text-input is empty or not and add an error message and some accessibility attributes to it if it's empty. Accessible validation form Now how can I make it dynamic, so I don't have to repeat the same code (almost the same code) for each input? Thanks
clickable title
is it possible to make title of datepicker clickable. I mean think about windows' calendar. Whjen you click month. It shows all months in a square. And title of calendar become current year. When user clcik title again it shows all the years. Is it possible to make in jquery ui calendar?
Is it possible to make a website that is horizontally AND vertically scrollable?
Hello, I am trying to make an experimental narrative website that tells two different stories in a page. The website is currently just horizontally scrollable, and I just have a big fixed image top of images that has a big hole in the middle.(so users read the story only through the hole) I originally had a clickable image at the end of horizontal scroll so that it links to the another story, but I wonder if I can have horizontal scroll AND vertical scroll so that it shows different images at the
3 Tier Menu Adding class to multiple li
Hi, i'm building a 3 tier drop down menu and i want the other menus to open and close depending on what link i clicked on. This is what i have so far JSFIDDLE At the moment the first drop down opens fine and disappears when i click the other drop down. But when i click the menu item drop down within the drop down menu it doesnt open. I'm pretty sure my jquery code is wrong somewhere. Please help. Help much appreciated.
How do I make a sliding banner loop?
Hi, does any one know how I can make my sliding banner loop so that on the last slide it carries onto slide 1 again, instead of flicking backwards through the whole thing? Here is my code $(function() { $('#banner').unslider(); }); var unslider = $('#banner').unslider(); $('.unslider-arrow').click(function() { var fn = this.className.split(' ')[1]; // Either do unslider.data('unslider').next() or .prev() depending on the className unslider.data('unslider')[fn]();
Images selected for upload PREVIEW only plugin?
Can someone recommend me a plugin (jquery, js, angular etc) that shows previews of images that are selected for upload? I dont want to upload them with this plugin, ONLY PREVIEW them. Images will be sent and uploaded normally with PHP. Also if possible if that plugin has deleting selected image option or reorder them, but not important. Best Regards
Problem with jquery on my site
hi guys I hope you can help me over the last few days my login and register buttons on my site have stopped working I do not know why as they worked perfectly up till Thursday then boom dead links.....IM running a wordpress theme called wprentals, when i look at inspect elements it comes up with this http://netholidayrentals.com/wp-content/themes/wprentals//js/%20jquery.viewport.mini.js?ver=1.0 Failed to load resource: the server responded with a status of 404 (Not Found) can someone please help
Selecting Child and Grand Child Elements
I am trying to select a child or a grand child element by clicking on it. Upon clicking on the child or grand child element, its border is supposed to turn blue to indicate that it has been selected, but nothing happens. I have tried this script but it's not working, please help.
Passing dynamic variables back into HTML - Best Practices
Hi, what would be the best way to pass dynamic vars back into an HTML entity? I am tracking the mouse movement and passing with append() and it just makes a whole list when the mouse moves, I just want a current dynamic value to be presented; one line that changes dynamically. How should I approach this?
how to vertically center content
Hi there, How do I vertically center the content that is inside the following div. <div data-role="main" class="ui-content"> </div> Thanks Joe
Unable to hide class on click
Hi, I am using the following to show and hide menu items on click, it shows the menu items when I click on the target however when I click a second time it does not hide the menu items again. $(document).ready(function(){ $(".menu_sub_par_head").click(function(){ if ($('.menu_sub_head').is(":visible")) { $(".menu_sub_head").hide(); } else { $(".menu_sub_head").show(); } }); }); Any assistance would be
Camera slideshow v1.4.0 and jCarousel are not working on Firefox, chrome, opera and explorer are running ok
I'm working in a web site http://www.autopartesrm.com and i'm having some jQuery pluggin issue in this project. I have chek at chrome, explorer, opera an it's working perfect but at firefox all the proyect looks real bad because the pluggins dont work. Can you help me? The mail slider is a jQuery pluggin: // Camera slideshow v1.4.0 - a jQuery slideshow with many effects, transitions, easy to customize, using canvas and mobile ready, based on jQuery 1.9.1+ // Copyright (c) 2012 by Manuel Masia -
List all links in ajax callback
I want to make a list of all links per 'content' item but I can only figure out how to get ALL links on a page EXCEPT for the ones retrieved via the AJAX query. How can I search for all links within a variable? $.ajax({ context: this, url: url, method: "GET", headers: { "Accept": "application/json; odata=verbose" }, success: function (data) { for(i = 0; i < data.d.results.length; i++) {
datepicker onShow event
hey i am using datepicker. I want to do something when datepicker is open. Datepicker hase some functions like onSelect, onClose, but there is no onOpen or something similar. Is there any solution you can suggest to me for taking care of this problem.
How to add ul and li to images div in jquery. Ul to be added for every 5 images
I have the below jquery, it gets the filenames of a folder using a php. When appending these image files to div, i would like to add ul and li to that div. ul needs to be added for every 5 images. var folder = "assets/images/"; $(document).ready(function(){ $("img").click(function(){ $.ajax({ url: "com/php/filelist.php", dataType: "json", success: function (data) { $.each(data, function(i,filename) { $('#subicon').prepend('<img src="'+folder+ filename +'">'); }); } }); }); }); e
Superfish responsive multilevel dropdown menu
Hi, i am working in a web site that has a superfish responsive menu, everything is working just fine, but when the menu turns on dropdown for movile versions. There is a text line "Please choose a page", like a title of the dropdown arrow, an that line is in english, so i need to translate it to spanish "Seleccione una sección" but i can't find where. It seems this line is wroten nowhere, can you help me please???? my web site: http://www.autopartesrm.com/propuestas/3 Thanks
Are there jQuery Mobile Ranking Issues?
I recently rewrote a website using JQM. The Google Analytic sessions are now about half of what they were with the old site. Is anyone aware of ranking issues with JQM? Site URL
.hover and .click, resizing
I don't think i used correctly. I think there are another way to do reload(after resize) and not for the whole page,but just for function. Any Tips? $(document).ready(function(){ if (document.body.clientWidth <= 1400) { $( window ).resize(function() { location.reload(); }); var a=$('.myMenu ul li.has-children > a'); a.click(function() { $(this).parent().siblings().find('ul').slideUp();
Animated sequence using uislider
ive just started learning jquery and im struggling. Im trying to create an offline page that incorporated a uislider that links a series of images (over 200) so when the slider is dragged it creates an animation, this will be a simulated construction build at a given camera view. I would like to have jquery check a local folder if possible and use all images in that folder as apposed to listing them individually. I would also like the position of the slider to be remembered between webpages and
shrink or expand an iframe based on a zoom-button click?
I show Youtube and Vimeo videos on my website, and I want the user to be able to adjust their size by clicking on a zoom/unzoom button. Since both Youtube and Vimeo use 'iframes', it would seem that a jQuery command that modifies the size of iframes might work, assuming the videos resized along with their containing iframe. I looked for commands to do this, and there are entire libraries available on github that resize iframes. The reason given for these libraries is that users resize webpages
Click to href issue
Dear Sir pls refer http://prajaktasoftware.com/sugandhi/project11.php?projectid=33 Pls scroll down to Configuration there are links <nav class="sdb_holder"> <div class="calltoaction opt1"> <ul> <li style="list-style:none;"><img src="images/pr5.png" width="36" height="31" align="absmiddle" /> <a href="projectfloorplan.php?projectid=1" style="padding-left:10px;">First Floor Plan</a></li> <li style="list-style:none;"><img src="images/pr5.png" width="36" height="31" align="absmiddle"
Parallax Audio Scrolling on set positions
Hello, I've been searching for a way to inject some jQuery into my squarespace site so that a certain audio file would play depending on the vertical position the visitor was at. My site is where I post short stories, and the specific reason I would like to use this on my site is I would like background music to play different sections of music as people scroll down to read more. After searching around the internet for a while I ended up finding a similar thread on this site (here), and have essentially
A Problem with jQuery selector inside loop
Hi all, I think the best way to explain this issue is with a fiddle - https://jsfiddle.net/hrnL3wmw/56/ I'm trying to return the result of the calculation into a span tag that is inside a css class which will affect all instances of the loop. I'm not sure if there is a way to put the result of the sum inside the span tag without creating a unique id for each case? I'm not sure if I've explained this well, let me know if you have any questions / can't understand this! Thanks
animate scroll not reason for not working in FF
is $('body , html') and $('body' , 'html') two different things ?? because the below code does't work: $('body' , 'html') .animate({ scrollTop: ($(section_id).offset().top - $('.main-nav').height()) }, { 'duration': 500 }); but the works: $('body , html') .animate({ scrollTop: ($(section_id).offset().top - $('.main-nav').height()) }, { 'duration': 500 });
Change in dialog(?) between Jquery UI 1.10 and 1.11 triggers noneditable textboxes in IE 11
We recently upgraded from 1.10.3 to 1.11.4 and that upgrade apparently triggered an error in IE11. We use JQuery UI dialogs (dynamically generated div including an iframe) to display pages that basically a lot of info as tabular data. We have an asp.net webcontrol tree on the left and an iframe to display a webforms page for the currently edited record In the dialog you can select one record and trigger the loading of the record down on the "normal" page. The dialog gets .destroy -ed and the dynamically
guys, is that anyone know what i need to add in missing part. wanna retrieve data from database
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>Image Slider Theme - Jssor Slider, Carousel, Slideshow with Javascript Source Code</title> </head> <body style="font-family:Arial, Verdana;background-color:#fff;"> <!-- Caption Style --> <style> .captionOrange, .captionBlack { color: #fff; font-size: 20px; line-height: 30px; text-align: center; border-radius: 4px; }
Jquery not working - trying to show / hide div when a button is clicked
Hi, can anyone help. I can't figure out why this isnt working.... I have a div called #overlay that is currently hidden. It covers the whole page and has a form inside. I want to make it visible when a button on the page is clicked. <div id="changingchange"> <div id="overlay"> <div id="form"> <!-- form here --> </div> </div><!--overlay--> <div class="inner"> <div class="page"> <div class="button">Show form</div> </div> </div>
Using jQuery to swap one WP Slider out for another
Hello!! Not sure where this post might live, i've decided to leave it in here in the hope that someone might suggest the correct home for it, or perhaps offer some advice on the question itself. I've got a wordpress build which uses salient (a theme) - this has a slider or image carousel built in to it as an element. I'd like to swap one slide in this slider out for another (which will play a video) on button click. So, a button click in slide 01 will essentially play a video. I'm reasonably certain
Image binding in resources event in Jquery Full Calendar
How to bind Image in resources block of Jquery Full Calendar Scheduler View? Is this possible?How can we add it? Thanks in advance
Cycle Titles with Flapper
Hi I'm really new to this and clueless. I'm trying to create a split-flap (Flapper) display which will cycle through anything from 5 to 10 titles - I got as far as 2 and that was what somebody else created on here. This is what I have so far... <div class="chained-splitflap"></div> <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> <script src="js/jquery/jquery.splitflap.js"></script> <script> (function ($) { $(document).ready(function () {
jQuery validation with checkboxes problem with 2 sections
jQuery validation with checkboxes problem. I have a form that has two headings: The issue: Under the "Heading 1", one option must be selected. Under "Heading 2" one option must be selected. <input type="checkbox" id="commjoin" name="commjoin"/> THROUGH <input type="checkbox" id="commjoin11" name="commjoin11"/>is under "Heading 1". Heading 1 checkbox checkbox checkbox checkbox checkbox checkbox <input type="checkbox" id="commjoin12" name="commjoin12"/> THROUGH <input type="checkbox" id="commjoin50"
Next Page