Need some help with toggleClass
I'm very new to jquery, and I appreciate any input. I'm trying to get over my fear and distrust of all things javascript! I'm updating some documentation in a Rails app. I have a sidebar with navigation links. Each link connects to an anchor in the documentation. I'm trying to use toggleClass to change the styling on the sidebar links when they are clicked, without changing all of the links in the sidebar and without changing the styling of links in the documentation. :javascript $(document).ready(function(){
.load() with beforeSend action
This works fine: $.ajax({ url: "http://myurl.com", dataType: "text", beforeSend: function(xhr) { xhr.setRequestHeader("Ajax-Request", "true"); } });However I need to return the results in a div. The only way I've found to do this is to use the load() function. $("#div1").load("http://myurl.com");The above also works but I need to set the request header to preform some different logic. Is there a way to set the request header using the load function?
s40(nokia) not recognizing jquerymobile package .js file
the web development environment of s40 platform is showing error in the .js file of jquerymobile 1.2.0 package. this in turn is preventing me to build the application since the commands like data-role and data-mini are not recognized. please help.
JSON parse unexpected character
I am getting a valid JSON object from the form handler. The problem is I get this error on the AJAX result: I get the 200 status then I get Syntax ERror: JSON parse: unexpected charACTER. This is part of the JSON object: Success... Localhost via UNIX socket [{"todo":"","date":"0000-00-00","name":"","id":"609"},{"todo":"","date":"0000-00-00","name":"","id":"608"},{"todo":"","date":"0000-00-00","name":"","id":"607"},{"todo":"ff","date":"0000-00-00","name":"ff","id":"611"},{"todo":"wash car","date":"0000-00-00","name":"Janis
What is the difference between installing JQuery application on a device using Google Play Store and using PhoneGap
Hello, What is the difference between installing JQuery application on a device using Google Play Store and using PhoneGap? IS there a way to compile the code and just copy it to the device (Phone/tablet)? Thank you!!!
Passing dynamic data into a function
Hi all, is there someone how can help me? I am definitely stuck within this problem I am quite used now (as beginner yet) to use e.data with my functions but now I want to go a step further as I have dynamic data to pass to a function. I am working with Jquerys cookbook and there is the chapter „Passing Dynamic Data to Event Handlers“. Yet, it seems I am too stupid to understand this :-( I have in my case the following code (part of a simple (not for me;-) slider): $("#arrowForward") .click(function(e)
need to iterate thru json
hi.. in the below json i need to get the value of the id==8, but some better way. not thru data[1].children [ { "id" : 1, "name" : "a", "children" : [ { "id" : 2, "name" : "b", "children" : [ { "id" : 3, "name" : "c", "children" : [ { "id" : 4, "name" : "d", "children" : [ { "id" : 5, "name" : "e", "children" : [ {} ] } ] } ] } ] } ] }, { "id" : 6, "name" : "f", "children" : [
Table TD value gets me the TH value also why?
Hi , I was working on the 1.3 jqm table to get TD values, but strangely, I am getting TH along with it? Can you please check on this. // sample table <div id="checkonme" style="display:none;"> <table data-role="table" id="debug" class="table-stripe ui-responsive table-stroke"> <thead style="font-size:small;font-weight:bold"> <tr> <th>NickName</th> </tr> </thead> <tbody class="mytbody"> <tr style="font-size:small;" class="myrow"> <td class="mynickname">Hey
Jquery Load() a url in a div tag from resource located on a different Server
Hi, I am trying to open a url in a div tag with click of an anchor tag hyperlink. my code works fine for the resource located in same directory structure, but it fails to load the url located in other server(e.g www.google.com) Following is my code which is working for local resource. <div id="divlink"><a id="anchorid" href="/About.aspx">Click Div me</a><br /> $('a#anchorid').bind('click', function (e) { var url = $(this).attr('href'); $('div#divlink').load(url);
Why isn't Qunit namespaced?
I'm curious why Qunit sticks all it's functions in the global namespace instead of behind a namespace, e.g. "qunit.ok", "qunit.test", etc.?
jquery dialog - multiple use on one page?
Hello, I'm not looking for the code (the only way I'll learn is if I search and experiment first) but I do have a question just to make sure I'm not over complicating the issue. I have a page that lists multiple (15) projects. Can I have a link in every project to a jquery dialog pop up? So there would be 15 jquery dialog pop up links on one page. I tried yesterday and was not successful, so I am assuming the answer is no. If anyone could could confirm, I would greatly appreciate it. If this is
need help traversing/retrieving info
trying to create left right image traversing gallery, but i can't figure out what I'm doing wrong. No matter what I do I can't get the left and right buttons to bring up the previous or next image. main page: <div class="blackout"></div> <div class="view_comic"> <div class="close_view"></div> <div class="comic_navl" ></div> <div class="comic_navr"></div> <div class="comic_img"> </div> </div> <?php echo '<p>', $comic_data['name'], '</p>';
Access a SOAP Web service using XMLhttprequest
Hello, I am new to JS and jquery. I want to access a SOAP web service to access GPS information of our commuter buses. I am able to do so using a .Net program on the sever side but I want to do the same on the client side. I want to access the Web service using XMLhttprequest and plot the data on a map. I followed an article(http://openlandscape.net/2009/09/25/call-soap-xm-web-services-with-jquery-ajax/#comment-478) and wrote my code but it is giving an 'undefined error' I am not sure where I am
Making a Dynamic Form
Hello, I am very new to jquery, I'm more familiar with html and php; I've only used jquery before for menu animations, and now I need to make form with dynamic inputs, the second option on the form will depend on the input from the first option; the best example is probably eBay or second hand car websites; an example of what I am trying to achieve can be found on the Autotrader website: http://www4.autotrader.co.uk/ As seen in my attached picture the "Buy a car" form features a 'make' field that
Dynamic Context Menu
Hi everyone, i'm searching for a solution to extend jQuery menu widget. The menu entries has to updated and changed before open the menu depending on table cell. It opens on mouse click on the table cell. Have i create/ rebuild the menu every time? How i derive the menu class and implement a function for "beforeOpen"? Thank you very much. Best Regards, Tino
Radio Buttons - Working Only After Page Refresh (F5)
Hello, i am am jquery newbie. i try to showing module methods with radio buttons and hidden div´s. ( for Prestashop ) I have this little Script: <script type="text/javascript"> {literal} $(document).ready(function() { $("#payment").change(function() { if ($("#bankwire").attr("checked")) { $("#payment_bankwire").show(); } else { $("#payment_bankwire").hide(); } if ($("#paypal").attr("checked")) { $("#payment_paypal").show(); } else { $("#payment_paypal").hide(); } if ($("#nachnahme").attr("checked"))
Adding radio buttons
I want to be able to have a yes or a no selection option for each question and then I will use c# to get that selected value. Not sure how to do modify jquery code to work with more radio buttons...Anyone guide me please? Thanks! <label class="label_radio r_on" for="radio-01"><input name="sample-radio" id="radio-01" value="1" type="radio"checked="" />Yes.</label> <label class="label_radio" for="radio-02"><input name="sample-radio" id="radio-02" value="2" type="radio" /> No.</label> <script>
drop styling
The droppable box in the code below accepts two different draggables. As you can see when one of them is dropped only the #draggable changes colour. What could i do so that when one draggable is dropped it changes colour and not the other one. Something like $(this) would work but that would change the drop styling not the drags. Im guessing an if statement would work but I'm not sure how to set it up. Thanks Craig $( "#droppable" ).droppable({ accept: '#draggable, #draggable3', drop: function(
vclick fires up twice
I'm trying to understand vclick event. Why does vclick fires up twice per click on this page? http://api.jquerymobile.com/vclick/
Disable button dynamically
Hi,I am using JqueryMobile-1.3.0 and cordova-2.1.0 for iOS app.I want to disable the button on pageshow event.I am doing like this $('#clearButton').attr('disabled', "") and button is <input type='button' data-role="button" data-inline="true" id="clearButton" value="Clear" onclick='resetLogin();'/> Its disabling the buttons onclick event but the style of button remains as it is.
Not accepting a drag
<html lang="en"> <head> <meta charset="utf-8" /> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script> <script src="https://raw.github.com/furf/jquery-ui-touch-punch/master/jquery.ui.touch-punch.min.js"></script> <style> #draggable1 {color:grey; font-family:HelveticaNeue; font-weight:900; font-size:40px; } #drop{ border-bottom:2px solid #ccc; width:330px; margin:240px 20px 0px 440px; float:left; } #text1
jquery.visualNav.js not working
Hi , I am using jquery.visualNav.js for one pega sliding and jquery-1.6.3.min.js for slider effect. But when i use both , the one page slider effect is not working like should. Can you please help me ? www.lew1s.com
Simple splitview with query mobile 1.3
Hi, I want to make an application with "persistent panel" on my page (and if it was possible with navbar at bottom of the screen !) The most common plugins fork jquery mobile code but Simple splitview no ! It seems to me a very good plugin to do this. But it is not compatible with the latest versions of jquery / jquery mobile. I did not arrive to contact the authors Has anyone tried to update the source code ? Thanks Frederik
JqueryMobile and asp.net master pages refresh footer
Hi all, I'm new to jquery mobile and I started to build mobile app that uses asp.net web forms and jquery mobile. This is my master page file: <%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterMobile2.master.cs" Inherits="MasterMobile2" %> <!DOCTYPE html> <html> <head runat="server"> <meta charset="utf-8"> <title></title> <asp:ContentPlaceHolder ID="head" runat="server"> </asp:ContentPlaceHolder> <meta name="viewport" content="width=device-width, initial-scale=1">
How to move Jquery code from a cshtml file to it's own .js file
I'm new to jQuery and have been working with a plug-in called jTable. The plug-in works fine as long as the scripting code is in my .cshtml file loaded by the view that retrieves its table data form a database. When I move the code to its own somename.js file I'm receiving an error stating "An error occurred while communicating to the server" when the page tries to fill the table. The script is loading into the browser fine but I'm missing something that's causing the browser to throw an exception
Jquery Drag,drop,clone with resizable and rotatable
Hello I am doing a project in that I need drag images from drop down list to container after dropping on to div the image should be selected at the same time it have to show anchors for re sizable and rotatable. I have done till drag,drop and clone of images (in that the image is going out of container don't known why still working on it) it is working if we use without drop down's but i don't know how to show anchors for re sizable,rotatable and selectable.I have searched for sample code couldn't
JQueryMobile registering vclick event handler 'sometimes' prevents default functionality
que 1: If a vlick event on a hyper link is called, is there any guarantee that the page change will occure as per the hyperlink ? if yes, here is my question: I am registering a 'vclick' event handler in jquerymobile on a button and on an anchor tag. I have set ajax processing to false. <script> $(document).bind("pageinit", function(event, ui) { $('.show-page-loading-msg').bind('vclick', function() { $.mobile.loadingMessage = "Loading...";// "Approved"; $.mobile.textOnly
Jade compiled html is not loading jQuery Mobile css
If I hard code an html file, jQuery Mobile works fine. But when I attempt to compile a .jade file into html and load the file, it loads without the jQuery Mobile css. Has anyone else experienced this problem? EDIT: I found that by using the web-based* links to the css and js files, everything works fine... but when I attempt to use local css and js files, I run into the above issue. *<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" /> *<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
opening a new tab in browser when clicking on a link
Hi I saw an earlier post asking about links to a sep tab in the navigation. I want to do something similar but the link is on a thumbnail img that goes to another website. I want that link to open the website in a new tab in the browser in case the viewer is not familiar with the back arrow button at top of the web browser. How can I do this? I tried what was suggested for a previous inquiry but it didn't work. thanks so much, m
Why does the navigation bar, not remain highlighted?
I have a jquery mobile fixed navigation bar on the footer. It seems that the first original page that is loaded when visiting the page never remain active/highlighted. It will remain highlighted when you first visit the page, but when you visit another page that is loaded with ajax, it won't remain highlighted when you go back to the original page. So lets say you have link a, b, and c. When you first came to the site, you visit link a. Then go to link b, but when you go back to link a, it won't
jqm1.3 Panel ... dismissive behavior stops working after several 'page' changes
I have a panel. It works as expected. But I want the panel to be available on every 'page'. So I set up a system of moving the panel from 'page' to 'page' as I navigate through the jqm site: jQuery(document).on( 'pagebeforeshow' , function( argo_e , argo_data ) { jQuery('#my_panel' ).remove().appendTo( jQuery( argo_e.target ) ) ; jQuery('#my_panel' ).panel() ; //jQuery('#my_panel' ).panel().trigger( "updatelayout" ); } ;
Conflict between two js files
Hi, I created web site with some js. Specifically autocomplet jquery using this manual http://jqueryui.com/autocomplete/ and map-highlite using this site http://davidlynch.org/projects/maphilight/docs/demo_features.html. I did not releaze problem until now. <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> When I commenting third
Does jquerymobile 1.2.0 supports android 4.0.4?
I have created an android web application where i have a login form that will allow the user to check his mails stored as MySql database when i try to login using the user name and password the login screen will not change to the another php file that will be created from the local apache server but it will do and connect using another android version as 2.2.2 and 2.3.3 except 4.0.4.
General Javascript/JQuery Question
If I have an anchor element on a page is it possible to pass that anchor element as "this" as a parameter to a custom javascript function, so that I can get its attribute information out of it from within the function? I'm trying to come up with a way to code a simple generic function call, that will allow me to then access the element's attribute information from within the function, for further processing. I'm currently trying to code the call in the anchor like this: <a href="javascript:findLinkPosn(this);"
Ignore http errors on $.ajax()
Hi, Even if my title is a little outrageous, more silly is the reason because I ask. I'm parsing a site for an chrome extension, but for some reason or other the server returns error 500 rendering "success" unusable. In the browser it shows alright, without problems (seems like it use the page I'm trying to parse as error page, or idk). Here is my code: getListChaps : function (urlManga, mangaName, obj, callback) { $.ajax({ url : urlManga, beforeSend : function (xhr) { xhr.setRequestHeader("Cache-Control",
my lightbox doesn't work in IE8+
Hi, Can anyone look at my code and tell me why it doesn't work in ie? ehh thanks a lot! (function($){ $.fn.center = function(){ return this.each(function(){ $(this).css({ 'top': ($(window).height() - $(this).height())/2 + $(window).scrollTop()+"px", 'left': ($(window).width() - $(this).width())/2 + $(window).scrollLeft()+"px" }); }); } $.fadePage = function(param){ var defaults = { action:
Problem using autocomplete with typing Korean letter
After Jquery-UI 1.8.1 version, If I typing Korean letter and When press down arrow, auto complete popup is hidden. so I can't choose using the keyboard, but there is no problem with using mouse. Selecting using keyboard more comfortable than using mouse selection. Please check this problem.
Why this code does not work on Chrome?
just installed mobiscroll. I use date scroller. I use this below code to manage the textbox. <script type="text/javascript"> $(function() { // create a datepicker with default settings $("#beginDate") .mobiscroll() .date({ invalid: { daysOfWeek: [0, 6], daysOfMonth: ['5/1', '12/24', '12/25'], theme: 'android-ics light', display: 'bottom', mode: 'scroller' } }); }); </script> It works well on firefox but not work on Chrome. Why? How can i fix it?
Updating html of listviews on hidden pages, json navigation model
Hi Guys, My aim is to use jquery mobile for styling/enhancement and transitions but use my own ajax navigation methodology so that I can transmit/keep local JSON data rather than using HTML. I have all my pages in one document. I attach 'tap' events to elements and run ajax to get the JSON and then jQuery to inject html based on the data into listviews etc. My problem is that I can't seem to get a model that works the second time I load a page. I've tried $('#container').trigger('create'); after
Dynamically updating chart based on user inputted data
I am trying to develop a mini application that allows users to update a chart (jqPlot) based on the values they select via the jquery UI sliders. What is the best way to do this?
Next Page