Why are my tab contents not refreshing?
I have a page with several tabs on it. When the user enters a value in a text input and then mashes a button, I want to replace the contents on a particular tab. I have this code (some of the details are elided to show just the pertinent parts/explain what I'm doing). It works great the first time - the tab loads just fine; *subsequent* clicks of the button (after changing the text input value) has no effect, though. Why not? What must I do to force the tab to "refresh"? Something equivalent, perhaps,
Motar template and jQuery blank page.
Hi! I would like to use mortar-game-stub (Mortar Game) and jQuery Mobile to my UI. But there is a problem with it, if add jQuery source and css file in head tag I have got blank page ;/ everything is ok without jQuery. Do you have any idea what is going on? Best Regards
Tab Index in 1.10.3
After upgrading to Jquery 1.9.1 and Jquery UI 1.10.3, I am having hard time getting the index of the tab, which was perfectly working with older version ( Jquery 1.6.1 and Jquery UI 1.8). Can someone please let me know why I am not getting the tab index ? Here is my code snippet : $('#issueLevelTabs').tabs({ beforeActivate: function(event, ui){ alert(ui.newTab.index) }, active: 2 });
drag and drop on divs using border radius
I am making divs look like circles using border radius, however, I think jQuery thinks they are still square, I got around most of the bugs using simple trig to calculate where the drop is, however for things like hoverClass I am not sure how to get around this. The only thing I can think of is to use SVG graphics instead of divs. any ideas?
jQuery UI Accordion - How to move active accordion panel to top?
Not sure if this is possible or if it's even a good idea, but here's what I'm trying to do. First off the site in question can be found here... http://test.engen-tech.com/outdoor-led-lights/ The page is using a jQuery UI accordion which I've customized to fit the look I'm going for. So far I'm very happy with it. The only thing I've been thinking lately is it would be cool if whichever accordion panel was open or 'active' moved to the top of the list. So for instance, if you clicked on the 'Decorative
pageinit, does not work on the second page
I have the first page and run the PageInit, starting the page, print a console.log ('Done'); I have this code: categories.php <script> $( document ).on( "pageinit", "#page1", function() { console.log('Entra al Page Init'); $(".catItem").click(function(){ var id=$(this).attr("id"); $.mobile.changePage( "Personal.php", { reloadPage: false, transition: "none",type: "post",data: 'idCat='+id} ); }); }); </script> <div data-role="page" id="page1" > .... When the second page load, not load the PageInit,
Need help in getting xml data from Rest API
I need help in alerting data from the rest api on screen. My api url is http://www.thomas-bayer.com/sqlrest/CUSTOMER/ which lists a group of customer data(dummy). I want to design a jquery method which reads the data from the api and displays the data on screen exactly as it is shown as in response that would see the uri would shown on a browser. function callLoginService(url) { $.ajax({ type: "GET", url: url, dataType: "xml", success: function(xml) { var
Function not working when added to wordpress?
Hi I'm new to Jquery and recently did my very first function.. Hurray! It's a classic add current state to selected page. In my jsfiddle it work as it should, but when adding it to my Wordpress site, it stops working. I've implemented the function in the header, but something is not working as it should. It's the the li's in the ugly orange box that i'm trying to manipulate. What did i do wrong? Cheers
how jquery $ works?
how $() function works. where it could be find to learn.
how to hide and show radio button based on radio button selection ?
**** THIS IS MY SCRIPT**** <script src="http://code.jquery.com/jquery-latest.js"></script> <script type ="text/javascript"> $(document).ready(function() { $('vehicle_0').click(function() { $('radio1_1').show('fast'); $('radio1_2').show('fast'); $('radio1_3').show('fast'); $('radio1_0').hide('fast'); }); $('vehicle_1').click(function() { $('radio1_1').hide('fast'); $('radio1_2').hide('fast'); $('radio1_3').hide('fast'); $('radio1_0').show('fast'); }); }); </script> ******THIS IS MY RADIO BUTTON *********
Navigating through search results in a custom div dropdown
Hi. I have created a field which displays a default list of options available on focus and allows users to search through the list and select the option they desire. And i want these options to be selectable using keyboard. Keyboard selection of the default list is working fine. But, when i enter the search query in the field and try to select the options displayed using keyboard it does not work properly. Please help me out on this. Code here ----> http://jsbin.com/ujimih/10/edit
Is it possible to switch from draggable to sortable and back?
here's what I've got: I want to be able to drag items that were once apart of a sortable list. so far, I've been able to accomplish all interactions and gotten them all to work with the code I'm using. function sortable(elem){ if (elem.checked == true ){ make_not_draggable(); $( "#sortable" ).sortable( "option", "disabled", false ); }else{ $( "#sortable" ).sortable( "option", "disabled", true ); make_draggable(); } } function make_draggable(){ $("#sortable").find('li').draggable({
Duvida no envio de form pelo submit
Pessoal Estou começando a trabalhar com jquery, estou fazendo o envio do formulário através do seguinte script: <script type="text/javascript"> jQuery(document).ready(function(){ jQuery('#formulario').submit(function(){ var dados = jQuery( this ).serialize(); jQuery.ajax({ type: "POST", url: "classes/historico_add.php", //Aqui tenho que condicionar a URL de acordo com o value do botao (alterar ou cadastrar)
Memory leak ?? (detached objects count keep increasing)
Hi, I have two simple html files index.html and newobj.html index.html has a button to go newobj.html newobj.html has a back button to go to index.html. If i keep navigating between these pages, the number of detached dom objects keeps increasing. Steps to reproduce: 1) unrar the attached detachedobj.rar 2) open index.html . Open chrome tools and take a heap snapshot 3) click the new button to goto newobj.html 4) in newobj.html click back button to goto index.html 5) repeat steps 3 and 4 for say.
How I can put several tooltip on an image?
Hello! as I can put several tooltip on an image. example, in siguinete image when the user rolls the mouse over the display image information on the species of fish. EXPECTED RESULT: thanks you!! Mauricio H.
Correct way to link multiple pages?
Hi, I'm extremely new to jquery mobile, and in fact I've used jquery very little at all as a part time messer. Anyhow, I'm currently putting together a mobile site for a friend of a friend, quite a large company actually! and I'm a little confused about how to link numerous html files. Currently I have the mobile site up and running (Very messy code yet before I tidy it up) and all pages are in a single html file. The file consists of numerous 'Gallery' pages, 'Shop' pages and general pages such
Margin messed up with position:fixed toolbar, but only using "reload/refresh"
I'm rather frustrated by this one and can't see anyone else with the same issue, so I've obviously messed something up... I have a fairly simple JQM page I am displaying. This page is a single page, with a fixed position header and some content. When I navigate to this page (ajax or not), or type the URL in and push enter, it loads and everything is right with the world. However, when I push the reload/refresh button in the browser, the content loses the appropriate top margin and is obscured by
resize window and remake dom
Hi people, i'm create an awensome menu responsive (under construction) I would need to know how to return the DOM to the original state if the size of a screen are higher than 670 px here's the code http://jsfiddle.net/YCagQ/ thank's
Switching pages: new page does not get styles.
Demo: http://dev1.prosportsmedia.com/mobile/ Simple Explanation: When switching pages the new page displays but is not formatted or styled. Detailed Problem: All pages are relatively linked. When clicking on any relatively linked page the new page is loaded and displayed but it does not contain any of the formatting love jquery mobile normally applies. When visiting any of these pages by themselves they all render properly but the same issue exists where you cant navigate between them. Sometimes
Slide carousel for jquery.mobile
Please someone knows a slide carousel for jquery.mobile? thank you
Cross platform with jqm, phonegap and backbone
Hi all! Just found an app on playstore which was written by jqm-phg-backbone. Might worth a checking! App name is close2u If i posted this in the wrong place, sorry.
Slider control without text box is not re-positioned
We have a slider control without the text box, implemented with: <style type="text/css"> input.ui-slider-input { display : none !important; } </style> However, the slider control does not re-position to the left. I.e. there is empty space where the text box was. The slider does not expand to consume the text box's space. On a mobile device where screen real estate is a precious resource, this wasted space is a problem. We have tried adjusting the input.ui-slider-input's width, but this
Unclear where $(document).ready goes.
I have been using jQuery off/on for a little over a year now and I am still confused about triggering a jQuery script. I understand that there is a sequence of library scripts that are called within the head of the DOM, but I am looking at the trigger to run the script. I have seen $(document).ready( function() { blah blah blahhh; }); in multiple ways that works: 1-- as the script closest to the end of the header. 2--After the footer of a HTML 5 page, before the end of the body. 3--
Insert custom image background in footer
Hello, o need a little help, i tried a lot change my background footer to insert/show a custom img button i can't, i created a nem theme with a new name "-g", i tried a lot, i already saw documentation but no sucess, can any one help, i really need background img and not just a color.
A Colorful Clock With CSS & jQuery with real time of the server, not cliets time, ho do this?
Friends, I made a clock using this Jquery: http://tutorialzine.com/2009/12/colorful-clock-jquery-css/ But this watch takes time customer, I would use this jquery to get the server time, how I can do this? thanks
Migration of mobile site to latest jQuery Mobile version?
I've got an existing jQuery Mobile site up (http://www.vivavienna.org/app/) that was put up a year ago, and now I'd like to update it to the latest stable version. Can someone tell me how to go about updating my site, either by telling me the specific files to replace, or some other method? Many thanks
How to Update Mobile Site to Latest Version of jQuery
I built a mobile app last year (http://www.vivavienna.org/app/) using the jQuery framework. I see from the website that the framework has been updated but I'm not clear on how to upgrade the site to the latest version. Do I need to recreate the site starting with a new multi-page template, or can I just upload the folders with the latest jQuery files? thanks for reading and help
tablesorter plugin new version lost sort images
I updated my tablesorter code some time ago to the newer version, but since then the images for sorting don't show up in the table head. I even tried using the new css and table intialization using cssAsc and ccssDesc and cssHeader coomands in the intialization.. and put things like this in my css. The initlization code is below that. There is no example in the documentation so I am not sure I am doing it right. Please advise. th.headerSortUp { background-image: url(../img/small_asc.gif);
Forms help
Could anyone point me toward a good tutorial or book which covers jQuery and forms. Basically what I want is when a user selects an ID field in a jQuery grid, I want to use AJAX to populate an jQuery form. I have all the server side code worked out, I am just struggling with the rendering part. TIA.
Double checked
$('#somebutton').click(function(){ if($('#mycheck').is(':checked')){ $('#mycheck').attr('checked',true); }else{ $('#mycheck').attr('checked',false); } }); Ehehehehe, When i do checked and unchecked some checkitem it not change in second time... add attr yes but not visual and real change...
ui tabs youtube embed on iOS mobile
Scenario: JQuery UI Tabs - one of which has YouTube embed iframe code Works fine on all browsers In iOS mobile (iPhone/ iPad) the tab works but am not able to click on the YouTube - nothing happens NOTE - this only happens if video is placed in 2nd or subsequent tabs. If embed is in the first tab then it works fine in iOS devices Am using this version: http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js Any suggestions? Thanks in advance
dialog in jquery tab only works first time
I have a dialog that opens from inside a tab. Everything works great until I change tabs and come back. the second time I visit the tab and open the dialog my javascript does not work. I can retrieve the data from the form but its the old data from the last time it was open. the ajax does not submit and if I try debugging with firebug I see this error: uncaught exception: [Exception... "Component returned failure code: 0x8000ffff (NS_ERROR_UNEXPECTED) [nsIDOMHTMLDocument.implementation]" nsresult:
Reading input values and ids
I have a table that lists out order items. <div id="itemsummary"> <table id="itemsummarytable"> <tbody> <tr> <tr> <td>Item 1</td> <td>$6.00</td> <td><input id="n_7996146" type="text"></td> <td><input id="c_7996146" type="text"></td> </tr> <tr> <td>Item 2</td> <td>$16.00</td> <td> </td> <td> </td>
html table replace content onclick of radio
I have potentially several DIV's witha table in it, each with an incremental id (see below) With a jquery function to add and remove rows. I need if they user click the first radio in each row to replace the next 3 radio's with a select box with the same incremental id. I also need a cancel button on each row to revert the content back to the original radio buttons. this really goes over my head. I have no idea where to start. Thanks, Darryl <div id="TextBoxesGroup" name="TextBoxesGroup">
How to filter select in jquery mobile 1.2.0
I have a long list in select box. I want to filter select in jquery mobile . Can you help me? Thank you so much.
Can't get / set collapsible property 'collapsed'
Hello, according to docs this should tell me if a collapsible is collapsed: var collapsed = $("#MyCollapsible").collapsible("option", "collapsed")but I always get the value of the data-collapsed attribute set in the original HTML, not the current state. And this should set the state: $("#MyCollapsible").collapsible("option", "collapsed", true) // or falsebut has no effects. Instead I'm doing this way, and it works: var collapsed = $("#MyCollapsible").hasClass("ui-collapsible-collapsed") $("#MyCollapsible").trigger(collapsed
Hover in opens accordion, Hover out closes it? How to?
Hello Using accordion, I want to open it (only one section) when I hover over the header and close it when I leave the header with my mouse. Ive been able to get it to work 50% but when I hover my mouse over the header if it is open, it closes. If it is closed, it opens. I only want it to open when I hover and automatically close when I stop hovering. Here is code I have: <!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <title>jQuery UI Accordion - Open on hoverintent</title> <link
jquery ui Drag & Drop
Hi, Please see the below demo link http://demo.aarnasystems.net/Developmentphp/wishpiks/home/slider when i drag image from the slider. My image is locked between div. I want that image should be absolute position. when i use Jquery ui drag and drop its use relative position. i am draging images properly but let me to free that drag image to anywhere using absolute postion. Thanks in Advance.
When the “panel” is enabled for mobile, and then we click on the back button of mobile. Now I am redirected to the previous page, instead of this only the “panel” should get hidden.
When the “panel” is enabled for mobile, and then we click on the back button of mobile. Now I am redirected to the previous page, instead of this only the “panel” should get hidden.
Linkbutton with text on image
Hi, I have a linkbutton with an image. <a href="#cancel" data-role="button" id="cancel"><img class="cancelIcon" src="xxx.png")"/></a> css: .cancelIcon { width: 32px; height: 32px; padding-left:15px; padding-right:15px; padding-top: 0; padding-bottom: 0; } Now I would like to set numbers in the center of the button and the image should stay underneath the text. The text should stay separat and should not be included in the image, because the numbers should change by the time
Next Page