Switch between mobile and desktop site help
Ok, I'm working on an ASP site without backoffice or database capabilities. I'm setting up a mobile (smartphones) landing page with basic company info (due to my limitations I can't do more right now). I need help with either one of the following: (Which would you recommend?) A. An overlay that appears with the option to change to the mobile site and then a button on the mobile site with the option to revert to the desktop version: - How do make an overlay when a mobile user enters the site. - If
need help , touch start form 1st TD and touch end at 2nd TD.
Hi , I am new in jquery. I have a problem and yet not get any answer from forum. I have a table with some cols and rows. Now my question is how can i change the background color of 1st and 2nd TD when touch start form 1st TD and touch end at 2nd TD. Thanks in Advance.
opening the home page for the first time with modal window
Hello! Can anyone give an idea how the first opening of the main page of the site to show modal popup window? Then no longer shown unless the user is not using another browser or machine. Thank you!
Postal Code Validation in JAvascript
Hi, I need to check the postal code is h2b3f4 But i worked as h2bfff and so on... For Eg: first three character is below the searchwords and next three character is anything. this is i worked. But now i want first three character is validated form search words and next three character is 3G3 That means Number Letter Number... Please any one help.. to change my below code Below code: function doSubmit(myform){ searchWords = ['h7l', 'h1h', 'h8t' ,'h1g','h1j','h1k','h1m','h1p','h1r','h1s','h1t','h1v','h1w','h1x','h1y','h1z','h2a','h2b','h2c','h2e','h2g','h2h','h2j','h2k','h2n','h2l','h2m','h2p','h2r','h2s','h2t','h2v','h2w','h2x','h2y','h2z','h3a','h3b','h3c','h3e','h3g','h3h','h3j','h3k','h3l','h3m','h3n','h3p','h3r','h3s','h3t','h3v','h3w','h3x','h3y','h3z','h4a','h4b','h4c','h4e','h4g','h4h','h4j','h4k','h4l','h4m','h4p','h4n','h4r','h4s','h4t','h4v','h4w','h4x','h4y','h7m','h7n','h7r','h7p','h7s','h7t','h7v','h7w','h7x','h7y','h8n','h8p','h8r','h8s','h8t','h8y','h8z','h9a','h9b','h9c','h9e','h9g','h9h','h9j','h9k','h9p','h9r','h9s','h9w','h9x','j7t','j7v','j7w','h7g','h7e'];
$.mobile.changePage after some operation on next page! How?
Hi, i have a little problem (i hope). In a my script when the user click on a link to page2 i need to do some operation before the transition. How i can? Follow my script: $(".team-link").live("click",function(){ var id_team = $(this).attr("id"); var where = "id_team="+$(this).attr("id"); $("#page3 .page-add-player").attr("title", id_team); var team = $(this).attr("title"); $("#team_page .team_page_header h1").html(team).attr("title",id_team);
How to get the value from from input text?
<html> <head> <title>jquery test</title> <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.2.0.js"></script> --> <link type="text/css" href="css/jquery-ui-1.9.1.custom.css" rel="stylesheet" > <!-- <link type="text/css" href="css/jquery.mobile-1.2.0.css" rel="stylesheet" > --> <script type="text/javascript">
http://www.jscraft.net/experiments/horizontal-bar-graph-with-css3-and-jquery.html
Hi, Iam sfdc developer and Iam trying to implement this featurehttp://www.jscraft.net/experiments/horizontal-bar-graph-with-css3-and-jquery.html Na anyone help me in ths regard??
Datepicker and tstamp problem
Hi everyone, I have some problem with tstamp function. I have two input field with datepicker (#date_from and #date_to) and select fields with hour and minutes (#time_from_hour, #time_from_minute, #time_to_hour, #time_to_minute). My date format looks like this: 1/11/2012 I use this script to calculating tstamp from above fields: function compute() { var c = $('select#time_from_hour').val(); var d = $('select#time_from_minute').val(); var e = $('select#time_to_hour').val();
I am getting a "type mismatch error only testing using ie9" the line.
Hi, It when i hit break in my ide the line is in the jquery-1.8.1 (the same when used 1.5.1) the error is loadXML(content) type mismatch. There debugger atleast does not go to my custom scripts. why would it work in all other browsers and not Ie 9. Any ideas? Adam
Simple parameter passing to dynamic pages
A question that often comes up is how to pass parameters to some dynamic page. I'm using a rather loose definition of "dynamic page". By that I mean a page that has some content creation done in Javascript (whether or not the page was originally provided by a server). Typically, parameters are passed in the URL as a query string. Then you have to parse the query string, and it also looks ugly in the URL bar of desktop browsers. Why go to all that trouble? Such pages usually have a pagebeforeshow
Button to switch between mobile and desktop site
Hi guys, For the first time ever, I'm putting together a completementary landing page using Jquery Mobile. Still getting to grips with the framework but I have a question that I coudln't find the answer to anywhere. First off there is one thing I'm not quite understanding: Is the Jquery Mobile page hosted in the root directory on the site and when the user enters our site he goes automatically to the mobile site (if he is on a mobile device)? And then my main question, is there a way for my users
call an external web page to fill a textBox
Hi, when filling a form in PAGE1, I like to call (by a button click) an external web page PAGE 2 in which i do some search and get an info that I use to fill a textbox in PAGE1. How is this possible? with which technologies(jquery, Ajax)? Thanks.
my pop up is not appearing .pls help
<head runat="server"> <title></title> <link rel="stylesheet" type="text/css" href="css/demo.css" /> <link rel="stylesheet" type="text/css" href="css/style.css" /> <link rel="stylesheet" type="text/css" href="css/animate-custom.css" /> <script src="jquery/jquery.min.js" type="text/javascript"></script> <script src="jquery/jquery-ui.js" type="text/javascript"></script> <link href="css/jquery-ui.css" rel="stylesheet" type="text/css" /> <script src="jquery/braviPopup.js" type="text/javascript"></script>
cross domain jquery ajax call
I am making a get request from web service which is hosted into another domain. script> $(document).ready(function () { $('#submit').click(function () { $.ajax({ type: "GET", dataType: "json", url: "http://idsdesk118/CheckinServices/default.aspx", contentType: 'application/json; charset=UTF-8', success: function (data) { alert(data[0].Age); }, error: function (e) { alert('Error121212: ' + e); } }); }); }); </script> The response is always an error. How do i make use of JSONP and parse
jQuery website hangs my PC
Wow, this is weird. When ever I visit this website on my Windows 7 PC using FireFox, the website hangs for about 10 seconds. Even weirder, it is actually my entire PC, and while I can use the mouse, no other Windows functions work. I have Java installed on the PC, but don't know if it is related. Anyone experience similar phenomenons?
Learning jQuery...Part Two
Earlier today, I had someone show me how to convert a javascript method to full jQuery syntax. Now, I am wondering about splitting the function they helped me with in two. This way, I can use the number checking part for a lot of areas in my application and still call on the math portion of the code when needed. Can someone show me the best way to do that? Attached is the complete code to verify a number and then do the math. $(function () { $('.numberOfStudentsParticipating, .numberOfStudentsMetOutcome').keydown(function
Please help with learning jQuery
I have this javascript that works, but can someone show me a better way of writing it (more jQuery way if you will). When a user enters a number is two different textboxes, I need to show the percent between the two. var firstNumber = $('.numberOfStudentsParticipating').val(); var secondNumber = $('.numberOfStudentsMetOutcome').val(); function checkForNumber(id, numberEntered) { if (id.indexOf('txtNumberOfStudentsParticipating') > 0) firstNumber = numberEntered; if (id.indexOf('txtNumberOfStudentsMetOutcome')
Can some one explain why class when a #name works
Sorry could not explain my needs in the heading. Here goes: I like using <div id="somename"></div> Why do I see many class names with the same action as the id. I get confused seeing code where I change the class to id and get errors or no working code at all. Very very very simple beginner. in Jquery.
jReject plugin - not displaying background image
For some reason, the 'background_browser.gif' are not displaying in IE6-8. At least not in WinXP Mode virtual machines on a Windows 7 64bit host. The image path is correct and all other images are displayed. The 'background_browser.gif' do display in FireFox and Chrome in the WinXP Mode virtual machines and they show in every browser installed on the host machine. When I examine the HTML, I get the following in the browsers that show the images: <li id="jr_firefox" style="background: url("/includes/js/jReject/images/background_browser.gif")
Youtube iframe in jquery mobile + phonegap build
Hi everyone! I'm using an iframe to embed a youtube video in an app for android/iOS developed using jQuery mobile and phonegap build. Testing it on my browser works fine. On my device (android) I see the video thumbnail, but when I click on it the screen goes black, I see the controls (play, forward and backward) and the video doesn't start. I'm checking that the video is avaible for mobile http://gdata.youtube.com/feeds/videos?alt=json&fields=entry[link/@rel='http://gdata.youtube.com/schemas/2007#mobile']&max-result=10&category=Music&q="+mySong
hiding a dom element that originates from external script
#1 There is a projectwonderful script included in the clients WP blog and it creates code for ad box. #2 Client wants to hide the text link below the graphical ad after it's all created. So I thought a very simple javascript to hide it would be easy. I checked in firebug and the script is loaded & syntactically correct. But it is not hiding the element. I'm trying to use the DOM inspector in firefox but I can't make head or tails of it. #3 HERE IS THE SCRIPT I load it in the head of the WP
Translation digita from arabic to roman
Hi, Is there a plugin or another possibility to translate an arabic digit to an roman? I have a span with different arabic digits and I need that this will be dynamic translated into an roman digit. Best regrads
jQuery each executes before code inside the each
Taking the code below Why would the entire earch loop execute before the code inside it has been finished? specifically the FadeTo block. on line 40 to 46 $this.Shift = function (index) { console.log("Shift(): Starting"); console.log("Shift(): Clicked index " + index); $($this.carouItems).each(function () { console.log("Shift(): currentItem index " + this.index); var dif = 0; if (index < activeIndex) {
Dialogs: padding and scrollbar issues when adding a data-role="content" section
Is anybody else experiencing strangeness with padding and scrollbars in Dialogs? See the attached screenshot. If I put a data-role="content" <div> surrounding the content, the dialog is shortened and I get a scrollbar. If I leve out the content div the dialog appears correcty. I didn't set a page height for the dialog. Any idea why it is short? As well, unless I add padding to the page <div>, the top of the dialog is cut-off. This is regardless of whether or not I use a data-role="content" section.
.toggle easing?
I am using the below code to open and close a div. It works great but it has no easing. How can I add it? if I change out .toggle for .slidetoggle it breaks. Or if I add any of the easing effect inside the () it breaks. What am I missing function opendiv(divId) { $("#"+divId).toggle(); } I then call the div by adding this to an image and the div I want opens. <a href="javascript:opendiv('togglediv');">
ajax and show FAQ problem
hi i have a problem :s i need to modify my webstie , and i don't know where to begin :s emm my problem is that i want to use ajax like this for example for the FAQ Question1 ( here when the user click on it a request will be sent to ajax.php with post parameter id=1 and function = faq , and get the answer and show it under the question ) Question2 Question3 Question4 Question5 and when user click on another question the previous answer hide again and so on :) i hope you got the idea i read the documentation
missing version info in css file
Up to version 1.1.1 there was the version number shown in the css-file created by themroller. I was using this information in a system of mine where different users could use different versions of jQuery Mobile. I need the version number to know which version of the structure and core files I need to load for each user. Now in version 1.2.0 this information is not given in the css-file anymore. I could make the users input the version they are using - but this is imho to unreliable. Could I PLEASE
change the content of DIV
Hello, I am new to JQM, i created a simple page ( http://www.mazharkhan.com/mobile/index.html ) i want Header and Footer to be static when you click on right/left arrow button only content should be changed instead of entire page Thank you, mazhar
Malsup BlockUI site down?
I'm trying ot get to Malsup.com to look at the demo code for his blockUI plugin but it appears the site is down. Anyone else having this issue? Did Sandy take it down? I am trying to look at the element blocking code. I want to block the who9le page with a modal EXCPET for one element in addition to the modal.
Storing and Setting Expanded property on dynamically created Collapsible blocks
I have a page that is dynamically creating Collapsible blocks from a dataset. Depending on the results returned, the page can create 0 to many collapsible blocks. The Dataset contains 2 Datatables, Table(0) contains the value for the Collapsible Blocks header, and the data to be displayed within the Collapsible block lives in Table(1). The code looks something like this: <% For x = 0 to myDatatable.Tables(0).Rows.Count - 1 %> <div data-role="collapsible" data-mini="true" data-theme="a">
Headers and Footers with <li> click transitions
Hello, So I'm new to JQuery mobile, and so I'm still trying to firmly grasp how it deals with pages. What I'm trying to do is have an unordered list <ul> with list items <li> under to make a kind of hierarchy menu. I have a header and a footer in the page that I want to stay even when the user clicks on one of the list items. What JQuery mobile is doing is creating a new header with a title of clicked list item, and then showing subsequent lists. What I want to do is keep that original header and
Access table within iframe
Hello, I want to access a table in an iframe and update our db with it. The parent domain will be our domain with a listing of items to be checked. When an item hyper-link is clicked the iframe will then display from our supplier domain displaying in a table the item results. We wish to then update our db using the table displayed in the child frame. How do I access the table within the child iframe? Thank You
jQuery undefined in 1.2 stable jquery.mobile.js
I have updated jquery.mobile-1.0b2.js to jquery.mobile-1.2.0.js. I am getting jQuery undefined error. In the previous beta version, I have modified the js as (function(jQuery) { // beta version code here.. })(custom.jquery); where custom.jquery is defined as custom.jquery = jQuery.noConflict(true); in the jquery.js I have done similar wrapping in the stable 1.2 js and got the undefined error. Without wrapping also got the same error. Please advice me
Slider Widget
Hi guys, Just signed up :) I'm using a modified Jquery slider my code is below - $(window).load(function(){ function showProducts(minPrice, maxPrice) { $(".product_container").hide().filter(function() { var price = parseInt($(this).data("price"), 10); return price >= minPrice && price <= maxPrice; }).show(); } $(function() { var options = { range: true, min: 0, max: 10000, values: [0, 10000], slide: function(event, ui) {
Where to place the Jquery plugins on our system?
I have recently been introduced to the world of jquery, and as excited i am to see how jquery makes everything so easy, i need to know, where i should place any jquery plugin which i have downloaded, in order to use it in the netbeans environment ?
How can I keep my functions in the proper 'this' scope when using a chain of lambda functions?
This issue is no longer relevant to what I'm trying to acccomplish on line 102 I call "this.contentAppear" under the scope of a lambda function triggered by the end of an animation. If I call it outside of the animation lambda function it works fine. If I use a setTimeout trigger of the same time it takes to complete the function it still screws over. How can I trigger the .contentAppear() function with the proper scope WITHOUT passing a parameter? Here is my test link: http://k8r.us/test11/test.html
problem with URL in buttons
Hi all, I want to use some buttons to navigate between different websites. <a data-role="button" href="./index1.php" data-icon="plus" data-iconpos="left" data-transition="slidefade"> if I use this, and test it on my iPhone, the output is without my stylesheet. If I do a reload of the page, it works. I found out with IE, that the site will be shown as http://www.domain.com/subdir/menu.html#subdir/index1.php where is the reason of that and how can I get a "normal" working link? thanks for your help
SmoothDivScroll Jumps to start
When I use autoScrollingMode: "onStart" on my SmoothDivScroll scrolling starts automatically as I assume it should but scrolls a few seconds and then jumps back to the start. When it does this it also moves the other Div elements on the page - it will jump, drop the first Div and moves the rest of the content to the start, jump and drop the second Div and moves the rest to the start, and on... The page is here... http://174.120.202.156/~factory/ Thanks! Scott
Browser back button won't work after form submitted with post method
Hi all, here is my problem: I have a website where the user have a landing page selecting his language preference. (page1) He then goes on an identification page where he supplies some infos via a form post (page2) When on page 3, if the user click the browser back button, its sending him back at page1. On mobileinit, I've setted the following: $.mobile.ajaxEnabled = false; $.mobile.pushStateEnabled = false; $.mobile.hashListeningEnabled = false; Its acting that way in ios6 on safari. If I try the
Looping a photo slideshow
Hi all, Very new to J query. I am trying to put together a very simple slideshow. So far i have five images, all i want them to do it fadeIn, delay, then fadeOut. The code i used is below $(document).ready(function() { $('#image_1').fadeIn(1500).delay(3500).fadeOut(2000); $('#image_2').delay(5000).fadeIn(2000).delay(3000).fadeOut(2000); $('#image_3').delay(9500).fadeIn(2000).delay(3000).fadeOut(2000); $('#image_4').delay(14000).fadeIn(2000).delay(3000).fadeOut(2000); $('#image_5').delay(18500).fadeIn(2000);
Next Page