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
custom select menu conflict with footer in jquery mobile
Issue with jquery mobile custom select menu and the footer in IOS mobile devices. This works fine in emulators: 1. The native select menu pops briefly on quick swipe of the menu. Next the Select menu finally loads. Then the footer disappears. 2. When a long menu is displayed and a user scrolls down to the bottom and then closes the select menu, the footer is "floating" on the previous page Note: The custom select menu works fine without the footer.http://jquerymobile.com/demos/1.2.0/docs/forms/selects/custom.html
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
more options for dialog
hi, I 'd like an option like "title-bar: false" for dialog, is that possible? Regards.
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
jquery forms blocking with uploadProgress
Hi there, We have a problem, and I'm not sure in which project to report it: jquery, jquery.forms or webdriver. We're using jquery.forms as part of a file upload page. In order to test this page, we use webdriver. We need to test what happens on the page while a user uploads a large file. In order to simulate this, we have the server block upon serving the request it receives in response to the user clicking on 'upload'. But, since this upload happens via a call to .ajaxSubmit, it should not block
query to display digits
Hi Experts, I want read a numeric value and display the value as digital, with each numeric character having a block background image. something like counter like below image ----- ------- ------- l 8 l l 9 l l 8 l l l l l l l ------ ------- ------- the background image should only generate if the number value is increased by 10's or 100's and so on. Thanks,
redirecting to other pages and nav bar gets lost
Hey everyone, I'm having a trouble with the navigation bar when redirecting users to other pages. For example, if a user logs in, then they will be redirected to the main page (mysite/index.php) but the url displays as mysite/login.php which is the pure PHP script that doesn't contain any HTML lines in it. I guess that is fine, but the nav bar on the main page disappears unless I refresh the page to get it back. I hope to hear from someone here. cheers
How to populate value which is in one page into another page's textfield on button click using jquery?
1.I have 2 pages (page1 and page2). 2.In page1 on button click it will navigate to page2. 3.page2 has a "textfield", so once I click on the button on page1, the value(inside DIV) which is on page1 must display in the textfield on page2.
JQM and PHP, SQL (Phonegap)
Hello, I tryed to connect with my mysql database and JQM page. The only idea that I had was PHP so i created a mysql database and a PHP page where i can administrate the database. <?php ############################################## require_once 'pwd_inc.php'; require_once 'connect_inc.php'; ############################################## $sql = "SELECT * FROM News"; if ( isset ($_GET['sortby'])
Touchmove is not working in tables
I am new in jquery. I have a table with 4 rows and 4 columns, now i want to change the background color of TD when i move my figure from one TD to another TD , same as mouse over. Touchmove is not working. Thanks in advance.
in need of feedback, Trying to initializing basic jqm 1.2.0! loader & triggers wont work!
Hi, ive been trying to setup a basic jqm 1.2.0 page for my mvc application. and after 4-5 hours im in urgent need of some feedback! The page loader dosent disappear, and i cant get the data-role="collapsible" to trigger on my Iphone 4. on the computer it works just fine. if someone can have a look at the code it would be very much appreciated! what im doing wrong? Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"
Align label and textbox
Hi, I have this page: http://codeturtle.com/files/mobile1.html How do I align label and textbox into the same row? I don't want to use table. Thanks
Next Page