JQuery Validation Plugin
I really like this script. The password validation checks for password length. However, I'd like to know how to expand it to require one capital letter, one number, and one special character. Can anyone help?
complex query in Jquery .
hey guys have a look at this line of code :: var $nextIndicator = $(this.$indicators.children()[this.getItemIndex($next)]) whats the order of execution in the above line of code ? its pritty confusing , can somebody tell me . the above line can also be found on git here . Thanks . gautam .
File input url prob.!
Im using the plugin, but it is not taking #img 's src becoz the src is created using readUrl, is there anyway to solve? <img id="img" /> <input type="file" name="image_file" id="add_img"/> function readURL(input) { // Reading Url if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { $('#img').attr('src', e.target.result); } reader.readAsDataURL(input.files[0]); } } $("#add_img").change(function(){
Get JQ UI Select Box Option on Each Option Hover
Is it Possible? Here's my fiddle: http://jsfiddle.net/BeastEBikes/46rpp2zh
Multiple Jquery Conflict
I am an intermediate user of Java Scripting , Jquery, PHP and HTML. I am trying to develop a website that has multiple scripts. Individually the scripts are working fine. But when I ad WOW Slider Script, it causes to stop working menu script effects and slider. I have uploaded incomplete website at my friend's webspace. Plz have a look at the page: www.inetstudies.com/perfect/index.html By default, the image slider has stopped working, menu effects have been disappeared, but the wow slider at the
Algorithm jquery each & show, hide
Hy All , I have Algorithm but I do not know how code My Algorithm 1. if value in class1 same like value in class2 then class2 it's will be displaying ex: if I'm Selected value 1 than every class2 which has value 2 it's will be displaying 2. if the value of the class 1 is not present in class 2, the value will be in the show all for more please check :https://jsfiddle.net/badvz/5aRvF/312/
Getting URL value into clone select box
I have a form where i'm asking room details and how many children. Then if it is >0 how old are they. When the form is sent to show the list of rooms I want the values selected to be in the select box with what is selected but it is displaying the default 1. How do I get the URL parameter to put the selected value from the returned URL into the cloned select boxes? Thanks age1 = getUrlParameter('age1'); age2 = getUrlParameter('age2'); age3 = getUrlParameter('age3'); $('#numberOfChildren').change(function(){
Why does _evalUrl() use async:false?
Why does _evalUrl() use async:false? Would it ever make sense for it to use async: true? Does it affect the user experience at all? My guess is that by doing it synchronously rather than async, you guarantee that javascript files are loaded and executed in order. Is that the reason? A common question when using jQuery is: Why am I seeing this warning: "Synchronous XMLHttpRequest on the main thread... jquery.js?body=1:9628"? The answer is that they are inserting a new <script> tag to the HTML via
Filter with jQuery by input range
A few days ago, I asked on this forum about filter with jQuery. Some people helped me but now I need to do filter no by checkboxes, but with input type="range". Is it possible? My code looks like: http://jsfiddle.net/ajwj7kt9/3/
What backend service should answer in http://jqueryvalidation.org/ remote-method validate?
I am trying to perform a remote-method validate using jQuery validation plugin. Backend service is properly invoked, but I do not know what should it answer. I have tried: $("#myUserForm").validate({ .... rules: { user: { required: true, remote: "api/checkUser" } }, ... }); And at the backend return the following JSON object: { "user": "true" } or { "user": "false" } depending on if it should be validated or not. I have checked with FireBug that both answers
Tips on designing scaling icons
Howdy! I'm building an audio player with JQM and I'm now at the stage where I want to add pretty UI controls for the play button, skip button, etc. My question is, does anyone have any tips or guides on how to create responsive controls that scale to any size device, big or small? I have an idea that it will possibly require the creation of different sized icons with media queries applied in CSS to decide the most appropriate icon. However, I need a good starting point as to what sizes I would
Dialog does not close correctly
I need to open several dialogs, one after another when focus occurs on a textfield, the first dialog opens correctly, the following one opens when focus occurs, but this does not close correctly. I am using jquery1.11.4, with jquery 2.1.4 is the same thing. Demo : Demo
CSS
Is there a more recent version of the CSS file used in the Treeview Json example? It's not working with my browser. Thank You !!!!
Give every day (<td>) of datepicker a ID
Hello. Is there a possibility to give every day in a datepicker a id? For example: <td data-year="2015" data-month="4" data-event="click" data-handler="selectDay" id="datepicker20150412" class=" "><a href="#" class="ui-state-default">12</a></td> The problem is that i do not want to use beforeShowDay to highlight the days. I have to show different date-ranges (01.01.2015 - 03.01.2015,...) in the datepicker, and i need a easy way to add and remove classes. regards Daniel
Getting value from its div set having same class name
I have multiple elements having same class names as below: <div class="call-now">First</div> <div class="hideme">1234</div> <div class="call-now">Second</div> <div class="hideme">8855</div> <div class="call-now">Third</div> <div class="hideme">7411</div> Whenever call-now is clicked it should show the value from its hideme div on its click. Currently by below code it alerts all possible values from all hideme elements: $('.call-now').on('click', function() { alert($('.hideme').text()); }); I want
Short question to keydown/.hasClass/.setClass
Hello, I'm new to jQuery and want to learn a little bit more :-). In my example I have a <div> with the id "box1" containing three <p>s. Now I want to get the div visible/invisible by pressing the key "s". First of all I created two css-classes: .invisible{ visibility: hidden; } .visible{ visibility: visible; } and added invisible to my div with the id box1. $(document).ready(function() { $("*").on("keydown", function(e){ var test = $("#id1").clone(); if(e.which == 83){ if($("#id1").hasClass("invisible")){
Help with upgrading from 1.10.2 to 1.11.3
Hello! I'm currently trying to upgrade from 1.10.2 to 1.11.3 and am running into some troubles. I work in a shared development environment so I unfortunately have to contend with other JS libraries occasionally conflicting with jQuery. To get around that (and because I was unawares of some solutions available to deal with that), I have always accessed jQuery using 'jQuery' instead of the $ alias, for example: jQuery( "#my_tabs_div" ).tabs(); I suspect that has something to do with the following
Adding content to jQuery mmenu - but how?
Hey Guys, and first off all - i'm sorry for this (maybe) dumb question but i can't figure out how to add a second page to jQuery mmenu . I want to use that plugin for a mobile application but i'm not able to change the content when i click on one of those links. The Plugin works fine but my content is not changing. I already found an answer from 2012: http://jsfiddle.net/hQ7y5/ So that looks but but i'm not able to implement this so, that it is working together with the plugin. The Plugin-Code looks
Keydown problem
Hello I'm having a strange delay between the input content and the val value... I mean: the val value is always one step behind of the real content of the input box... I don't know what am I doing wrong... Would you please give me a clue? THANK YOU!!! $(document).on("keydown", "aside form input[name='search-shop']", function(){ var val = $(this).val().toLowerCase(); if(val.length > 1){ $(".galleryFront h2:contains('"+val+"')").closest('.gallery').fadeIn("slow").siblings('.gallery').hide(); }else{
Help ! Functions !!!
how to make A() execute after B() is executed !? function A runs in A.js file wich is added to the page-b.html <head> : <head><script src="A.js"></script></head> function B runs inside page-B.html like this : <script> B(); </script>
HTML5,Colorbox 1.6 and iframe.
Hello, I'm struggling again with something that seems to be simple,but I can't get it to work one or the other way. I have an iframe with thumbnails and when I click on the thumbnail,I wish to open the colorbox on the parent page - not in the iframe...So far,I'm only able to open it inside the iframe. The googled solutions do not seem to work (onclick event,custom script etc.)...There was one demo available and I was able to get it more or less working,but the colorbox version was 1.3.7...and it
Rename the function of a jquery plugin to avoid duplicate function?
I want to use: https://github.com/danielstocks/jQuery-Collapse/ But I'm already using a older version of it modifed by someone else for a certain purpose. So what do I have to edit in https://github.com/danielstocks/jQuery-Collapse/blob/master/src/jquery.collapse.js to rename the function from being .collapse() to say .collapse_vanilla() or .collapse.vanilla() And will renaming said function hinder the workings of https://github.com/danielstocks/jQuery-Collapse/blob/master/src/jquery.collapse_storage.js
Planner
Hi Do you know some library like: http://www.easyplanner3d.com/interior_design_software/webcad.php?u=&c=8 https://www.gliffy.com/go/html5/launch?app=1b5094b0-6042-11e2-bcfd-0800200c9a66
jQuery .load() causing method to execute multiple times...I believe
I have a page that when I go to it n times, the JavaScript I have attached to it gets executed n times. So, the first navigation only gets executed once and works correctly. I believe it is because I am using .load("something") is causing the JavaScript to get loaded more than once (after the first time) and then gets executed n times it is loaded. How can I get my JavaScript to load and execute only once? The Path.map() functions you will see below is from a plugin by https://github.com/mtrpcic/pathjs,
jQuery Window Scroll code formatting issue
Hi there! I'm a newbie with writing jQuery on my own and I'm running into a snag with having jQuery add a class once the window has scrolled down after a set amount of pixels. The navbar currently has some code that toggles classes to create a fade effect to make the navbar appear when clicked. It's static and sits down a little ways on the page. My problem is adding the jQuery that continues to add classes as the window is scrolled down to basically add the class that will make the navbar fixed
replace text in body
hey guys im a ajax request to get selected words so that i can then translate the text in my page...but while trying to replace text which works it effects every other script from working like my form validation, password strength meter etc... function translate(words) { var language = localStorage.getItem('language'); var parameters = {from: 'en', to: language, words: words}; if (language === null) { language = $('#language').val();
Simple script sometimes not working
Hello, I have problem with very simple script. This code sometimes working, but sometimes I must refresh the page. Script: <script> $(document).ready( function() { $("#loading").fadeOut('normal'); setInterval(function() { $("#battlelist").load("rpsselect.php"); }, 1000); }); </script> PHP: $pdo = new PDO('there is host, password, user, and db name'); $stmt = $pdo->prepare("SELECT id, defender, coins, defender_avatar FROM
Window load not working as excpected ?
Im using two php post methods in window.load function, the first php post data is working perfectly, and second php page Profile.php is working alternatively i mean on first reload it is working, after reloading it again it isnt working. vice versa . . Not knowing where the problem is..!! $(window).on('load',function(){ if(localStorage.getItem('verify')==1){ if(localStorage.getItem('claim') == 0){ if(localStorage.getItem('delete') == 0){ $.post("/Web_Service/Load.php",function(data){ $('.name>p').html(data.Name);
I would like the pop up tooltips to show on page load and not on user clicks. How can I do it?
I would like to show the pop up tooltips on this code when the page loads rather than when the user clicks. It probably is hard to do. I already tried adding a jquery document ready script in the head content but I'm assuming I would have to add more functionality to the javascript where it says click. Here is the link to the demo. http://www.codeproject.com/Tips/799641/Overlay-a-tutorial-on-an-existing-web-page-with-jQ I like this particular plugin because it dims and highlights. I would like to
Help needed implementing jQuery.noConflict
Hey, I'm having some issues with some parts of my website using a newer version of jQuery and an additional plugin using an older version. I found out there is a no.Conflict command within jQuery, but can't seem to get it to work quite how I would like... I've tried a few combos and this is the one I'm stuck with at the moment, but's throwing up errors for some other plugins that require 1.9.1 or higher, but the site seems to be functioning regardless. Just can't get my head around why it's reverting
Field Validation Will Not Work
I'm new to jquery mobile. My form works but none of the fields need to be filled in even though I have javascript validation. Here is the javascript part. I have it in my header. I believe I'm using jquery 1.3 I tried upgrading to the latest version and it really jacked up everything. I'm too far along to switch now. <script> $(document).on( "pageinit", function() { $('#checkpay checkform').validate({ rules: { dcs1: { required: true }, dcs2: {
how to capture textarea events when character data is entered
I'm having problems capturing any events from a textarea as I type a particular data string (++) into it. My ultimate goal is to produce a popup whenever two plus-signs (++) are entered into the textarea and some data has already been read from the server. The data read from the server will be displayed in another textarea in the popup, for further editing, and then redisplayed in another readonly texarea on the main screen, associated with the popup. The original textarea is defined like this:
How to show power point presentations in browser
Hi, I am using ASP.NET which supports HTML5, CSS3, JQuery. I tried to display a power point presentation in a browser with users options to play/pause, view next slide options and failed miserably. Thought to know if there is a way in jQuery to do this. Even aplugin suggestion would do.
Can jquery count a certain value like total posts or topics?
Say you got a forum that outputs per forum row the total posts and topics. Can I run a little js script that counts the total posts or topics or both and if say <= 150 posts = show a button called popular which means the forum in question is popular <= 25 topics = show a button like above called popular but not show the button twice lol. Just once so a function that counts both topics and replies that allows the button to show up if both conditions are met and if not be hidden. Much like the idea
Update Plugin When Div is Resized...
Hi guys, I've made a custom plugin that fills a div with text - as big as it can be (based on fittext) - it works the way I want - except for one thing... You call the plugin like this: $(".lotsOfDivs").myPlugin("% fill","% from top"); At the bottom of the plugin I've got this line: $(window).on('resize.myplugin orientationchange.myplugin', resizeText); If I have a div ("big") that is 100% width and height of the body - and I call the plugin like this: <div class="big"> <div class="item">My Text</div>
library conflict
Hi, I have computation form at first everything was working fine. here's my code. <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <link rel="stylesheet" href="/resources/demos/style.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <script type="text/javascript" src="<?php echo base_url(); ?>assets1/js/moment.js"></script> <script type="text/javascript" src="<?php echo base_url();
How to use the window object?
How can I use window objects? Let's say for example I do something like this: var window_tool = window.open('bla bla bla '); var images_one = window_tool.$("img").attr("src"); alert(images_one);In the example code above. How could I alert the source of the image loaded in the 2nd window object? I am talking about opening a window. Then trying to access the dom of that window to grab information from it. The code above should just grab the images source url and then show it in the alert box. I tried
jQuery Cycle Plugin and Bootstrap
When I include bootstrap.css to a page that also uses the jQuery Cycle plugin, the cycling does not work. What happens instead is the area where the slides should be are just blank. I'm using the latest version of both Bootstrap and jQueryUI. (Removing jQueryUI does not fix the issue). Is there a workaround for this issue?
Multiple scroll to points
Hi, Here is a page in question http://www.theremotedoctor.co.uk/accaudi.html Under the Item Selection you will see, Flip remote key pad Return to menu. Both use the smooth scroll & work fine. This question is related to the iphone viewing status. Currently what happens is you select Accessories followed by Audi. The item selection is off the screen and you manually need to bring it into view. This is the same for all the other options/car manufacturers on the site. What i would like is after Audi
Make a button show if a sentence :contains (password)
My JS; $(document).ready(function(){ if ($(".wrapfix:contains('password')").length) { $(".buttonprotectedbox").removeClass("buttonprotectedbox").addClass("showbutton"); } else { $(".buttonprotectedbox").show(); } }); My html: (its phpbb) <div class="wrapfix"> <div class="buttonprotectedbox"> <a title="Password Protected Forum." class="ui-button ui-widget ui-state-default ui-corner-all buttonprotected">Protected</a> </div> <!-- IF forumrow.FORUM_DESC --><br /> <span class="forumdesc">{forumrow.FORUM_DESC}</span>
Next Page