class value not changing on jquery selector
<script> $(document).ready(function () { var radioselected; $('#radioContactTasks input[type=radio]').change(function() { $('#contacttype').removeClass("invisible"); $('#contacttype').hasClass("visible"); radioselected = $(this).val(); }); $('#contacttype select').change(function () { $('#contacttype').removeClass("invisible"); $('#contacttype').hasClass("visible");
Does jQueryMobile works inside frameset?
When using jQueryMobile inside <frameset> it seems width and height is determined correctly. Any suggestion to make jQueryMobile work with frames?
Can't seem to refresh style of <a data-role="button">
Hi there, I open the datepicker with a <a data-rel="button"> and I change its text when a new date is selected. However, I can't seem to update the buttons style back to normal after I change its text. <a id="a_workout_date" href="#" data-role="button" data-mini="true" >2013-01-01</a> $("#input_workout_date").change(function() { $("#a_workout_date").text($(this).val()); $("#a_workout_date").trigger("create"); $("#a_workout_date").button(); $("#a_workout_date").button("refresh");
scrollTop and scrollBottom
firstly, when scroll is down i wanna div element moves to right, when scroll is top wanna div element moves to left. how can i do that? var $win = $(window); $win.scroll(function () { if ($win.scrollTop() > 0) {$(".Ax").animate({"left": "+=50px"}, "slow"); });
DataTables: Loading JSON from external AJAX call into DataTable
I am using DataTables 1.9.4 with jQuery 1.8.1. I have created a table which has zero records on page load. On click of a button I am fetching data in the form of JSON using an external AJAX call. I need to load this JSON into the already existing data table. I read through the examples and older discussions which suggests the usage of "sAjaxSource" option and "fnReloadAjax" function to load the data into data table. To my understanding it works only if make use of DataTable's built in AJAX feature.
Carousel with built in menu
Hey everyone, I'm trying to build a site with a carousel. The idea is I have a menu and a submenu next to eachother, then after that all the content of the concerning submenu's. I want to use a carousel than can go to the position of a certain item if you click on the items in the menu and submenu's: item1 item2 item3 item4 item5 item6 item7 ... menu_link1 submenu1_link1 content3 content4 content5 submenu2_link1 content7
Recommended architecture for RESTful API
Hi, I'm trying to figure out what's the best way to use jQuery Mobile with PhoneGap to interact with a server. So far I've read: http://forum.jquery.com/topic/restful-resources-rails-3-and-jquery-mobile http://fuelyourcoding.com/getting-started-with-jquery-mobile-rails-3/ http://blog.digitalbackcountry.com/2011/12/passing-data-between-pages-in-jquery-mobile/ http://jquerymobile.com/test/docs/pages/page-navmodel.html and haven't found a definitive answer. Or more likely am too lost to piece the information
can i horizontal scroll bar to navbars
can i add horizontal scroll to nav bars if si please send code.
upload a image using jquery and html
I want to develop a jquery based mobile technology. main task is upload a image using jquery and html ,javascript only. please give code if posible
how to check if checkbox in css class
Hi, I have gridview and have checkbox ( Asp.net checkbox) in each row. and each checkbox have class name ".grp". so, how i can check if atleast one checkbox is check in this class ".grp".
I want the tag name in the alert box.
Suppose I have a structure as below: <div> <span>hello span</span> <p> This is the paragraph </p> </div> Now I want is that when clicked on the paragraph it will alert as "paragraph". If clicked on the div it will alert as "div". Means I want the tagname in the alert box. Please help.
jQuery Mobile without UI widgets (only using AJAX navigation and events)
Although the jqm ui is great I'm now in a situation where I need to use custom html without enhancements. So basically what I want is the jqm ajax navigation, loading widget and (touch) events. I noticed http://jquerymobile.com/download-builder/ but I'm not sure what the status is as it's mentioned not to use it for production code. And even if it was production ready, I'm not sure which components to pick for what I want. Is it easily possible to use what i stated above without a hacky approach?
Viewport settings for Android vs. IOS?
Can someone please clarify the viewport settings required for JQM to work on IOS and Android devices? The website states JQM is "A unified, HTML5-based user interface system for all popular mobile device platforms," but I cannot seem to get my site to display/render properly on Android devices. It works beautifully on IOS, but Android devices display the site very small when viewed on the testing emulators provided by BrowserStack.com. I'm using the viewport settings that JQM recommends: <meta
What is "this" in jquery? Is it a dom element or an object?
I am using "this" in jquery but have not a clear idea about "this". I recently read a tutorial saying this is a dom element as well as an object, depending upon the usage. Please make clear.
Multiple buttons on same page
I'm trying to create a ToDo list where I can add items on each day. I display all days of the week with a text area underneath the day with an Add button. I got Monday working, then I got Tuesday working, but then I can't get Wednesday to work. I'm not sure if I have a small error in my code or if I'm using jQuery wrong. Any help would be greatly appreciated. <div class="daily_todo"> <div id="monday" class="dayOfWeek"> <p>Monday</p>
Function problems using .post
I recently started using JQuery after about a 3-year lapse. Needless to say, I'm quite rusty. I have a button that, when clicked, needs to send various variables to a .php file containing the appropriate function. My issue is that the button will click, any test alerts pass the appropriate values into said alert...however nothing fires off on my .php file. I'm at a loss. The function below exists inside of the $(document).ready $(function() { $( "#buttonSubmit" ) .click(function()
When will be a good time to start reporting bugs & pull requests to jQuery 2.0?
I'm quite interested in a good quality of jQuery 2.0, especially that I'm happy enough to recently work mostly on projects not supporting IE<9. I wish to know when will be a good time to start tracking potential bugs and report pull requests to the code base? I'm asking because work on this version seems to just have started and I wouldn't like to duplicate your in-progress effort.
Animate on hover to scale images issue
I am not sure why, but when you rollover the image fast it grows and it does not go back to it initial state. Everything seems to be working fine. Except this and when you try to move your mouse fast frm left image to the last, right image and back, everything is messed up. Here is a URL to the page http://bernerfoods.bolderimage.com/products/coffee-beverages/ $("#rollovers li").hover( function () { window.imgWidth2 = $(this).children().width();
getting post individual string
I have a query which is not getting result. $(document).ready(function(e) { $('.edit').click(function(){ $.post("selected_record.php", {company: $company}, function(data) { }); }); }); above query send company name to php page. $company = $_POST['company']; $selectedcompany = mysql_query("SELECT * FROM employees where emp_company = '".$company."'"); $comps = mysql_fetch_array($selectedcompany); $name = $comps['emp_name']; $designation = $comps['emp_designation'];
Supersized transition effects problem, help meh if u can :)
I simply want to change the effect from this silly slide in / slide out to a nice fade but cant get it to work in the .php file of my wordpress template this is the problem area i think: I would sure appreciate any advise! $tf_bg_img_next.css('left',$tf_bg_img.width()); //now slide it to the viewport $tf_bg_img_next.stop().animate({ left : 0 },1000); // I try and replace this with...and nothing :( $tf_bg_img_next.stop().fadeIn(1000);
error in CORE jQuery: a is undefined....
get error: a is undefined, in connection with jquery-ui (ah yes, my favorite..... ;-) trying to get a slider working... why am I getting this error in jQuery core... using jQuery 1.8.2 with whatever jquery-ui is latest download... (can't post example, as don't have FTP access at work..) thank you..
iBooks-like menu
I need to create a web based menu system that opens similar to the iBooks app, when you click on the icon the screen splits and the bookshelf appears with elements inside. I have seen something similar here: (http://www.ok-studios.de/home/ , click on Projeckte) however the element you click on is not highlighted, it just slides away in the background. Thanks, Sam
I'm desperate with function ( $. each ())
Hello friends. I need help to replace forEach function with $.each Original Code: //iterate list trunks/branches function listBranches(trunk) { var $trunk = $("<ul>", { "data-level": ++level }); trunk.forEach(function (branch) { var $wrapper = $("<div>", { "data-level": level }); var $branch = $("<li>", $.extend(branch.props, { "data-level": level })); if (branch.sub) listBranches(branch.sub).appendTo($branch); $branch.appendTo($wrapper);
Image Survey Plugin
Hello ALL! I'm new here. I have a problem that I have been searching all over for. I'm trying to find or build a jquery image survey plugin like this: https://beautyarmy.com/account/surveys/1 Depending on the boxes hit, the user would be taken to the next set of questions/boxes. Each question will ultimately come together to build a product. For instance, question 1 + box 2 = product and so on for the rest of the questions. All together it adds up to the ultimate product. Once they answer about
How to find width of all images and apply them to their parent containers
Here is what I do but it does not seem to work. I use window.varName because I need to reuse them in another functions. $("#rollovers li img").each(function(){ window.imgWidth = $(this).width(); $("#rollovers li").css("width" , imgWidth ); });
Help!!
please i nedd help!! i want to create a mobile application (support: Android 2.3) and i don't know haw to start... what technologies do i need??? jqm+phoneGap+??? do i need SDK and java and Json....please help!! it is not complicated the idea of the application just transitions and pages and buttons and access to data base to get the informations of a client for exemple..thank you.
Help!!
please i nedd help!! i want to create a mobile application (support: Android 2.3) and i don't know haw to start... what technologies do i need??? jqm+phoneGap+??? do i need SDK and java and Json....please help!! it is not complicated the idea of the application just transitions and pages and buttons and access to data base to get the informations of a client for exemple..thank you.
How to change all "name" attributes in a cloned div?
The script below is working fine but... I need all unique "name" to send the form with php. Can someone point me in the right direction? $(function() { $('#pers').change(function() { var personsSelected = $('#pers option:selected').data('costid'); var personsDisplayed = $('[id^="customer-"]:visible').length; var personsRendered = $('[id^="customer-"]').length; if (personsSelected > personsDisplayed) { for (var i = 1; i <= personsSelected;
Is there a reference list to CSS selectors that are tied to the UI objects?
Hi I'm fairly new to JQuery coming from a decent JavaScript background I'm stumbling my way through and figured out a bit through sample codes etc and the API documentation. Looking into the accordion demo I realized you can apply styles to objects with something like this .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; zoom: 1; } .ui-accordion .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-noicons
en: View 'div' by clicking on a 'LI'. //pt: Exibir 'div" ao clicar em uma 'LI".
--- Translated by Google to english -- I have several elements "LI". Within each element, have a "div" with a class, I want that when you click on the element "LI" display only "div" of "LI" that was clicked. --- Original in portuguese -- Tenho vários elementos "LI". Dentro de cada elemento, tenho uma "div" com um class, quero que, quando clicar no elemento "LI" exiba somente a "div" da "LI" que foi clicada.
How to capture href event in a table row with multiple href's
I have a table structure which contains several href elements. One of the href elements calls a delete function and I'd like to pop up a dialog to ask the user if they're sure they want to do the delete. How do you capture the href click event and how do I identify which href was clicked when you have multiple href's in the table line. Thanks, Tom <tr> <td style="text-align:center; width:5%;"><a href=xxx.php?StaffEditID=<? echo $StaffID; ?> ><img src=pencil.gif border=0</a></td> <td style="text-align:center;
[jQuery] $.ajax beforeSend Accept-Encoding behavior
I'm trying to make an Ajax request, specifically requesting a non- gzipped response. Here's how I am going about it: $.ajax({ url : 'http://my.valid.url/', method : 'get', beforeSend : function (xhr) { xhr.setRequestHeader('Accept-Encoding', 'identity'); xhr.setRequestHeader('X-Test', 'foo'); } }); Watching the action with LiveHTTPHeaders in Firefox 3, I can see that "X-Test: foo" gets set correctly, but I'm still seeing "Accept- Encoding: gzip,deflate". Is this expected
Why $("body").data("n","123"); fails inside ajax success function ?
Folks, I am using .data() to store some data. It fails during my intended action. My syntax is, I believe correct because the same command/syntax works fine when it is placed elsewhere in the code. Thus, in the example below I would expect the alert to give me "123" but instead, it gives me "undefined". If I place the store request else where (inside the GetDefaults() function but external to the $.ajax request, it works. If I place it before GetDefaults() it also works. But when executed as part
VALIDATION ERROR MESSAGE WITH CHECKBOXES
I have: <li id="li_9"> <label class="description" for="element_9">Gender *</label> <span> <input id="element_9_1" name="element_9" class="required" type="radio" value="1" /> <label class="choice" for="element_9_1">M</label> <input id="element_9_2" name="element_9" class="required" type="radio" value="2" /> <label class="choice" for="element_9_2">F</label> </span> </li> Yet if none are chosen, the error message cuts right through the middle of the
send a value in jquery mobile from page to page
how I can to send a value from page to another page This message is displayed after I installed my application on a tablet Application Error : une erreur réseau s'st produite(file:///android_asset/www/maPage.html?MaValeur)
Fileselect control
I have created a textbox control. Now I want to create a fileselect control and use the textbox control to display the file selected. How do I do that? Basically , I should be able to enter the input in the textbox or select the file. I want to use the same area used by the id orignum to display the file selected? <label for="Orig Number">Orig Number</label> <input id="orignum" name="orignum" /> <input type="file" name="filesToUpload" id="filesToUpload"> Both the controls appear inside the
Newbie - Help with a navigation menu
Hi I'm relatively new to the whole mobile development area so apologies for this. I'm having a small problem with a sample application I'm just trying to get up and running. In the code below you will see I'm trying to make a navigation menu for the homepage of my application however when its run in the emulator/on any browser window the menu buttons rendered will end up on the side of the page. What I am ultimately trying to do is to get the 4 buttons centered and made bigger so that each button
Can a jsonp ajax call be done with xml?
Hello, Im trying to do a mapquest cross-domain ajax call. But, the format of json they want is not valid. They are expecting the json to be formatted as such: json={locations:[{street:"York,PA"},{street:"Red Lion"},{street:"19036"},{street:"300 Granite Run Dr, Lancaster, PA"}],options:{thumbMaps:false,maxResults:1}} http://open.mapquestapi.com/geocoding/#batchsample But this format is not valid in jquery. It even fails in the json validator website. Thusly, Im getting errors all over the place.
jquery leave domain?
Hello, i need to open a popup, when the user leaves a website. i mena the complet site/domain and not a single page. i try this <script type="text/javascript"> jQuery(document).ready(function() { $(window).unload( function () { alert('unload'); }); $('a').unbind('unload'); }); </script> but the popup appears always, when i leave the page and when i click a link inside the page What is wrong in this code?
popup
How to open popup image at body onload page
Next Page