Toggle click
I tried to use toggle whenever someone click on the div. But nothing hapen then. Here is script I use: <script> $(document).ready(function() { $('#change').click(function() { $('#logo').animate({backgroundColor: '#feb20e'},100); $(this).animate({backgroundColor: '#eda710',borderRightColor: '#d3940b'},500); $(this).css({ 'background-image': 'url("Images/arrow-hover.png")' },"slow"); $('#logo').css({ 'background-image': 'url("Images/test2.png")'},"slow"); }, function() { $('#change').click(function()
jQuery Mobile Accordion not expanding (KnockoutJS)
I'm using jQuery Mobile and KnockoutJS and can't get the Accordion widget to work. You can find an example of what I'm trying to do here: http://jsfiddle.net/NYTQC/1/. The accordion panels does not expand when clicked. Can anyone explain what I have done wrong and perhaps show how to correct the code? In my real project the observable knockout collection will be updated dynamically depending on user actions.
Is there a jQuery equivalent to YUI’s DataSource?
I asked this on StackOverflow but didn't get any answers - I'm probably missing the point by a mile so I'm hoping someone can set me straight. One of the things I like about the YUI framework is the DataSource control. A common widget that intelligently gets data from a variety of sources and plugs into other UI widgets in a standard way. So... you fetch tabular data into a DataSource and then have the option of plugging that data into a table, a chart, an autocomplete widget, a straight list. All
Mortar template with jQuery Mobile - blank page
Hi! I would like to use mortar-game-stub (Mortar Game Framework) and jQuery Mobile to my UI in FirefoxOS. 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? There is a link to sample project: Project Best Regards
Can jQuery access Razor web helpers?
I'm using Web Helpers in an asp.net Razor app. To show some Twitter content (Tweets), all I have to do is call Twitter.Profile("jQuery"). As great as jQuery is, though, I want to be able to replace that arg with another dynamically. So, in an element with the ID "spanProfile", I tried to do this: $("#spanProfile").val(@Twitter.Profile(searchTerm)); ...but it doesn't recognize "searchTerm" (searchTerm is a jQuery var) declared in the same (button click) event where this line appears (now commented
images
Hi, I want to develop websites with jquery mobile for tablet size as well. Does JQM have and UI features with images/graphics as I need to use these.JQ strength seems to be with apps which is great but I dont really get much work with apps.
jQuery and HTML issue
I have a really strange problem I don't know what is wrong. I have created 4 boxes in HTML wrapped in a div container. The HTML code is as follows: <div class="categories" style=" margin-left: 10px; width: 930px; margin-top: 15px; margin-bottom: 15px;"> <div class="box1" style="float: left; text-align: center; width: 215px; height: 240px; margin-right: 15px; background-color: #fff;"><h3></h3> <ul class="products" style="width: 200px; height: 230px; margin-left:auto; margin-right: auto; overflow:
Why does the razor helper ObjectInfo.Print() wreak havoc on my page?
I added a temporary "Debug" tab to my page, with the id of "tabDebug", and added this jQuery: $("#tabDebug").html(@ObjectInfo.Print(this)); but it causes my page to go all pear shaped - almost literally: everything tries to display in one tab, instead of each part remaining in its proper tab. What syntactical crime am I committing, and what is the right way to access razor objects from within jQuery?
Cache Busting Jquery DIV reload
I am using this to reload a status. But its getting cached is there a quick way to add something to bust the cache? <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script> var auto_refresh = setInterval(function () { $('#legend').fadeOut('slow').load('status.html?').fadeIn("fast"); }, 10000); </script>
Syntax error, unrecognized expression - but why?
Hi, I've been going round and round in circles with this for the last hour, and its driving me up the wall :S The code is: $.post('/cgi-bin/links/lead_contact_new.cgi', $('#contactForm').serialize() , function(data) { var errormsg = $(data).find('#error'); console.log(errormsg); if (errormsg.length > 0) { console.log("Seems to be an errror:" + errormsg); } else {
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,
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({
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
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.
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:
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
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.
Next Page