play/stop button for Slideshow
hi everyone i am new in jquery and the jquery code is: function slideShow() { var showing = $('#wrap .is-showing'); var next = showing.next().length ? showing.next() : showing.parent().children(':first'); showing.fadeOut(800, function () { next.fadeIn(800).addClass('is-showing'); }).removeClass('is-showing'); slideShow.timeout = setTimeout(slideShow, 5000); } slideShow.stop = function(){ clearTimeout(slideShow.timeout) } this code changes images every 5 seconds. i
Jquery Datetime picker
Hi , My Requirement is such that i have a table with two columns - DtDate , and Volume. I need to bind the the Jquery Calender Which is used as inline Calender in div tag . If for Date lets say 01/21/2014 Vol = 5 AND 01/22/2014 Vol = 10 AND 01/22/2014 VOL= 15 So i want to Highlight Dates , as per above Scenerio. Please Urgently , Let me know how to do this in the BeforeshowDay event of datepicker.
Create a left menu that hides when shrinking
Hi, i started using JQuery Mobile only 2 days ago, so sorry if my questions are stupid. I'm trying to use JQM to create an help site for our software, usable both from desktop and from mobile. Something relatively simple with: Header (no problems with that) A left side menu with arguments A right side with the argument content On mobile, the left side menu must disappear if the screen is not wide enough and must be callable with a button on the header. Then similar to http://demos.jquerymobile.com/1.4.0/
buttonset with REQUIRED
Hi, I am using the buttonset like this: <div id="RadioQ1"> <input type="radio" name="RadioQ1" id="RadioQ1Yes" style="width: 150px;"> <label for="RadioQ1Yes" style="width: 150px;">1</label> <br><br> <input type="radio" name="RadioQ1" id="RadioQ1No" style="width: 150px;"> <label for="RadioQ1No" style="width: 150px;">2</label> </div> with a submit button btnRegister I would like to ask how can I make the RadioQ1 required just like the input text's required? Thanks, Jassim
Add feature to CheckBoxRadio Widget - DE-selection.
Hello! I'm currently working on an app that uses the checkboxradio widget; however, the requirement for being able to retract a selection cannot be currently fulfilled. Are there any plans to implement a de-selection feature where a user may "clear" the selected radio button without refreshing the control? If there are no plans to implement, would a pull request to implement this change be likely accepted? Thanks in advance!
Pagination in jqlistbox
I have two list box which have uses list and users can be added or deleted from both the lists. I need to support pagination. I have gone through the API and found that this cannot be achieved in jqlistbox.. is this correct? Any help in this regard???? If this is not feasible what are the possible alternatives. Regards
Scroll offset from one page to another
I am stuck in a bit of a peril. I have a scroll-to-anchor set up on "Page1" of a one-page website with easing.js using JavaScript. Below is my code: $(document).ready(function(){ $('a[href^="#"]').on('click',function (e) { e.preventDefault(); var target = this.hash, $target = $(target); $('html, body').stop().animate({ 'scrollTop': $target.offset().top - 120 }, 900, 'swing', function () { }); }); }); The links are so: <a href="#bodyContainer1">HOME</a> and the body container it is linked to is so:
to work in browser&ripple must be above - but no work in emulator or real device
<link href="../jquery.mobile-1.2.1/jquery.mobile-1.2.1.min.css" rel="stylesheet" type="text/css"> <script src="../jquery.mobile-1.2.1/jquery-1.8.3.min.js" type="text/javascript"></script> <script type="text/javascript" src="js/trnotes.js"></script> <script src="../jquery.mobile-1.2.1/jquery.mobile-1.2.1.min.js" type="text/javascript"></script> Travel Notes record script: to work in browser&ripple must be above - but no work in emulator or real device. if i have below work in emulator or real device(and
flicker and Jquery Mobile HTML5 Application
Hello, I have developed a mobile app with HTML5 and Jquery Mobile, but the problem comes when I click on the link to other internal pages in the document because a blinking vee on the page and then makes this unpleasant effect opens. I tried to solve it in every possible way but I could not, I have set data-ajax = false, I downloaded a version of jquery, I installed the latest version of jQuery, I deleted all the transitions of the application, but nothing works. That I can do about it. I have
Function if inArray, display text, else display other text....not working
Hello there! I have this html containing an input with name "product_id": <form method="post" class="form-horizontal" onsubmit="return check_add_to_cart(this, false) " enctype="multipart/form-data" id="productDetailsAddToCartForm"> <input type="hidden" name="action" value="add"> <input type="hidden" name="product_id" value="167"> <input type="hidden" name="variation_id" class="CartVariationId" value=""> <div class="ProductDetailsGrid ProductAddToCart"
text on hover
I am trying to write on mouseover <span id="left" data-original-title="Left"></span> <span id="return" data-original-title="Return"></span> <span id="rigth" data-original-title="Right"></span> <span id="hover"></span> on mouse over/out I want to write into #hover the data-original-title (and nothing on mouseout) the span can be a <a href="#"> if necessary how can I do it ? thank you
Superfish causing content jump (updated)
I added Superfish to a site I have, trying to make the drop down menus compatible with touch screen devices. The problem I'm having is when, with a mouse, you roll over the menu tabs that have submenus the section below jumps. This doesn't occur in the same page that doesn't have Superfish added to it. You can see what I mean by looking at this Superfish page and this same page without Superfish. The menu tabs About and Contact have submenus and as you roll your mouse across them, the area below
Remote validation test using valid()
I'm using MVC and jquery unobtrusive validation. I have a field that is marked for remote validation (via metadata in the C# class). I need to manually validate a form on the client (as I'm not submitting it, it's a form inside a modal popup). When I call code to validate the form: $.validator.unobtrusive.parse('#myform'); var isValid = $('#myform').valid(); 'isValid' returns true despite the remote validation being called and returning false. I can't find a tidy solution to wait for remote
how to manipulate multi fields with jquery
i making a drug storage inventory im using jquery to search for items to insert its quantity , when i repeat every item fields and search for second item and choose it from list , it changes the previews item to the same one like the second one i choose . here is an example <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript"> function lookup(inputString) { if(inputString.length == 0) { // Hide the suggestion
Background disappearing
Hello, i'm building a site that needs a full page background, so I've used this code in the stylesheet.css html { /*Código para fazer background full screen*/ background: url(http://imageshack.com/a/img593/4093/dej6.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } It was working well until i referenced the jquery mobile css, but now it doesn't appear on the background and neither one bar
Problem in Loading List and Founding also list
Here i have little problems with my website www.metrorealty.us i put jquery Ui for quick search, when i enter city california or Los Angelus it have shown a dropdown list but it tot seen and it not work giving some error i coudn't found a solution please help me out
jquery droppable
How to retain the helper function without removing it while the drop is done
Code not working moving to the latest version of JQMobile.
Hi, I am having a problem with checking and disabling radio buttons with the latest version of JQuery Mobile - with older versions I have it working fine. I have included a JSFiddle to explain what I am struggling with. When the user presses the 3rd button on any row I want that button to stay checked but that row to become disabled. Subsequently the vertical column of radio buttons - in the first instance all the buttons marked 2nd would also become disabled - when this is repeated the column one
Fixed toolbar and selects on Android 2.3 native browser
When there is a fixed toolbar containing dropdowns, they dont work at all on older Android browser. Is there any solution for this problem?
Flexslider pagination
Hi all, I'm trying to customize the flex-control-paging that's dynamically created by Flexslider. Currently it's just filled with the amount of slides I have (eg. 1 2 3 4 5 6 7). Is it possible to change this to 1 2 3 ... 7? The Google-search I did didn't get me anywhere... Thanks in advance
calling an array
Hello friends. I have tried to work below codes; How can the codes understand if a0's element is "b0", it calls b0 array. <script> a0=["a0","b0","a1"]; b0=["b0","a0","b1","c0"]; $(".drag").on("click",function(){ if($(this).attr("id")=="a0"){f=a0;}//I dont want to use jQuery.each( f, function( i, val ) { jQuery.each( f[f.lentgh+1], function( j, vals ) { }); }); }); </script> <div id="a0" class="drag"> <div id="b0" class="drag">
Reopen issue
What is the correct way to request a jQuery Mobile Github issue to be reopened? I want to request a reopening of this issue: https://github.com/jquery/jquery-mobile/issues/6494 Github gives me a 404 when I click on the username "Ghost", the guy who opened the issue. Have also tried to contact the guy who is assigned to the case, but no answer.
Logic and syntax problem
Hi everyone, I’m an occasional JQuery user that doesn’t need to venture past the ‘click a button move or hide/show and element’ often, but I’m currently working on a project that needs to stretch a bit beyond these modest skills. I’m setting up some forms in a registration page that will show/hide certain divs depending on the age and the US state of residence of the registrant. For users under adult age, an adult will need to register for them, so an additional section for parents will need to
query with select options
Hi, i have round corner bottom left (bl) to 5px; however, I want to change to (bl) to 10px once selected from select option menu. does anyone help me how to write that code in jquery when person selected from the list and change bottom left rounded corner to 10px;! please help thanks. AM
jquery menu options
Hi, I have menu options code like this <select id="country-options"> <option id="en" value="en" selected>England</option> <option id="fr" value="fr">france</option> <option id="de" value="de">demark</option> <option id="it" value="it">italy</option> </select> And this works great using CSS when selected name of country and show country icon with country name after selected from menu. But I like to change ONLY SHOW ICON AFTER SELECTED, how can I write jquery code to show only icon after selected
Unable to get resizeable to work using body tag with id
Hello, Im trying to prevent a user from shrinking a screen past a certain point. Im using the resizeable with a body selector. Ive assigned an id="body" to the body tag. But I cant get it to work. $(document).ready(function() { $( "#body" ).resizable({ minWidth: 1000, minHeight: 600 }); ... ...
Using the .replaceWith() function
Hey Guys. I am a little bit confused how this works. In the script below its replacing div.second with <h2>New heading</h2> What I don't understand is why is it using the selector as div.second ?? When the div class is called "inner second"? Thanks for your help in advance... <div class="container"> <div class="inner first">Hello</div> <div class="inner second">And</div> <div class="inner third">Goodbye</div> </div> $( "div.second" ).replaceWith( "<h2>New heading</h2>" );
JQM 1.4 selectmenu widget overlay not set by data-overlay-theme option... always theme "a"
I created an example at http://jsbin.com/IFolanOW/90/edit using the recommended github template. I'm using the new selectmenu widget in jqm 1.4. The issue appears in firefox, chrome As you can see there are several selectmenu widgets on the page. Two (Instruments and Genres) are long enough that they trigger the behavior where the select menu opens as a dialog. They are styled: data-theme='b' data-overlay-theme='b'.... It appears when I inspect that dialog that the body of the dialog page has a class
jQuery date picker inside of ajax returned html content
jQuery Datepicker **works if I use an input that is there on page load**. But if I bring it in via Ajax, it doesn't work. The .find method adds the.hasDatepicker class to the input. It doesn't however show the datepicker. Here is my current html setup: <body> <select id="product_selector">Options</select> <div id="targetdiv"></div> </body> The ajax brings in a bunch of inputs (no form element around them) and the one in particular (appended to #targetdiv) that is supposed
Can Datepicker get dateMin from span?
I have this span: <div id="Availability" style="display: hidden">8</div> Then I have a giant chunk of script for the jQuery ui datepicker: //datepicker var natDays = [ [1, 1, 'New Year'], //2014 [1, 20, 'Martin Luther King'], //2014 [2, 17, 'Washingtons Birthday'], //2014 [5, 26, 'Memorial Day'], //2014 [7, 4, 'Independence Day'], //2014 [9, 1, 'Labour Day'], //2014 [10, 13, 'Columbus Day'], //2014 [11, 11, 'Veterans Day'],
Jquery Validate
Hi Team , Please let me know how to Validate a textbox field , Such that It Should Not Include a SPACE character between to characters?
Wait until array of promisses are done
I have array of some data, let's say Cities. In the loop I execute some async call (let's say to bring the streets) to get the promise. I mark the city object as done or fail depends on promise status. Once all cities' promises are done, I want to execute function that render the data depends on the status of the promise, either true or false. Here what I have tried: --------------------------------------------------- var promises = []; $.each(Cities, function (key, value) { var city = this; var
selector context problem
Hi guys, I am pretty new to jquery, and looking forward to use it extensively in our programs. I have got the task to integrate jvectormap (http://jvectormap.com/) to our crm system. Our crm system consists of several frames and an iframe. The javascripts are load in a frame, called "jscriptframe". The objects shown on the browser is in an iframe called "workframe" and this iframe is in a frame called "mainframe" I have already tried to run the jvectormap in a plain html and it works without problems:
Problem with jquery autocomplete
In my below code , i am trying to autocomplete country drop down with country name and also i want to populate hidden variable with id . It works good when i use use hard coded data as mentioned below. I want to populate data variable using java.But when i am trying to call a servlet , it does not work.Can you please guide me how should i write call back function which can populate data variable with json data similar to one mentioned as example $.widget( "custom.catcomplete", $.ui.autocomplete,
Which jQuery Mobile Page Event?
Hello :) I've different pages. At the page #set, the variable ID will be stored in the localStorage. If I open the page #show, my function get the variable ID from the localStorage and based on this ID, it will show some information based on the localStorage ID. The problem is following: I go to the #set page and set the variable ID to 33 and store it in localStorage Then I go to the #show page and all works fine. BUT If I go after that to the #set page, set the variable ID to 66, go to the #show
load external url in dialog without iFrame
Hi, I wanna ask is it possible to load an external url e.g. google.com in a dialog without using the iFame so it will be shown within the div only? here is my current code which I want to use to display an external url using the member_guid and my url is profile?id=[member_guid] <div id="dialogXoomPage" title="Member Profile"> </div> $(document).ready(function() { member_guid = null; $('div#dialogXoomPage').dialog({ position : ['center', 'middle'], autoOpen: false, modal: true,
Smooth Scrolling Problem
Hello, I'm having a problem implementing smooth scrolling on a page I am building. I have a header which contain links to different anchor targets within a div lower on the page. I have used this code to acquire the smooth scrolling transitions: $(document).ready(function() { function filterPath(string) { return string .replace(/^\//,'') .replace(/(index|default).[a-zA-Z]{3,4}$/,'') .replace(/\/$/,''); } $('a[href*=#]').each(function() { if ( (filterPath(location.pathname)
creating a pop up dialog box when site opened and a website link in the dialog box which opens in a new tab
Hi I would like to create a dialog box that opens when u launch the site or when someone opens the home page. right now I have a dialog box that u click on in the home page but I can't find code to do the above. this is what I have for the current dialog box. I also found it weird that the script part went below it and before </body> </html> This is the code I am using, the first line beginning with 5% reads on the page and then the balance is read in a dialog box with a cancel or ok. I would also
Animated gradient background with transition
I want to create a animated gradient background (with possibility of using multiple color inputs and direction) that changes (transition) slightly over time in a cycle (really smooth). I was hoping to find something that is jQuery/javascript based, but i can't find anything. Only example that i found where i like smooth way it works and looks is this: Almost Calm But i don't want the hover or circle of course and setup my own coloring etc etc. Can somebody help me with this? Help is much appreciated
Dialog display error in IE 8
My code is like this: <link rel="stylesheet" href="js/jqueryUI/jquery-ui-1.10.3.custom.css" type="text/css" /> <script type="text/javascript" src="js/jquery-1.8.0.js"></script> <script type="text/javascript" src="js/jqueryUI/jquery-ui-1.10.3.custom.js"></script> <title></title> <script> $(function() { $("#dialog").dialog({ modal: true, resizable: true, position: { my: "center", at: "top+250", of: window }, buttons: { "close" : function() {
Next Page