how can I use panel widget in content view port
Hi everyone. I'm beginner...I use header nav-bar. and want to use panel widget. but now, when open panel, panel hide nav-bar. I want to in place data-role="content" and not scroll panel. anybody some idea ?
Having trouble with tabs appearance
Hello, I'm trying to duplicate the appearance of tabs (see below) where the green coloured border goes behind the active tab but overlaps the inactive tabs.It's also thicker than normal. After modifications, especially to .ui-widget-header { border-bottom: 4px solid green/*{borderColorHeader}*/; color: #222222/*{fcHeader}*/; font-weight: bold; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 4px; margin: 0 .2em 1px 0; border-bottom: 0px !important; padding: 0;
Nearest location on JQM?
Is it possible to add a button in JQM for "Near My Location" to find the nearest local office? If I have 15 locations in Western Canada, can JQM point me to the nearest location using the geo location info from my phone? Not trying to make a big development project, but trying to determine if there are any simple solutions to this geo location feature for a company with multiple locations? Thanks!
jquery sortable not working well with li widths
I can use jquery to sort an individual list and sort between lists. However when I attempt to do both, the individual sort works really poorly. (Seemingly can only find room at the end) It seems has to do with specifying the width of the li. Any ideas. Thanks all - ive been struggling for too long. Website its located at is : http://s95311055.onlinehome.us/midwives2012/sortFields-test.php <script> $(function() { $( "#category1, #category2, #category3,#removed" ).sortable({items: "li:not(.ui-state-disabled)"}).disableSelection();
iPhone Flicker Issue When Expanding Collapsible Section
Just wondering if anyone else has seen this flicker issue when expanding a collapsible content section. I'm using an iPhone 5 with JQM 1.3. I have a collapsible like this: <div data-role="collapsible" data-theme="b" data-content-theme="d"> <h4>Heading</h4> <p>I'm the collapsible content with a themed content block set to "d".</p> </div>
Help on menu click
Hello guys, im new to jquery, i got this code from another site, and i dont know how to change it properly. $(function(){ var menus = $("#individuals, #institutions"); menus.click(function(){ menus.not(this).removeClass("menu_ativo_english"); $(this).toggleClass("menu_ativo_english"); }); }); PS: "#individuals" and "#institutions" are the menu id's. "menu_ativo_english" is the class that i used to change the background of the current ID. im using
At a loss with responsive grid that works in JSFiddle, and not locally
Hello, I am ready to pull my hair out on this one :) This fiddle works just plain-old-awesome in IE 9, Firefox, and Chrome: http://jsfiddle.net/JXY6E/1/ And, below is basically, to the best I can tell, the same exact markup, but in Internet Explorer 9 it always loads with the blocks stacked on top of each other. I am at a total loss why this is happening. What's worse is that the example pages on the documentation site also work great in IE 9 for me, these ones: http://view.jquerymobile.com/1.3.0/#/1.3.0/docs/widgets/grids/
How to put a button next to an input box on Firefox?
Hello, I'm using jQuery Mobile 1.3.0. How do I put a button inline and right next to (after) an input box on Firefox? I have a fieldset element to keep the label and text box inline with each other, and then have an icon-only button immediately following the text box. It works on Chrome and Safari, but the problem is that on Firefox the icon-only button is vertically pushed down a bit from the label and the input box. I tried using a negative margin, and also a negative top value, to move the
Trying to Enable Insertion of Black Overlay Div on Successful e-mail submission
Hello everyone, I have a question that pertains to inserting a div that disables all the elements inside the body of the page and has an opaque black overlay while displaying a 2nd confirmation form on top of it. I have placed the second form outside of the page's container div. The jQuery involved starts with a .submit() event listener which fires off an .ajax request to a PHP script that tests the user's submission and removes any harmful hijacking code (I believe this may be where the jQuery is
Why am I getting this "Stop Script" message in IE7/8 when using a select list in a dialog?
Hi all, I have a select menu inside of a jquery dialog on a page. The list is fairly long, 1450 items. When it is on the page it's self, it works fine. However when I embed it in a jquery ui dialog and click on it in IE7 or 8 (haven't tested 9), I get the infamous "Stop running this script" error, and the menu never opens. The page uses the jQuery validate plugin on the form, but removing that doesn't fix the problem. There is no other JS attached to the menu.
Jquery and sqlite
Hello everyone, I am building an offline application using sqlite on phonegap, and my Jquery versions are 1.2 for mobile and 1.8. My code did not work, i don't know if this is the right way to store date into database. The timeFunction is called on 4 different buttons depending on which button the user clicks. For example, if morning button is clicked and then the the ok button which calls the timeFunction is cliked, i wouls like the data to be stored in the morning column. Below are both codes.
2 lists one sortabel one draggable.
I have a list of items on the right of the screen, I'd like to be able to drag from this list and drop the items onto a list in the middle of the page which is sortable, I need the original list items to stay in place so that you can go back drag them on again. I have the sortable list in the middle of the screen, and the list on the right is draggable but how do I make the draggable items droppable onto the sortable list in the middle of the page? Its not connected lists I would like to use
how to delete the droppable element in a container
my coding is here: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title> UI Droppable</title> <link rel="stylesheet" href="css/jquery.ui.all.css"> <script src="js/jquery-1.9.1.js"></script> <script src="js/jquery.ui.draggable.js"></script> <script src="js/jquery.ui.resizable.js"></script> <script src="js/jquery.ui.selectable.js"></script> <script src="js/jquery.ui.droppable.js"></script> <script src="js/jquery.ui.mouse.js"></script> <script src="js/jquery.ui.position.js"></script>
tabs() not working if there is a base href in the templates header
Dear JQuery team, just found an issue with tabs(). I wondered why my tabs content was shown on top of each other in every tab. Reason was a <base href="http://....."> in the templates header. As soon as I removed it the tabs worked well. Maybe this is an issue to have an eye on it for the future. Greetings Bernhard
Filtering Wordpress posts by category without reload (jquery?)
I've been looking around for a way to filter my posts on http://www.waziproject.com/wazimagazine/ without reloading the page. I've had a look at jquery / json & ajax and / or a combination of these. Without avail... The Isotope and Quicksand plugins only allow for the use of 5 categories apparently. So my question is if anyone can help me out to turn the following (see code below) into a list of filters that don't require refresh/reload of the page... The Ajax solution I believe the following answer
swipe panel problem
Hello. I use the new jQuery mobile 1.3.0 and i discovered the swipe panel demo. I implement it on my web site (m.optimumgym.fr). It work fine when you launch the page directly but not when you click on the link on the menu (the swipe panel) The exemple code of page : $( document ).on( "pageinit", "#demo-page", function() { $( document ).on( "swipeleft swiperight", "#demo-page", function( e ) { // We check if there is no open panel on the page because otherwise // a swipe to close the left panel would
jQuery Cycle: problem with 1 slideshow / multiple pagers
I have two pagers controlling one slideshow; one with text links and one with numbers. The problem is that Cycle is reading the pagers continuously, so on the numerical pager, '1' goes to slide 4, '2' goes to slide 5 etc. Is there a way of using pagerAnchorBuilder foreach pager separately? pager: '.benefitsPager', pagerAnchorBuilder: function(idx, slide) { return '.benefitsPager li:eq(' + idx + ') a'; }, <ul class="benefitsPager"> <li><a href="#">How it started</a></li> <li><a href="#">High
need help in query
hi i have below situation: <div id="1"> <img class="close"> </div> <div id="2"> <img class="close"> </div> like this multiple divs which have same image. now i want to write a jquery function, the divs which has these image, on clicking of the image, divs should hide. i want generalize function.. $(this) wont work.so what should i give here.. $(".close").click(function() { $(this).hide(); });
Scrolling text from right to left
Hello; I want the text to scrol from right to left. The text is dynamic from database. What would be the best solution? <div style="width:300px">Dynamic Text Goes Here</div> Thanks
issue with two pagers one with thumbnails and one with numbers
i am using jquery cycle plugin( Scripts/jquery.cycle.all.latest.js) for image slide show. i the slide show i need to display two pagers one is image thumbnails at the bottom and pager numbers at the top . but i geting both thumbnails and pager numbers in both the places (botton and top of the slider) here is my script < script type ="text/javascript"> $(document).ready( function() {$( .slideshow' ).cycle({ fx: 'fade', pager: '.nav' , slideExpr: 'img' , speed: 'fast' , pagerAnchorBuilder:
insertAfter strange behavior
I'm trying to move a div that contains an object element that contains a JW Player. The div looks like this, where it's currently nestled between some p elements: The view above is from the Firebug HTML panel. The jQuery I'm using is $('#container_wrapper').insertAfter('p#crown_li'); After this executes, the player is no longer visible and the HTML looks like this: The div and the object moved to where they should have, but the object element is faded and it no longer displays
Best way to change widget theme after the page is first loaded?
I have some jquery mobile widgets on my page and I want to change the theme used by a button once some other action occurs. What is cleanest way to do this? Thanks,
how can i add close button on a youtube video when itse is playing on a webpage
Hi,, i have a example which you can check it out by http://jsfiddle.net/tJpBY/ link. how can i add close button on top of the video when it is palying.Please help me in this regard. Regards, Krishna H
jQuery dialog not working properly
Hi, I am facing this problem for quite long time. $(this).dialog('close') working fine first time but not second time. I am using ajax, so there is no page refresh occurs. Until ajax call is successful dialog closing properly. And once ajax call is made its not closing even if submit/save button is clicked. Here is my code, CODE: jQuery.noConflict(); function submitDetails() { var inptUserName = document.getElementById('username').value; var inptPassword = document.getElementById('password').value;
hi need help here .. writing a function using query
i have below scenario: <div1> <div2> <div3> all are clickable <div1> click -> <div4> opens, <div5>should hide <div2> click -> <div5> opens, <div4> should hide now on clicking <div4>, <div6> opens everything else should hide. i have written jquery for this, but in separate functons using all div ids separately.. i want to club this up and make a single function.. please tell me hw to do so.. thanks!
Event delegation confirmation
i used to know that this is better $('ul.parent').click(function(e){ if(e.target.nodeName === 'A'){ //the event will bubble [speed optimization] //instead of using $('a').click(function(){$(this).whatever}) } }); in try.jquery.com they say $('ul.parent').on('click','a',function(){...}) // is this the same
T-shirt designer
Hello I really need a t-shirt designer. I have searched the web after a script to use but can not find any. Does anyone in here know of a script? Or can you point me in right direction where to start if I try to build one myself. I know a bit of C# and MVC. The designer have to do this Upload and save pictrures of shirts. Add text to shirts and edit the text such as font, size and color. Have categories with our own prints and just click on them to add to the shirt. Resize, rotate and crop images.
how to send huge parameters information using $("#id").attr("href", url)
Hi All, Hope all are doing good. I'm facing issue with the usage of $("#download").attr("href", url); when sending large no.of input parameters from js to next level. could you please suggest here how can i send the large amount of parameters or data to my application ?
Can anyone help me please... i'm trying to use class instead of Id but class is not working.
<td> <?php $academics=mysql_query("SELECT * FROM tb_academic"); ?> <select onChange="showsub(this.value)" class="required search" id="" name="level"><option>--Select a level--</option> <?php while($row=mysql_fetch_array($academics)) { ?> <option id="<?php echo $row['id']; ?>" value="<?php echo $row['academiclevel'];
jquery mobile javascript calculator for phonegap
I am very new to javascript, and I am trying to build a mobile app with Jquery Mobile. I would like the user to input one value on each page and then on the last page they will click submit and it will display the calculated value on the last page. I have been working on this for like 4 hours and I can get the calculation to work on the same page as the submit button but not on the next page. <script> function sum() { var item1num = document.getElementById('item1num').value; var item2num = document.getElementById('item2num').value;
non editable jquery plugin
Hello, i have created a plugin which consist of a logo, i want that the person who is using that plugin should not be able to remove it. Is it possible?
switching e.preventDefault() on and off so swipe works on android
Here's a snippet of code that triggers events on swipe left and swipe right. the problem is with androids then need e.preventDefault() to be called to ensure this can happen according to http://code.google.com/p/android/issues/detail?can=2&start=0&num=100&q=&colspec=ID%20Type%20Status%20Owner%20Summary%20Stars&groupby=&sort=&id=4549 Here is my code var maxTime = 1000, // allow movement if < 1000 ms (1 sec) maxDistance = 50, // swipe movement of 50 pixels triggers the swipe target
Upvote & DownVote
Can someonepoint me in the right direction on how one would do this. Basically you vote on something. The ones with the highest votes go on the top. Ones with the least. on the bottom. thanks
Usage for Attr
I am trying to this on a input tag that is a type password and changing it to text, but the below line crashes my script but it work when i use prop instead anyone know why? does not work $(selector).attr('type','text'); works $(selector).prop('type','text');
Run script every time the page is shown
jQuery 1.9.1 jQuery Mobile 1.3.0 I want a script to run EVERY SINGLE time a page is shown, including the homepage and every other page on the site. Please tell me exactly what code I need and where to put it on the page. I have been trying to figure this out for a week, and I'm getting sick of jQuery mobile and it's quirks. Thanks.
Tabs example not working - all tab content shown
Hi there, just tried the example of jquery.com with tabs. I've set up jquery tabs with the ui. Included js and css is there aswell as jquery is. But as soon as I load the page the tabs are properly shown but in every content is the full content of each tab content on top of each other. The code is exactly the same as shown in the jquery-ui documentation but not working. Here my includes <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
Navigation may not work if viewed locally
Hi., I need page silde transition effects in offline..... It's not working in offline.... its showing like this.... Note: Navigation may not work if viewed locally The AJAX-based navigation used throughout the jQuery Mobile docs may need to be viewed on a web server to work in certain browsers. If you see an error message when you click a link, try a different browser or view help.
after load() styles are lost
hi, i am loading some content and placing it in a div. the content contains several different form elements, unfortunately jquery mobile doesn't update the styles. i have seen tons of articles and posts about that issues and none of them seem to help my case. what to do? this is some of my html <!DOCTYPE html> <html> <head> <title>test</title> <link rel="stylesheet" href="jquery.mobile-1.3.0/jquery.mobile-1.3.0.css"> <script src="http://code.jquery.com/jquery-1.8.2.js"></script> <script src="jquery.mobile-1.3.0/jquery.mobile-1.3.0.js"></script>
Tooltip : how to position the tooltip in relation to the mouse without tracking
I would like to position the tooltip in relation to the mouse position, without using the track option. The same behavior than windows system tooltips. $(document).tooltip({ position: { my: "left top+5", at: "left bottom", of: ??? } }); Thanx
problem with jquery ui tabs reload
I am using jquery-ui tabs for my commercial site.The problem with the tabs is, each contains some form elements.we need to enter data into form feilds,upon clicking submit button control goes to a php page where the data is inserted into the data base and also I need to see the content which i entered once it is inserted. I am using ajax call to this, in call back function if I use load ($('.selector').tabs('load',index);). It is not working. If I use $('.selector').tabs({active:index}); it is working
Next Page