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 }); ... ...
Panel freeze oniPhone
I am developing a mobile site with jQuery mobile panels. When a panel with a list is open and fast scrolled up and down on an iPhone or iPad iOS 7, it instantly closes and all functions are frozen - only a page refresh releases the freeze. This problem can be replicated with the jQuery demo website http://demos.jquerymobile.com/1.4.0/panel/ Is there a fix?
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() {
Jarallax animation Issue
Hi It's not Jquery issue it's Jarallax Animation Issue... I am dragging 30% and it shows 100% animation. I have made animation on 0% image shows left on 100% it will be transparent and 700px from left. but it is completing animation on 30%. checkout http://www.fltech.in/jarallax/test.html
Revert a jQuery draggable object back to a specific container when is dropped in a no-dropable container
Hi! This is my example http://jsfiddle.net/german_martin/hr8Q7/1/ Is there a way to do this?: When I move a "Title box (A or B, etc)" outside a droppable object, it must go back to the box named "Unassigned container" I was searching in google and I can't resolve this =( Here is my Jquery code $(function () { $(".unassignedClassContainer").sortable({ connectWith: ".container", handle: ".title", revert: true }); $(".container").sortable({ connectWith: ".container, .unassignedClassContainer", handle:
Action on selected name fails.
I've got a simple select box with some names in my html form. I want to show a div when 'Tom' is selected in the select box, but somehow it doesn't seem to work. Please note that I want to check the names, not the select values. $(document).ready(function() { $('#pgroup').change(function() { if ($('#pgroup option:selected').text() === 'Tom') { alert ("hi"); $(".complete").show(); } }); }); And my html: <select name="pgroup" style='width:150px;'> <option value=newboxes1>Jenny</option>
Reset zoom on page change?
During the development of our mobile website, we came a cross a problem with the zoom of the mobile devices: If the user zooms in and then changes the page by clicking on a link, the website remains zoomed in. After search the web for a solution, I found this script. Using the way to disable and reenable the zoom from that script helped to counter the problem in Chrome and Opera on Android, however for Firefox on Android and Safari on iOS it remained unchanged. I have however not found a diffrent
Selectable with Multiple Regions
I need to present a list to a user and allow him/her to break it up into 5 priority zones of severity. The zones will then have different background colors or some other indicator. ie 100+ = Very high, 85+ = High etc... It will not always be uniform across all categories I had the following possible solution: Using KnockoutJS set up 6 lists with only those containing records visible. It would start with all items in an "Unselected" list. The user would select items, press a button and those
Ajax problem with Local vs remote service in .NET WCF
Attached is a Visual Studio 2012 project that contains a solution with two web projects. One contains a WCF Service plus a single web page Default.aspx and the second project is just a single web page also called Default.aspx. The two aspx pages are identical except a change in namespace on the very first lines. When I run the solutaion which is using 10.1.2 and load the two web pages the page in the same project as the service can call the service with out problem. But the page that is in the
Dynamically updating link button text - not working on the second run.
Hi, can anyone tell me how I can update the text on link buttons dynamically. I can get it to work the first time but then I lose the formatting. I have included a jsfiddle to hopefully show what I am trying to do - please ignore the layout/styling as I have stripped it down to basics to just to get it working. Thanks in advance.
How to increase the options in the menu?
In the main menu of my site I can not put more than 81 options . It 's normal? Having reached this number: 10 titles and 71 subtitles, Menu delete the other additions. How can I extend this function? Thank you.
DatePicker default format to follow user locale
I understand that the default format of the date in the DatePicker control is MM/dd/yyyy. I would expect that it follows the current user locale instead. Is this possible somehow? I don't want to explicitly set it.
regarding Jquery min .js
Hi All, I am very new to jquery, i have this Jquery-min.js file, but when i include this in my code <script src="js/jquery.min.js" type="text/javascript"></script> and run the default page, it goes google.com, and when i comment out this code it opens the page but with out any animation, mouse over function and click event. Kindly help me on this.
[Jquery] render different between Chrome and Firefox
Hi everybody, im newbie in magento and start build my website 10day ago with magento community 1.8 today when i install facebook comment extension in this link: magentocommerce.com/magento-connect/all4coding-facebook.html extension work but something wrong when extension display in frontend. i think JQ dont working correctly look at the picture i attchments. this error description in there. Link demo: http://quanaomoi.com/em0065-full-package/index.php/microsoft-wireless-optical-mouse-5000.html please
rename not working jstree
I just downloaded the latest copy of jstree from the site and added the below html file to the package. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>jsTree test</title> <!-- 2 load the theme CSS file --> <link rel="stylesheet" href="dist/themes/default/ style.min.css" /> </head> <body> <!-- 3 setup a container element --> <div id="jstree"> <!-- in this example the tree is populated from inline HTML --> <ul> <li class="node" >Root node 1 <ul>
Jquery & Rapid SSL
Hi - we recently installed Rapid SSL for our site and now we see that our Jquery slideshow is blocked causing the page to look terrible. When we ALLOW the site to use Jquery (basically disable Rapid SSL and the security of our site) the pages look fine again and Jquery slideshow operates as normal. Any way to get Jquery to work on a Rapid SSL secured site? thank You
checking if submit was successful
Hey, I have an normal form and I want to send it out. I know how to use the validate stuff etc but since something can go wrong when you insert your stuff into a DB I want to check if it was actually successful. So I want to send the data and somehow receive if it was successful. Is there a way to echo the result in the processing php file and get the result in my form file? I hope you get what I mean. Best regards, snaper
jQuery .post() method and codeigniter form_validation
Hi ! I want to validate a form without refreshing the page using the .post() jQuery method. I use codeigniter for validation . Here is the jQuery code: $(document).ready(function(){ $(".form_errors").hide(); $("#send").on("click",function(){ //the submit button has the id="send" $(".form_errors").hide(); //these are <p> for each input to show the error var user=$("input.box"); var data={}; var names=$("input.box").attr("name"); for(i=0;i<user.length;i++){ name=names[i]; value=user[i].val(); data.name=value;
Fade-based navigation - only works once for some reason
Hi guys, I'm using a simple function to fade between five divs based on clicking five corresponding divs. It works beautifully once - when I click one of the five navigation divs, the current content div fades out and the selected div fades right in. However, when clicking again, the current content div fades out and nothing fades back in. Seems that all five of the content divs end up with display set to none and won't fade back in. Any ideas would be greatly appreciated! Code below. <script type="text/javascript">
customized spinner
Hello jqueriers, i am newbei here and I want to add a spinner in my jsp page. The spinner widgets i found in internet are nice but i need it with different layout as in the picture. the two placeholders in the picture would be one for the number and one for a label like "piece", "cartoon", etc. I appreciate your help. Regards, Mokhtar
Is there a scrollbar with events in jquery (or ajax, or anywhere)?
Is there such a thing as a stand-along scroll bar where you can set a max and a min and drag a thumb and have it fire events so you know where it is? Thanks,
Next Page