After browser refresh, popup on page navigates "back" when it is closed
I have a particular page (a map page) that is extensively modified on pagebeforeshow. (probably irrelevant to this problem.) When I reload this page from the browser refresh button, the URL briefly appears with ui-state="dialog" in the URL. The that part is removed from the URL, and the page transitions to whatever page appeared prior to the map page. The page is linked-to with a parameter in the URL. (?location="me") That is: Page A index.html, for example user navigates to map page (map/index.html?location="me")
jQuery question - remove a class and hide an element
Hello Everyone: I am doing an exercise to practice jquery's removeClass method and hide an element. The code doesn't function as expected 1)to remove the class from the html table element 2)it doesn't hide the paragraph text which read 'the legal statement of our website.' Please give me some suggestion on how to make the code work, so I can understand what have done wrong. Thanks! Code in external style sheet: .zebra { background-color: #ddd; color: #0000ff; } Code
Select even table elements?
Hello everyone: I am doing a exercise to select even table elements, then change the background color and font color of the elements. To me the code should highlight the content in event number of <td> tag (e.g. Name and Approx. Location) Could someone explain to me why this happened and what change shall I make, so the code will highlight the content in the even number of the <td> tags <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Support for large Unicode characters?
Hi, Does jQuery have support for Unicode characters which require 5 or more hex digits? It seems to be inserting some extra (and strange) characters when I want to display large Unicode characters.
how to read iframe inner body content
i need to get all inner content with in the iframe. like head tag all content script style and body like all div with in the iframe
My function won't fire on IOS
jQuery 1.8.1 jQuery Mobile 1.1.1 Developing for Android and IOS Hi, 3 days with no solution for this. It's driving me nuts. Firstly, I have tried pageshow, pageinit, and .live .on .bind etc. to no avail. My problem is, my app has the following html code in my services.html page with an id of 'servicesPage': <a id="purchase_button" href="#" data-role="button" data-icon="plus">Make a test purchase</a> a JavaScript script in included in the head of the document which includes the following: // JavaScript
jquery mobile and adsense
Hi very good, I would like to know why only adsense advertising comes only when I refresh the page. Is there any trick to get it right Thank you very much and greetings
select filled/empty text inputs
Hi all, is there any way to reduce the set of matched elements to text inputs wich are empty and not empty ? jQuerySet = jQuery('#formID'); empty = jQuerySet.has('[type=text]:empty'); notEmpty = jQuerySet.has('[type=text]:not(:empty)');
jquery problem
hello sir , yesterday i had posted one question, but no reply, sir i am having trouble to achieve one functionality in my web page , functoinality-: i had mentioned one text in the header section of my page and mapped sliding window option to that text , sliding function works fine , but the problem is that when the window slides when i roll mouse over the text but as i drag mouse to the text written in window slided, the slided window returns back and i am unable to make use of text written in
what type of widget is used?
i need to create a web page just like a jquery themeroller-ready. i am in need of that concept how its work and what type of widgets are used to change the theme of all other widgets. so could you please help for me?
Need help to create Array sort function
Hi, I have the following code snippet to do array sort, it is working but I would like to make it a function that can take an array and a sort field as parameters and return the sorted array. <script type="text/javascript"> var listitems = new Array(); listitems.push({id:1, firstName:'John', lastName : 'Doe'}); listitems.push({id:2, firstName:'Jane', lastName :'Doe'}); listitems.push({id:3, firstName:'Joe', lastName :'Smith'}); listitems.push({id:4, firstName:'Ann', lastName
Can someone tell me what component of my modal box is not compatible with IE8, & IE7?
Here is my testing fieldhttp://k8r.us/test12/test.html So I've built this modal box for work but unfortunately it doesn't work in IE8, but I have no idea why because another modal box I made does work ( http://k8r.us/test4 ) I don't know the difference between the two that is causing one to work and the other not. Test12 attemtps to make a very general modal box where Test4's modal box is heavily ingrained with the content of the page --- Keysle
Confilcs in my JQuery
Hi guys, Hope you are all well i am new here and would like a little help! i have a few scripts here that are conflicting! if i disable one of the scripts another one works and the same happens if i comment out the other script, basically both scrips wont work tougher! I know this has something to do with the Jquery version or does it? <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/javascript/styleswitch.js"></script> <script type="text/javascript"
POST variabel use AJAX
dear all, is it possible POST variable like this? function showdata(div_id, myURL, myvariable){ $.ajax({ type:'POST', url:myURL, data:myvariable, success:function(respons){ $('#'+div_id).html(respons); } }); } Please give me solution about it.. thanks,
toggle/hide problems
Hi, I'm trying to make a div on a site that holds quotes, and, when a user clicks the 'show/hide' button, the div is expanded, and also selects a random quote. I've managed to make it do all of this, but there's a few small problems. Firstly, if the user clicks to hide the div, it flashes one of the other quotes for a small time. Secondly, I can't seem to make return false; (or .preventDefault(); )work to prevent the scrolling to the top. HTML: <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
Jquery option for a zooming map?
Hello all, I was recently impressed by this demo using "Adobe Edge" but I'm hoping there's a way via jQuery do recreate something of this nature for a community project. I want to take an graphic image and make it so when the user rolls over a certain point the map zooms in and shows some information about that spot. Just like below: http://html.adobe.com/edge/animate/showcase/mobilebrowser/mobile_marketshare.html I have ran into Mapbox but it seems I'd have to combo another plugin-in to create something
How to display the last selection (div) of each tab, clicking?. By default displays the last div
Hello friends. How to display the last selection (div) of each tab, clicking?. By default displays the last div jsfiddle: http://jsfiddle.net/hvZHU/31/ $("a.tab").click(function () { var muestra = $(this).attr("name"); var mostrar = $("."+muestra).children('li').children('div'); var ocultar = $('.menuMod > ul.menuPrim > li > div').not('.ver > ul[class='+muestra+'] > li > div'); ocultar.hide(); mostrar.show(); });
Tab windows too short?
Hey I am having an issue where my tab window comes up being too short. I have attached an image to show what I mean. My code is: <div id="tabs"> <ul> <li><a href="#tabs-1">Project Browser</a></li> <li><a href="#tabs-2">Importer</a></li> </ul> <div id="tabs-1"> <div id="tabs-1-content"> <div id="projDirList"> <ul id="projMenu" style="overflow-y: scroll; overflow-x: hidden;"> <li><a href="#test"><span class = "ui-icon ui-icon-folder-collapsed"></span>testing</a></li>
Append element depending on current slideshow
I have a slideshow with the following code: <div class="da-img"> <ul class="rslides rslides1"> <li id="rslides1_s0" class="rslides1_on" style="display: block; float: left; position: relative;"> <img alt="image01" src="img/img01.jpg"> </li> <li id="rslides1_s1" style="display: none;"> <img alt="image02" src="img/img02.jpg"> </li> <li id="rslides1_s2" style="display: none;"> <img alt="image03" src="img/img03.jpg"> </li> </ul> <ul class="rslides_tabs rslides1_tabs"> <li class="rslides_here"> <a class="rslides1_s1"
JQuery Image Slider Boo Hoo
I am attempting to learn javascript and love the concept of Jquery. I have made an image slider (www.regentstudents.co.uk/Slider) but it wont work, and I can't see why. Anyone want to have a quick look please? Thanks, Adam
jquery menu doesn't expand page
Hi, I have a vertical menu at the left of my site. When you click on the main elements, they expand with jquery to show sub-elements. The problem is the menu expanded is longer than the page and it doesn't expand the page at the same time, so it goes over the bottom of the page. How do I expand the page at the same time??? Thanks!!!!!
jquery mobile 1.2 looks funny on IE
hi I downloaded the jquery 1.2 latest. I just use the demos site that came with the 1.2 zip file. On Chrome (mobile and desktop), firefox (mobile and desktop), iOS, Android etc - but on IE 8/9/10 - it looks UGLY. I tried on a general webserver running apache-2.9 + Fedora 18 and it look really bad. (my downloads of the .zip file). I tied it on 1.3.9 and BSD 5.0 and it look a little better. The edges are rounded - but the text bars are square and stuff. I have tied to download and copy code from the http://jquerymobile.com/demos/1.2.0/ -
Issue with slider menu and smooth scroll
When "contact" is selected, the page scrolls down, but the slider only moves to "services" http://mlfoxdesigns.com/ - Only happens occasionally - Happens most frequently with IE9 and Firefox (of course) but happens with chrome as well. - Contact tab is the only tab with the issue Willing to offer design work in exchange for help (small logo, etc. see my website portfolio) Thanks!
Switching themes in only IE increases font.
For starters, I'm kinda new to using JQuery. But bear with me. I have several themes I've downloaded, as well as a theme switcher (http://bitly.com/RBot89) that I'm using to switch back and forth between themes. My problem is that only in IE, the fonts in the tab element increase, it also affects everything that is inside that tab element. I'm not having this issue in FF or Chrome. I re-downloaded the themes with 1em as the font size, as opposed to 1.1em, thinking this would alleviate the issue,
MouseOver doesn't work with DIV added afterwords
Hello people, may the solution be simple, i don't get it. Here is the problem: When i append a DIV to the website with an jquery event, for exanple to add an extra button, the MouseOver event does not work with the added DIV. For the MouseOver just works with DIV i add at the beginning? Is that normal? Pretty strange i think. May you guys have an solution for me. Regards, Marcel
Datepicker doesn't show for externally loaded snippet
Hi, I am using the datepicker plugin. Here I have 2 files: myDateInput.html contains snippet of <input id = datepicker> tag only. Doesn't contain <html>, <head> nor <body> tags. Index.html <script> $(document).ready(function() { $( "#datepicker" ).datepicker(); $('#ClickMe').click(function() { $('#container').load('myDateInput.html'); $( "#datepicker" ).datepicker(); }); }); </script> In the body, I have a. 1 <div> id=container b. 1 button id = ClickMe
effects queue question
I need to queue several effects where the object being acted on is different for each effect but i need some of effects to run at the same time i know that if the object being acted upon was always the same the code would look like this $.('objectid#').animate().delay().animate().delay ect what i need is more like this $.('objectone#').animate() delay code $.('objecttwo#').animate() delay code $.('objectthree#').animate() delay code but remember i need for some of the animations to happen at
How to disable slider track click event on jQuery Mobile
We can drag the circle button or click somewhere on the track to do the slide, how to disable the track click function on jQuery Mobile, I just want to slide by drag the button, I tried this $('div[role="application"]').unbind('vmousedown'); but it cause the drag function failed too
Tablesorter images in column
I'm using the tablesorter, nice plugin. My problem is in my table the second column will have an image and text beside it. When I try to sort the table sort tries its best with the text but it will not sort it properly. I think the image is causing the problem. I'm using the function to tell tablesorter to use the add parser but I'm not having any luck. I though it could sort by using the image alt text. Any help is appreciated. [code] $(function() { $("#<%=manage_employees.ClientID%>").tablesorter({
Good beginners project for students
Hey. I'm going to have an intro class of about 5 hours with jQuery Mobile. My students have worked with html and css, but no programming at all yet. Do you guys have any good tutorials or so that would be good to start with? I need to find a simple project that I can do with them. I'd like to do something that feels kind of app-ish but that doesn't involve a lot of scripting. Any help would be greatly appreciated.
How to get span id ?
I have a page full of spans. Each span has 3 radio buttons in it. I have the following click event wired in a script tag and it works fine in compatibility mode of a browser but not IE9 or nor Chrome 22.0.1229.94. How can I get the span ID ? I get NaN or undefined. var _ladderId = $(this).closest('span').attr('id'); alert(_ladderId); I alos tried to use a hidden value with this script: var _ladderId3 = $(this).parent().find('.MyLadderId').val(); alert(_ladderId3); HTML: <span
Text Input not working in Android 4.1 (JellyBean) web view
Hi, I have a simple form with 2 input fields, which is not working in Android 4.1 web view. I am not able to type on the fields. But when I copy and paste text to these fields it is working. I saw a related post in android defect list that input fields with max length attribute shows similar behavior. I removed the max length attribute and still it is not working. However the page works fine in android browser. Any help appreciated. regards, Hari
Does window.resize work on windows phone 7(IE9) ? / Orientation detection
Hi All, Does $(window).resize() work on windows phone 7(IE9) ? Or else Please let me know how to detect the orientation(landscap/portrait) change on the windows phone 7.Please its very urgent!! Tried out all the stuff like resize and orientationChange and tested on the wp 7 emulator. Nothing worked Help Plz... Thanks in advance !
firefox issue, textarea wont override default on keypress enter
I cant figure out how to prevent firefox from creating line breaks on key press "enter". http://jsfiddle.net/cjTu9/11/ What i want is alert to trigger on key press enter, without creating linebreak.
jQuery compliance
Can anyone help please before we use loads of dialog boxes on our new app: are jquery modal dialog boxes at least w3c AA compliant? Many thanks Janet
jquery dropdown sub menu need to fall below and in line with menu link and need second dropdown menu
This is a jquery Dropdown menu. I want Dropdown submenu for Vendor, Affiliate, Administrator to start below and in line with Vendor, Affiliate, Administrator menu link. Also want to dropdown second submenu for Administrator Sub menu options( ORDERS, VENDOR, AFFILIATE) PLease assist me to get my Dropdown menu working. <DIV ID="MENU"> <STYLE type="text/css"> #MENUBAR { margin : 0; padding : 0; } #MENUBAR li { float : left; display : block; width : 150; position: relative; } #MENUBAR li a:hover{
Show content in a external windows (overlay from jQuery Tools for example) and passing data to the main window
Hi every, I've a page where it's supposed to open a new window and show some content from DB with pagination and so on. In that window I have a link "Agregar" and when I click there the row or the content of the row should go to a input in the main page but storing different values, for example: ID, NAME because if I insert only ID then the users can't know what they insert. Also I need to insert more than one record, any help? I was thinking in have a main input and a hidden input and put values
How to make a "Favorite" system using local storage?
I'm very un-experienced using Javascript. I've searched the internet, but can't find or don't understand how to fix it. I've a Jquery mobile based web application about party's. when the user clicked a party, they see all the info about that party. What I want to do is make a button with "Add to Favorites" or something, and the party will be saved (using local storage) in the favorites page. Anyone can help me please!?
jquery cycle question
Hello, I am using a database to access with a simple ajax script see following example <script type="text/javascript"> $(document).ready(function() { // start slideshow $('#content1').cycle({ fx: 'curtainX', timeout: 2000, before:MakeRequest() }); }); </script> </head> <body> <div id="content1" class="content1"> <img src="image1.png"> <img src="image2.png"> </div> ajax script function getXMLHttp() { var xmlHttp try { //Firefox, Opera 8.0+, Safari
Problem with iOS 4 and fixed toolbar
Hey, I've been struggeling a bit with getting the fixed toolbars to work with iOS 4. From what I've found i can add the jquery.mobile.fixedToolbar.polyfill.js and the jquery.mobile.fixedToolbar.polyfill.css right after my other imports. This however just wont work..Am I missing something important here? I am running the newest version of jquery, 1.8.2 and jquery mobile 1.2.0. All replies are appriciated!
Next Page