Three divs, click the left one, the radio button on the left is checked, and so on
Hello, please someone help me, it's urgent! I have three div's: ~Left~ ~Center~ ~Right~ and three radio inputs |Left| |Center| |Right| I want this: when I click on the left div, the radio on the left is checked. When I click on the center div, the radio on the center is checked, and the same thing with the right div. How do I do that in jQuery? Thanks in advance!
AJAX form submission with Google App Engine
I am having issues with submitting forms using JQM and Google App Engine. I am using Java on the App Engine. I am also testing this on my iPhone and iPhone simulator. Currently I have two simple forms... a registration form, and a login form. Using the default JQM AJAX form submission, the registration form works fine. The problem occurs with the login form. When entering the username/password and tapping "Login", the form simply does not submit. Here is my latest try... The form: <form id="loginForm"
JQuery Mobile / InputTextBox Question
Hoping someone can help me out with this I'm using Jquery Mobile with Android (JellyBean) And I'm running in the below problem; it has to be something simple I'm missing I have an html page with a form with two input fields On the same page I have a button that goes to a javascript method(onClick) to process the elements on the form(var oForm = document.getElementById('loginform');) and so on. I fill out the form via the emulator keyboard (both fields) and press go. It takes me back to the html
Passing values
Have a pretty basic question (I think). I'm trying to integrate a jquery plugin into a client site. The plugin is initiated with a call like this: jQuery('#services-example-1').services( { width:920, height:295, callBack:function() {} });I do not want the width value to be hard coded, but want to detect the width of the enclosing div with code something like this: var colwidth = $('#divname').width();and pass the value for colwidth in place of the constant "920". I have tried a few things, but none
Very Basic Question
Hi all, please excuse my stupidity, I'm brand new at this and I hope I'm posting my question in the right place. I'm attempting to modify a slider that I found online. Here is the script that I have so far: $('#newslider ul a').click(function () { $('#newslider ul a').removeClass('active'); $(this).addClass('active'); $('.mask').scrollTo($(this).attr('rel'), 300); return false; }); Very basic, but so far it does what I need it to do. Basically,
Using Google Analytics and data-prefetch enabled?
Hi there, I'm employing Google Analytics on my jquerymobile site using the information found in this thread: https://forum.jquery.com/topic/proper-way-to-add-google-analytics The tracking information works fine, but really skews some of my data points such as pageviews, since I use data-prefetch heavily on my site. We are using jquerymobile for a mobile news site. Each category listing lists ~20 articles. The data for these articles are pre-loaded, so that the slide transition occurs immediately
Unscramble effect in jQuery while maintaining the format
I'm using the unscramble plugin from Jason Frame's Grab Bag But it seems only to work with text that has no format. I want that the text formatting remains unchanged. Example: http://jsfiddle.net/G6BdX/ The unscramble plugin: (function($) { $.fn.unscramble = function() { this.each(function() { var $ele = $(this), str = $ele.text(), replace = /[^\s]/, state = [], choose = [], reveal = 25, random = randomAlphaNum;
Compare string (object value and variable)
New to jQuery, and have been struggling to work out how to compare a the value of a drop-down list to a variable. The from allows user to pick from a list of schools (#dropDownSchool), they select one and then programmes (or courses) not offered at that school are removed from a second drop down (#dropDownProgramme)list. The window.alert shows me the school the school code is being picked up okay, and if I replace school with actual string, e.g. as below - then it works fine - all items in the drop
jquery mobile animate() problem
Hi, there I am developing a new web app for android tablets and have such a problem. I use jquery animate() function to animate the height of a div. Everything is ok when I test it on PC browsers, but animation is slow and choppy on tablet's opera mobile and android browser. Here is the animation: <script type="text/javascript" src="js/jquery-1.8.2.js"></script> <script type="text/javascript" src="js/jquery-ui-1.9.1.custom.js"></script> <script type="text/javascript" src="js/jquery.mobile-1.1.1.min.js"></script>
JQuery autocomplete while reading from mySQL
Hey guys, I've attempting to display a bunch of markers on google maps (read from mySQL database) while allowing the user to search their address. The idea is that the map will zero in on their search, with markers displaying nearby. I can get the markers displaying. I can get the search happening. I just can't get them working together. I've done a lot of research and experimenting to no avail. Below is the code for my closest attempt. Would appreciate any advice or hints. Thanks in advance! <!DOCTYPE
jquery slide out...help please :)
I'm adding a slide out box to my site, like on here http://demo.tutorialzine.com/2010/04/slideout-context-tips-jquery-css3/demo.html I was just wondering how i'd add opacity, so the background dims out a bit when the box opens? The javascript I have is: $(document).ready(function(){ /* The code here is executed on page load */ /* Replacing all the paragraphs */ $('.main p').replaceWith(function(){ /* The style, class and title attributes of the p are copied to the slideout: */ return '\ <div
Execute javascript when page shows
Hi, I need to create some JQM pages that execute javascript automatically when pages show. I am having trouble to make them work. e.g. The following page: http://codeturtle.com/files/nav1.html When "Go to Nav 2" is clicked I expect to see "Nav 2" in the alertbox, but "Nav 1" shows instead. If I go to nav2.html directly, it does alert "Nav 2". Thanks
Am I Properly Using JSON Files with $.getJSON?
I just got introduced to JQuery and using JSON data yesterday. I'm wondering if I'm properly and efficiently using them because it's really not making sense. With what I have to work with, It seems like I'm grabbing entire databases worth of data EVERY time someone makes a request and processing it in the browser. That doesn't seem remotely efficient, why can't I just ask for the piece of data I need by querying the JSON file for items that match certain criteria, allowing the server to do most
10 x 10 Grid Color Picker
I'm looking for a color picker that presents a 10 x 10 grid of colors. Does anyone know of something like this that's already out there? Thanks
jQuery function resetting other form field
I have a web ui that allows someone to add/remove users to/from roles. The page has a select box with the available roles, with a submit button next to it to allow the user to change which role is being assigned/revoked. I then have two multiselect fields one listing people unassigned to the role, the other listing people currently assigned to the role. I have two non-submit buttons that my jQuery script intercepts and moves entries between the two multiselect boxes so users can be assigned or revoked
http://galleria.io/ - jquery plugin does not work for classic gallery in chrome.
When attempting to use the Galleria plugin, it would work in every other browser except for chrome until I switched to version 1.8.1.
Jquery autocomlete text box
Hi , I want to avoid mutliple database hits when user types in the text in the text field. All data should be loaded on page load using ajax returning JSON and after that filter the data as the user types in. Thanks Saj
SmoothDivScroll and Image Maps
I managed to get SmoothDivScroll to work on a site but I would like to add an image map for the Div's background image. Will image maps work inside a SmothDivScroll? Scott
jquery list divider headers fixed at top :old question - link not working
Hi, I ahve a requirement : that the divider in collapsable ;lists- should stay at top when items inside it are clicked and when other divider is clicked or items inside it , this divider should stay at the top and replace the previous one. "in collapsable - Is there a way to make the jquery mobile List divider header in side the collapsable be fixed at the top of the page until the next list divider comes up and takes its place" please help me on this looks like the question was asked but the
Open link in new window?
Kevin B was great enough to provide the code below, which intercepts a link, activates an .asp counter file, and then continues opening the link. How could I modify the code so that it opens the link in a new window? $(document).ready(function() { $('#video').click(function(event) { event.preventDefault();// prevent default action var clickedel = this; // log click $.get("video-counter.asp?file=video/index.html").always(function(){ // logging done, redirect to file location.href
JQM 1.2 select dialog not working.
I am having issues with the select dialog not working without hash navigation The dialog fails to open because the urlHistory.getActive().url is undefined on line 3928 of jquery.mobile.js I have some sample code available here, and would appreciate some insite http://pastebin.com/ru6P5Ca7
how to change the style of select options based on their value which is in an array
Hi, I have a drop down list: <select id="s"> <option value="1">one</option> <option value="2">two</option> <option value="3">three</option> </select> What I want to do is style the options based on if their value is in an array. So if I have var sels = '1,3'; I want something like (pseudo) $(s option).select[value in sels].css({'color' :'red'}) ; Thanks in advance for help. T. ps: I know I could just do a .each but I just wanted to know if there was a one liner.
dynamic listview
The following code works with FF, IE8 and even Safari running on my mac function getMineList() { $('#mineGameList').html(""); // init the list of my games userName = localStorage.getItem('userName'); $('#mineFormSignonID').val(userName); $('#mineFormRequestType').val("myGames"); var data = $("#mineForm :input").serializeArray(); $.post($("#mineForm").attr('action'), data, function(json){ if(json != null) { if (json.length > 0) { var
datepick plugin - text and date in div but not dialog box
The following js/jquery places the expected text in the dialog div - but it shows as plain text not within a dialog box. The date picker is keith woods excellent date picker. As each date is hovered over the correct date is picked up e.g sample output is " I am currently not in a dialog wed 17-oct-2012" - it's just not in a dialog!? <script type="text/javascript"> $(document).ready(function() { $('#hoverPicker').datepick({ onShow: $.datepick.hoverCallback(showDialog),
wrapping input elements inside labels to prevent duplicate id-attributes
quick share: If you wonder how to prevent duplicate id-attributes on repeating elements (like popups with login-form, forms in toolbars, which can all end up being in the DOM multiple times): You can also wrap the input in the label like so: <label>some text <input type="text" name="form_id" value="write something" /> </label>which will produce pretty much the same as the doc's <label for="form_id">some text</label> <input type="text" id="form_id" name="form_id" value="write something" />only...
Opening modal into a new window
Hello, Im trying to open a modal into a new window, but taint having too much success ...It's opening instead into the parent frame. Anyone see anything. <div id='pdfdiv' style='display:none'><a target="_blank"><iframe id="pdfimg" width="100%" height="100%"></iframe></a></div> It's seems to be ignoring my target attribute. function openpdf(doc) { var url = '/my/pdf/' + doc; $('#pdfimg').attr('src', url);
How to develop Jquery plugin like one which is present in fifteenrobin.com.sg
Please help me develop a jquery plugin like http://fifteenrobin.com.sg/ especially that contents sliding from lateral side of screen whenever i scroll
Issue on icons and list view rounds
Hello, I am migrating jqm to the 1.2.0 final version and found out wired behavior on icons and listview rounds When you see the icons and rounds of the buttons, you can see the gray background color with BlackBerry Torch 6.x. This is not being seen till the 1.2 beta but from the 1.2 rc 1 it appears. I think it came from this bug fix. Added missing webkit prefix for border-radius on Android 2.1 and iOS 3.2. https://github.com/jquery/jquery-mobile/commit/651e5468a04739f31f07f2f4cb7b847e63752b40
How to rebind the carousels on the content aspx after a couple of modalpops on the master page?
My carousels that are added by the index_new.aspx.cs works fine until the master's page code-behind issues a couple of modal-popups. When the master's code-behind hides the last modal-popups the jQuery's carousels, on the content page are in their raw ul & li. I'm using jquery, jquery-1.4.2.min.js, on the index_new.aspx but none on the master page. Thank you in advance for your assistance. Here's my code for the Master and the index_new: <body class="bodyBG" onunload="HandleClose();" onload="load();">
Looking for a specific jQuery 'tree' library
Hi, I am relatively new to jQuery. I am looking for a very specific navigation implementation. I am hoping that a jQuery library already exists somewhere that someone could point me to. There is an example on the following msdn page: 'http://msdn.microsoft.com/library/default.aspx'. On clicking on the 'Design Tools' link the user is presented with 4 sub-options. Select one of those sub-options like 'Express Studio 4' and the user is presented with a set of further sub-options, whilst retaining the
Accordian height problem
I'm using the jquery accordian within an inline frame. I have it within a <div> setting the height and width. It is staying within the width, but running over the height (or extending beyond the bottom of the frame). Is there a correct way to "contain" the accordian and force all the items to show scroll bars or do I need to set height and width for each div around each accordian item (sounds painful)? $(function() { $( "#accordion" ).accordion({ "collapsible": "true", "active": "false", "event":
Tooltip not displaying initially on page load
Hello all, My tooltip works great except that when I load the page initially (first time around) and I mouseover anywhere on the table the tooltip does not show up. I have to move away from the table and then back to it and then it appears. What may be causing this? This is what I am doing, code wise: $("#myTable").mouseover(function() { $(this).attr("title", "This is a test"); $(this).tooltip({ fixed:true, offset: [10,-40], effect: "slide" });
Form fields order
I have a form with dinamic input fields. It means that a user can add any amount of input fields. On the server I use PHP. I need fields to be sent in appropriate order (DOM order). Form is submited via AJAX. This is an example of fields of a form: <input type="text" name="guest[]" value="" /> <input type="text" name="guest[]" value="" />When a user submit the form I use .serializeArray() and pass the result of it to $.ajax(). Is it guarantee that the server will always get fields in DOM order?
Unobtrusive - adding a method, how to find a dependent property
I am writing an MVC app and I have created a custom validator, now I am trying to write the client side. The intent is "if the dependant property is true (it's a radio") then this value must not be 0". I am currently unable to get the value of radioValue, so the program fails at that point. What am I doing wrong? $.validator.addMethod("requiredifyes", function (val, elem, param) { var dependantProperty = param; var radioValue = document.getElementByName(dependantProperty).value; var
Is it possible to start execution of a queue in the middle of another execution?
Hello everyone, This is my second forum post (previous one: problem when creating simple counter in jQuery) and i would like to ask you question on queue execution before another execution ends. This is what i want to do <html> <head> <script type="text/javascript" charset="utf-8" src="http://code.jquery.com/jquery-1.8.2.min.js"></script> <script type="text/javascript"> $(document).ready(function() { var status = "run"; var temp = 1; while(status == "run") { (function(temp, status) { $("body").queue("exprQueue",
problem when creating simple counter in jQuery
Hello everyone, i am new to jQuery and i was practicing to make a simple counter that starts from 1 and ends at 10 with delay of 100 msec in between. The code i used looks the following <html> <head> <title>Simple counter test</title> <script type="text/javascript" charset="utf-8" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function() { var i; for(i=1;i<=10;i++) { var currentTime = new Date(); while(new Date() - currentTime < 100); $("body").html(i); } }); </script>
Using a jquery toggle...help
Basically, I'd like to use a jquery toggle. I've got 3 columns, and I'd like them all to toggle. The first two slide to the left fine, but the 3rd one goes upwards. Any ideas? All divs have the same properties (apart from names) Here's the code anyway. Thanks in advance <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"
MVC Razor Template with multiple pages not rendering
Hi all, I am using a razor template so I can reduce the amount of clutter in my mvc views when working on code. I have created "section" which will render as the seperate pages required for my mobile pages as follows: <div data-role="page" id="page2"> <div data-role="header"> @if (IsSectionDefined("Header2")) { @RenderSection("Header2") } else { } </div>
JQuery buttons
Could you please look at the following code and see why the two buttons: home and search are replacing themselves and they are not one next to other on the right. If anyone has a solution please write some code. Thanks. <!-- person page template --> <!DOCTYPE html> <html> <head> <title>[[+titleLabel]]</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="shortcut icon" href="../www/images/favicon.ico"
recognizing client device size
I am building a singular jquery- mobile application that is accessed by Desktop-browsers, Tablets/iPad, Mobile-browsers (big screens) and mobile devices (smaller screens). I want to discard any mobiles that are too small (say smaller than a defined width and height, were I will show a not compatible message). So this takes me to 4 categories: 1. Desktop 2. Tablet. 3. Smartphones with big screens. 4. Smartphones with smaller screens. 5. Smaller than 4th category which I will discard with an error
Next Page