Fixed Navigation Bar Scrolls Instead Of Staying Place.
I have included a fixed navigation in the footer of my pages. What I have noticed is that if I pause slightly using the navigation it stays in place as I want it to, but if I click/tap instantly it scrolls with the page. See here, http://jsfiddle.net/2PfsG/ Is there a solution to this? Thanks.
Hide string of text followed by random number
Hi! I'm trying to hide a string starting with text 'Ref:". I know various ways of targeting specific text but this one is followed by a 6 digit random number. I can't figure out how to include the number since it is ever changing. Although it can be in a different order, this is how it usually appears in the markup: <small>(Delivery Options: Standard Shipping - $11.95, Delivery Date: 01/31/2014, Ref: 404927)</small> How would I hide "Ref: randomnumber"...? Thanks so much! Susan
Problem with jQuery UI icons in wordpress
Hi, I'm using jQuery UI for do a accordion in wordpress. The accordion works fine but I can't put the icon correctly. The icons show like this: And I want like this: I don't know what is happend because the url of the image is correct in the jquery-ui.css .ui-icon-triangle-1-e { background: url("img/baja.png") center no-repeat !important; } Somebody have any idea???
I am writing a custom accordion. On page load the accordion must be compressed.
//On click there should be only one body of clicked li must be visible. When I re-click on the open 'li' it should be //closed and nothing else should open. $(document).ready(function(){ $('.content .part').hide(); var id='l'; var count=0; $('.content .close').each(function(){ //$(this).addClass('close'); var iden = id + count; //alert('iden is:' +iden); $(this).attr('id',iden); //a=iden; //alert($(this).find('h3').html()); //alert($(this).attr('id')); count++; });
dialog() implemented in login and registration system
Hi there, I tried out a tutorial for a login system with php, mysql and jquery (http://tutorialzine.com/2009/10/cool-login-system-php-jquery/) for implementing it into my website. This works like a charm, but, when i want to add a button, that when clicked on, opens a dialog(). This doesn't work. Could somebody tell me why this isn't working? Without implementing the login system the dialog appears like there's nothing going on. Thanks
may create all db in index.html even for second html page db
WHEN IN A jQm phonegap app I use two web sql db in two separate html pages one in each may create all db in index.html even for second html page db?
about active functions and and mask's in a input
hi guys, i really need a help here.... i have this kind of function in a loop waiting for a button beem hit: $("#Worker").append('<input class="money" type="text" id="Workmoney'+i+'" name="Workmoney'+i+'" /> its work like a charm, but now i need some mask for work with this appended.... sow, in the jquery document ready i put this line: $(".money").maskMoney({showSymbol:true, symbol:"R$", decimal:",", thousands:"."}); when i hit the button the script create all the appends i need... but he not
cannot access variable in another javascript
Hi, i have code like this http://dpaste.com/1568412/ i want to access var ok in another javascript, and it's not work when i alert(ok); ? thanks :)
JQM 1.4: Preserve setting for height in viewport meta tag on page change
I just found out that JQM 1.4 rewrites the viewport meta tag on every JQM page change. This creates some problems for one of my apps that needs the viewport height set to device-height - 20px (because of the statusbar plugin for Cordova/Phonegap 3.3). This is done in my app via jQuery and works fine on the first page. But after a page change JQM rewrites the viewport meta tag and thus breaks my fix. So is there a way to have JQM preserve the viewport height parameter? Does it need to be rewritten
Sorting an array of objects by multiple properties
Hello, I have a bunch of <article> elements on a page, some that have "data-order" attributes with values like "1", "6", etc. and some that don't. I need to be able to move the <article> elements with this "data-order" attribute so that they appear in the order that's set in the attributes. For example one of the article elements has this <article data-order="2">. That element in this example currently that appears right at the end all the other <articles>. What I want to do is move <article data-order="2">
Datepicker : arrow for next month invisible ?
Hi there, I just embeded the datepicker plugin in my html, and for some reason the arrow for the next month is not visible : It looks like this : (see snapshot_issue.png) And it should look like this : (see shapshot_correct.png) Any idea what wrong in my html ? I wrote this : <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>New TEST</title> <link rel="stylesheet" href="../js/jquery-ui.css"> <script src="../js/jquery-1.9.1.js"></script> <script src="../js/jquery-ui.js"></script>
jquery mobile 1.4
shall we use simpledialog? cant align yes no buttons horizontally and themes. how to fix this issue? and also want to show alert/confirmation dialog when clicking div not a link?
.each function exiting early
To start out I have a form which which at the time we could only access radiobutton or checkbox groups by name. Yesterday I figured out how to add id's to these and now my .each loops exit after the first loop. This is puzzling and I wish i could show you code of what I did but I am honestly not sure what to show you. I would like to ask what would be the possible reasons for a loop exiting early just because I changed from accessing the groups by names to ids. Any help offered would be greatly
Changing a data-divider-theme dynamically.
I am trying to change the data-divider-theme dynamically on a list. I am using the following code: $('#list_of_names').attr('data-divider-theme', $(this).attr("data-theme")).trigger('refresh'); With $(this).attr('data-theme') being the letter of the theme passed to it, either a,b,c or d. The first time the user presses a button the theme changes as I want it to but then on subsequent presses the theme remains the same. Many thanks, Lammie.
choosen plugin : how to detect the user click event on close button
I'm using choosen (1.0.0) , i would like to detect the user event click on the close button ? Any help please? Thanks
my jquery plugin cant be clled more than once
i am developing a jquery plugin that animate canvas arc from 0 degree to another degree, but when i call it more than once it just apllied to last one it is my html code <div id="can"> <div id="o"> <canvas width="200" height="200" data-num="94"></canvas> % <span></span> </div> <div id="b"> <canvas width="200" height="200" data-num="56"></canvas> % <span></span> </div> <div id="c"> <canvas width="200"
I canot set the width
I am having an element html <a class="icon-right"></a> css *{ border-sizing:border-box; } a.icon-right{ display:inline-block; height:90%; vertical-align:middle; } jquery var $iconH = $('.icon-right').height(); $('.icon-right').width( $iconH ); // test to see --> $('.test').text($iconH); I get <span class="test">90</span> If I look into Chrome webdev tools I get the final values --> .icon-right w=92px h=66px with test.text I get 90 and the width = 66 ! what can be wrong in my code ? thanks for
jquery ajax parse error in ie
Hi, I am getting this error in ie. But it works fine in firefox and chrome. I am pasting the jquery I used. Any idea why this is failing? var url = "http://urltocheck"; $.support.cors = true; url = url + "?ref=jquery-jsonp-request&callback=?"; $.ajax({ crossDomain:true, type: 'GET', url: url, cache:false,
first custom download -- full jquery in zip file (not compressed)
New to jquery and jquery-ui, I did my first custom download of jquery-ui. The web documentation indicates a compressed (min) version of jquery will be in the zip file, but it seems to be the full one. (two jquery-ui versions were in the zip file, both full and compressed) I downloaded 1.10.4, redmond theme, without any effects. Is this a bug? Since I'm new at this I hesitated to write a bug report before asking here.
Error using both jquery validation engine and jquery accordion in same page
Hi I used aspx form with jquery validation engine. I used jquery file for this validation given below <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script>. I used jquery accordion. I used jquery file for this accordion given below <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> Individually both are worked well. But using in the same page , error occured. I know we can use only one jquery file for the two events. If I using
Getting div data-role panel via ajax
Hi there! I have a question in this code. $(function(){ var menuPanel; $(document).on("pagecreate", function(){ $.ajax({ url: 'server.php', data: 'action=left-panel', type: 'POST', success: function(data){ $('#left-panel').html(data).trigger("create"); } }); }); $('#left-panel').on("tap", function(){ $('#left-panel a').on("tap",function(){ menuPanel = $(this).attr("data-rel");
Accordian jquery works as it should in all browsers except Safari (PC and Mac), help...
If you look at this page http://signsplus.printingstorefrontsolutions.com/page/vinyl-banners in any browser but Safari, and click the menus across the top in this order, Vinyl Banners, Mesh Banners, then Yard signs, you will see that the accordion menus on the left turn red, get red down arrows, and the ul list items become visible as they should (Mesh Banners has no list items). If you look at the same page in Safari (PC or Mac), click the menus across the top in the same order, Vinyl Banners
Include link in youtube player jquery-1.8.2
Hello, I'd like to add videos coming from youtube or dailymotion ... on my current player: jquery-1.8.2 My player looks like this: http://www.leszappeurs.fr/zaps_basilic.php For now, I can only add videos hosted by me, it is avi, fly, etc ... For now, there are only mp3. <track> <location>http://www.leszappeurs.fr/emissions/mp3/basilic/les zappeurs - le basilic novembre 2013.mp3</location> <creator>Les Zappeurs</creator> <album></album> <title>Novembre
Strange behavior: local vs online rererence to script files
Look at this: <link rel="stylesheet" href="scripts\jquery.mobile-1.4.0.min.css" /> <script src="scripts\jquery-1.9.1.min.js"></script> <script src="scripts\jquery.mobile-1.4.0.min.js"></script> When I download the files and refer to them locally, the script works. However, when I replace the lines with online reference to these same files <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.css" /> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
jquery and jquery mobile used together?
i am trying to build responisve website and looking like if i can use different jquery implementation at different resulations please help
Having troubles with cloned fields
Hi, how are you? It's my first time in the forum and my english is not very good, so I'll try to explain myself good hehe. I've this code: var i = $('.detalle fieldset').size() + 0; $("a#add").click(function(){ $('<fieldset class="articulos" id="'+ i +'"><input name="articulo[' + i + '][nombre]" id="art_nombre" value="" /><input name="articulo[' + i + '][cantidad]" class="art_cantidad" value="" /><input name="articulo[' + i + '][preciou]" class="art_preciou" value="" /><input name="articulo['
jQuery Validation: Error in Demo
Hi there, thanx for this awesome plugin. It seems that there is an error in the bundled demo. In the file index.html is a broken reference to jquery.validation.js: Line 10: <script src="../jquery.validate.js"></script> Should be: <script src="../dist/jquery.validate.js"></script> Best regards from Heidelberg, Markus
Why do I always get the last id when I do an alert..The first values are overridden by the last id of content close
$(document).ready(function(){ $('.content .part').hide(); var id='l'; var count=0; $('.content .close').each(function(){ var iden = id + count; $('.content .close').attr('id',iden); alert($('.content .close').attr('id')); count++; }); $('.content .close').click(function(){ alert($(this).find('h3').html()); alert($('.content .close').attr('id')); //I am always getting the last id "l3" }); });
Tabs won't work in IE8 with Compatibility View on
I have an aspx page that is using the jQuery tabs control that has 4 tabs. There are DIVs that should be hidden depending on which tab is currently selected. This functionality works in Firefox, Chrome and IE8 with Compatibility View turned off. However, when I turn on Compatibility View for the site, all of the DIVs below are displayed regardless of the tab that is displayed.
Animate Div To Jump In Front Of Page Content
Hi, I find that the people I work with are easily discouraged from using a webpage if there's lots of links, and there's a lot of linking data for the job. I've got a drop-down menu for categorizing. My goal is to to click a drop-down menu item and a div containing the content slides/animates/pops up (while the rest stay invisible). Like ads but actually useful ;) The div would contain a table with links, nothing special. So far all I can find is codes that float, slide, or animates the div left
Jquery touchmove event restrict to one axis
I have a mobile javascript/jquery app that uses touchmove through jquery for scrolling purposes. The entire page scrolls to show additional content when its swiped left and right. But when a menu item from the bottom is selected i need to freeze the page and just make the details pop up scrollable. I am doing that fine right now with the following. $("body").bind('touchmove', function (e) { e.preventDefault(); }); $('#detailsTextContainer').bind("touchmove", function (e) { e.stopPropagation(); });
Creating div and seeing real time text?
Hello, I'm trying to create a div ( which works ) and then add text to it in real time ( which doesn't ). my code: // this part works. $("#AddText").click(function() { if (!$('#TextArea').length){ $("#Area").append("<div id='TextArea'>test</div>"); } }); // however this isn't working, I can't seem to figure out why. $("#AddText").keypress(function() { if ($('#TextArea').length){ $("#TextArea").val(this.value); } }); any help would be great. thanks!
Dynamic treeview using jQuery plugins
Hi Team, Which is the best supported jquery plugin to get a dynamic treeview using JSON format. MY requirement: inintially only root node will be displayed and on clicking the expand button we have to query the data related to selected rootnode and the tree will grow further. Please do the needful. Need some sample working code for the same. my application is a web application using WAS server and jsp files.
"Check all" checkbox doesn't behave as expected if clicked before any other element
Hi I created the following JSFIDDLE: http://jsfiddle.net/s5Gzd The idea here is a table with different effects: * Even rows will be assigned a different style than the odd ones. * Hovering effect when placing the mouse over a row * Changing the color of a row when clicking on it or on the checkbox located on the first column. * "Check all" checkbox, which will select/deselect all rows and adjust its colors according to the state of this checkbox. Here I have only one problem: if the first thing you
What are the basic requirements for a WCF Service to be used in JQueryMobile?
Hi, I want to consume a external WCF Service provided by Client in a JQueryMobile project. So want to know can we blindly use the WCF Service or there are some restriction in consuming the webservice methods (like WCF methods should have specific attributes if we need to access from QueryMobile). we dont have any option of modifying the WCF webservices we will be just consumers so just before starting on we need know what all restrictions are there if we want to use WCF Service in
slowing .each iteration rate
Is there a way to slow the interation rate when using .each ? I would like to watch what is happening as it goes along.
Jquery Cycle plugin is stacking images only in IE 8 and 9
I can not figure out why the cycle plugin is stacking the images in internet explorer but works perfectly in all other major browsers (mac and windows versions). I am using 2 other plugins (mosaic and superfish) and they seem to be working fine so i know i am missing something simple somewhere. Any help would be much appreciated. Jquery <link href="css/styles.css" rel="stylesheet"> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/cycle.js"></script>
Creating an accordian that slides up instead of down
I'm trying to create an accordion style information on my page. When I click on one of the titles it slides down which is correct but now I need one of those titles to slide up instead of down. Here is the code that I use to make the titles slide down. $(".additional-nav-info1").click(function(){ if($(".additional-nav-info-inner1").css("display") == "block"){ $(this).removeClass("active"); $(this).addClass("inactive"); $(".additional-nav-info-inner1").stop().slideToggle(250);
Where is the data stored on the element?
Hey Guys. I am new to the .data() function and was just wondering where exactly does the data get stored on an element. I have the following code $("#store").click(function () { $("#div1").data("key1",1234); $("#div1").data("key2", "Joe Marini"); }); <div id="div1" data-key3="data attribute">Sample DIV</div> When I checked the DOM for the the div one tag, I couldn't find any keys and values and any of the attributes, just the data-key3 value. Also what is the difference between using the data()
adapt code to 1.4
Hi The code using the previous version of jqm, referred to the following files: jquery-1.8.2.min.js jquery.tools.min.js jquery.mobile-1.2.0.min.css jquery.mobile-1.2.0.min.js I see that the first and second one do not have any obvious equivalent in the 1.4 pack; jquery.mobile-1.4.0.css jquery.mobile-1.4.0.js jquery.mobile-1.4.0.min.css jquery.mobile-1.4.0.min.js jquery.mobile-1.4.0.min.map jquery.mobile.external-png-1.4.0.css jquery.mobile.external-png-1.4.0.min.css jquery.mobile.icons-1.4.0.css
Next Page