jQuery .show issue (Safari iPad)
I have recently started to learn jQuery and have been developing a responsive carousel to practice however I am encountering a strange problem where .show() doesn't seem to work correctly on Safari for the iPad. The issue I am having is that when I click the left arrow I want the second slide to display however this doesn't seem to work (works in all other browsers including Chrome for the iPad), if I change the code to show the third slide rather than the second it works fine so I think the problem
[SOLVED] change all data-item
I have many tags with data-item="value" it can be span div input or fieldset .. any ! depending on a value let's say if ($v == 1) how can I addClass to all the tags with data-item="1" ? thank you
Jquery mobile page change jumps back to previous page
Hello, I've a big problem with a jQuery Mobile Application: I'm using changepage to switch the page with currentPage. There are no transitions included still it jump back to previous page. And declared $(document).bind("mobileinit", function(){ $.mobile.pushStateEnabled = false; $.mobile.defaultPageTransition = 'none'; }); Before the jquery mobile js loads. Any one can help me how can I solve this issue??
JQuery Mobile: Header height
I've just started using Jquery Mobile. I need to build a responsive web site that is basically a mobile-ready HTML site that can be easily converted to a phone app later with PhoneGap and a single code base that runs on a website and most of the mobile devices with minimal effort to bridge compatibility. My first problem which sort of goes at the heart of whatever jQuery mobile is suppose to be exactly: How do I change the width of the header. ` <div data-role="header" data-theme="c"> <h1>dumdum</h1>
Accordion with global function.
Im using the global function and trying to use that in accordion how should i declare newPanel http://jsfiddle.net/ng117reu/17/
Best plugin practice for dynamic table creation?
Hey guys, I'm working on a plugin that will dynamically create product tables and append them divs (or whatever selectors call the plugin function). So far, it works as planned but the tables are generated by copying an HTML template that is hardcoded onto the view. My code is long so I'm not going to paste all of it but it is essentially like this (very generally and minus all the table logic functions): <div class="rowtemplate"> (row HTML) </div> $.fn.block = function(rows, maxrows) { var
Form input stop working after using jquery.stickytableheaders
Hi there, I do have a table where I needed to fix the header so I used this plugin jquery.stickytableheaders which is perfect except for one thing. Inside the table there is a filter that should reload the table with the record containing the value in the filter but it does not work anymore, here is the input code: <input type="text" name="fabrik___filter[list_1_com_fabrik_1][value][0]" class="inputbox fabrik_filter input-medium" size="20" value="" id="master_oda___ordine_dialogvalue"> The jquery
Form input field one after the other
I have developed the following form using Bootstrap and have disabled all the input fields except the first input field by giving a common classname.Now how do i enable them in such a way that after i enter surname i should enter first name after first name last name and so on. Any help would be greatly appreciated . Thanks in advance The following is the code which i have used to disable the input fields. $(document.ready(function() { $(".disab").attr("disabled",true); }).
UI Dialog and JW Player
I have a problem with the Dialog UI and JW Player. I set up a link that when clicked opens a dialog showing the video using JW Player. The problem is that when you first click the link to open the dialog, the dialog window is blank until you actually click and drag the window, then the video shows and plays fine. Does anyone know what could be causing this? Thank you! I can't provide a link, but here is a screenshot of the empty dialog. And here is my code: <div id="video-player-container">
Javascript and JSON help with this script
I was wondering if someone could please tell me why this html file does not display the way I want it to. Thanks
Alt text in expand collapse
I'm just getting back into mobile hybrid development after 6 years and starting off slow. I am using, data-role="collapsible-set", and I'm trying to figure out how you would add the alternative text for screen readers to let the user know that it is "Open" or "Closed". Or, do I have to write my own script? thanks
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();
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
Next Page