change of text in redirect page
http://jsfiddle.net/SSMX4/82/ when i click a tags with links in it redirects to different pages but name of the country does not changes after it redirects to another page... if i click the a tag with out the links the name of the country changes but it remains in the same page... i am testing it in my local server where i am able to see the html structure... so i couldn't show it in ths js fiddle... how to fix the change of country name when it redirects to different pages.... in the rediect page
How to create fixed footer part in blackberry mobile application?
I am create blackberry mobile application on Phonegap framework, in that i dont know how to set a fixed footer part.Please suggest to fix the problem.
Cannot connect to jquery website. Only on forum area.
I am having a problem connecting to jquery.com. I can only access this forum of jquery.com and all else is timed out.Please any help. Im using win7 ultimate, Im from the Philippines and us using globe wimax broadband.
Wrong icon position
Hi I have a no-text button like this: <input id="controlZoomIn" type="button" data-icon="plus" data-iconpos="notext" /> When I updated to the last version of JQuery and JQuery mobile the icon was not centered in the button anymore, it looks like this: Is there a way to make it appear in the center again? Thanks in advance.
jQuery builder
Hi, I try to develop for a customer some WebWorkers to made some ajax request. The problem is that I can't load jQuery because it try to plug on the window object. And often, I use jQuery only for the DOM ready event and to send some Ajax requests (and use some utilities function, like isFunction, noop ...). Can we have a builder, where we can choose what part of the core we want to load (core, utilities, ajax, manipulation, transformation, animation ...) ? And this builder can have an option where
Persistent Navbar in header works on Samsung Tab but not on Nexus
Hello, Im new to Jquery Mobile and developing an Android App. The app has a persistent header which was simple enough to implement using data-id="head1" data-position="fixed" in each of the header divs of the different pages. Im not using separate html files for the pages but rather, different page ids in the one html file. When testing in Chrome and the Samsung 10" tab running Android 4.04 it all works great. Clicking on the different nav buttons (or tabs) changes pages without the nav bar disappearing then reloading.
Preventing a full page reload?
Many developers achieve this by having the event handler return false,wats the need of doing this?
need help adding a back button to photos..
I'm using a plugin called FancyMoves and it's made out of another plugin called FancyBox.... if you click on the link below and click on the link "color options" beneath the first pic... which is a blue design with the name "james" on it... you'll see a popup box come up with a red version.. the arrow shows up on the right to go to the next pic... but on the 2nd and 3rd pics there's no back button... but it shows up on the 4th pic... how do I add a back button to the pics in between the first and
Creating a JSON data object
Hi, I have to create a message that looks like following within Javascript. I am unable to create the portion where, "serviceDesc" addition. { "applicationName":"Tesing", "projAccNumber" : "TG", "queueName" : "development", "exeuctableLocation" : "/bin/echo", "scratchWorkingDirectory" : "/tmp", "cpuCount":"12", "hostdescName":"localhost", "maxMemory":"0", "maxWallTime":"0", "minMemory":"0", "nodeCount":"1", "processorsPerNode":"12",
Always use?
Hey guys, Id like to use jQuery Mobile to all my web applications, whether for visualization desktop, tablet or smartphone. Because I understand that this library jquery works for all platforms, so why not use it forever? What do you think about this?
Google Maps: Double display of marker on a Galaxy Nexus
Not sure if this is a jQuery problem or strictly google maps. But on a Galaxy Nexus default browser, when a marker is dropped, the marker icon is displayed twice, the second is set just slightly offset of the other. If you move it around they move around together. Again, the application has been tested extensively on numerous devices, iPad, iPhone, Android 2.2 and 2.3, Thinkpad Tablet, Playbook, and this is the first I've seen it. Has anyone else seen this behaviour? thanks
Validation: Galaxy Nexus, Invalid MIME Type
I'm using jQuery Validation on a jQuery Mobile application. I have a file attachment form, and it takes image formats. I'm getting an INVALID MIME TYPE error from jQuery Validation on a Galaxy Nexus when a JPG is selected. The app has been tested and works fine on iPhone, iPad, Android 2.2 and 2.3 browsers, and a Lenova Thinkpad when attaching a JPG. I only get this on the Galaxy Nexus default browser. Any suggestions? <input name="attachment" id="attachment" type="file" size="75" maxlength="75"
How to test for a blank value in the ajax return value ?
Hello, Im wanting to display a dialog box if a ajax return value isnt blank. How do I compare to a blank value? success: function($html){ if ($html !== "") { $("#msgarea").empty(); $("#msgarea").append($html); $("#msgarea").dialog({
Can tablesorter and a plugin for fixed table header be used together?
I've tried all 4 of the "fixed table header" plugins and all of them seem incompatible with tablesorter plugin. They clone the table thead row, but none of the tablesorter actions are connected to it. So when you scroll down the table, the thead stays visible on the page, but clicking the column headings does nothing. How do you use tablesorter at the same time as keep the column headings showing?
Need to select all elements with same class except the one
I am a newby i hope i chose right forum thread. I have made a vertical sliding blocks in a sidebar menu (here is what i work at: http://present-on-don.ru ) so i need to all elements except the clicked one to slide back so thaat the same time only one element is open. So i need to chose all the elements with class "arrowm" except the one i click on. How can i do that? I cant use siblings or children or if i use "find" then how do i exclude the one i click? many thanks for any kind of help.Google is
jQuery Mobile Popup and ListView, and Knockout.js Data Binding Inside the Popup div - Not Working
Hello. I’m working on a mobile website using jQuery Mobile and knockout.js. I have a (kind of) complex scenario with jQuery Mobile’s popup and listview and knockout data binding inside the popup div, and I can’t get it working. I have a nested list of alarms as shown below. For each day, it creates a list-divider row. Then inside each day, each alarm has a row. <ul id="alarmslist" data-bind="foreach: days" data-role="listview"> <li data-role="list-divider"><span data-bind="text: date"></span></li>
call jquery function dynamically
I'm working on a page where I'd like to have multiple accordions or datepickers. I understand that I can add the following code multiple times to my page and change the selector to the ID of the item I want to work with. <script> $(function() { $( "#accordion" ).accordion({ collapsible: true, active: false }); }); </script> What I would like to do, and what seems more natural to me, is I would like have that code only once with a variable for the
multiple slideshow - page counter problem
Hello, I have multiple slideshow in one page. My problem is that I can't have the page counter for each slideshow. (It appears only on the first one) Here my JQuery code : $(document).ready(function() { $('.slideshow').each(function(){ $(this).cycle({ speed:1, timeout: 0, next: $('.slideright', $(this).parent()), prev: $('.slideleft', $(this).parent()), after: onAfter }); }); }); function onAfter(curr,next,opts) { var caption = (opts.currSlide + 1) + ' / ' + opts.slideCount; $('#counter').html(caption);
Full-Screen Page Loading Widget
Is it possible to customize the page loading widget so that (i) it shows a dark backdrop over the screen (like a Dialog) ? (ii) supports a back / cancel button that returns the user if they wish to abort the load process? For (i), would this CSS do the trick, or is there a better way ? .ui-loader { padding-top: 40%; width: 100% !important; height: 100% !important; left: 0 !important; top: 0 !important; margin-left: 0 !important; margin-top: 0 !important; } thank you.
How to prevent duplicate click-type events?
I have an ongoing issue with users clicking on buttons and intermittently generating duplicate events. I've been using a variety of events to catch the clicks sooner rather than wait the 300 msec (like vmousedown), but this most recently happened with a vclick event. Since it's obvious that neither jQuery or jQM is doing anything to prevent this, and it's also not a bug in those due to the uncommon nature of it (I can replicate it now and then, but it takes lots of attempts to catch it once), I'm
Required form field support
Anyone wondering if the JQM team has any plans on supporting/gracefully degraded the html5 required property on form fields? I use alot of popup forms here and there and having a built in tooltip for required fields (or other failed validations) would kick ass. That could be something like this: <input type="password" id="password" data-validation-message="Please enter a password with more than 6 characters, 1 number and 1 capital letter" pattern="^.*(?=.{7,})(?=.*[a-z])(?=.*[A-Z])(?=.*[\d@!#$%^&*+-=]).*$"
.click function highlights text / elements
Hello, Whenever I am using the .click function, it is highlighting the text and other elements that have the same class name. Does anyone know what is causing this and / or how it can be fixed? Example - [ Button 1 ] [ Button 2 ] [ Button 3 ] If buttons 1, 2, and 3 all had the same class name "button", whenever I click on a button the other two become highlighted.
Firefox raises SecurityError and points to JQuery
Hi Guys! Test environment: Firefox 16.02 MacOS 10.7.4 / JQuery 1.7.2 In our application we have a custom implementation of a file uploader UI (to make it CSS-friendly). We are using hidden <input type="file"> elements (we hide them via .hide() function). Clicking a normal <button> triggers a click event on the hidden file input too and the file selector screen shows up. Sof far so good. But as soon as we select a file, Firefox raises an exception: SecurityError: The operation is insecure (code:
Jquery cycle custom with two effects
I'm trying to replicate the use of 'scrollHorz' using the 'custom' effect in jquery cycle but I can't figure out how to specify two different sets of effects with animIn, animOut so that the correct one would be applied based on either prev or next button clicked. Can this be done? The code below always scrolls left: $("#content").cycle({ fx: 'custom', cssFirst: {left:0}, cssBefore: {top:0, left: 1600, opacity:0, display: 'block'}, animIn: {top: 0, left:0, opacity: 1},
Superfish - disable submenu on one of the parents items only.
Hi there, I would like to disable submenu on one of the parents items on my menu only. So when I hover on that item I don'y want to have dropdown of menu items but I want to keep the submenu on others. due to some other reasons (CMS and SEO) I want to keep the submenu items on my menu, so I would like to just disable superfish somehow on that particular item. Thank you in advance. shiva
changing jqm css style from a function
Hi JQM Gods- I'm stuck and I hope you can help. I'm new to development and I'm not quite sure where my thinking is wrong here. In my header toolbar I have two buttons for select lists. I've figured out how to put a pointer on top of the select list popup that points to the button tapped. I can't figure out how to change the position of the pointer when the user taps a different button. I added a line in the .ui-popup-container:after style that aligns the arrow under button 1 (left:90px). To align
jQuery fade effects in IE(8)
Sample code: <!DOCTYPE html> <html> <head> <title></title> <style> span {display:none;} </style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ $("span").fadeIn(3000); }); }); </script> </head> <body> <button>Fade in</button> <span>This is some text.</span> </body> </html> It doesn't work in IE8 and probably older versions. Any solution?
how do I .on('elementCreation')?
Lets say I have this <label id="cloneme" class="baa"><input type="checkbox"></label> <div id="foo"></div> and this $('#foo').on('??creation??', '.baa', function(){ if ($(this).find(':checkbox').is(':checked')) $(this).addClass('ischecked'); }); Then I do this // some iterations where ischecked may or may not be true $('#cloneme').clone().attr('id','').appendTo('#foo').find(':checkbox').prop('checked', ischecked); I can't wait until they're clicked, the class should be ischecked if the checkbox
JQUERY learning book required
Dear All, I am new to jquery and want to learn. I need a good tutorail book with asp.net. can any one share/provided it. Thanks
Dialog close button triggers click on item behind it.
I have a dialog box (not a popup) with some fields and two buttons styled like so: <a data-role="button" data-inline="true" data-transition="none" href="#" data-icon="check" data-iconpos="left" id="saveEdit">Save </a> <a data-role="button" data-inline="true" data-transition="none" href="#" data-icon="delete" data-iconpos="left" id="closeEdit">Cancel </a> When one of them is clicked, a click event handler closes the dialog:
JQuery and OAuth
Hi, I need to communicate with a web service using OAuth. I need to send the OAuth properties in Request header. 1. if i use $.ajax with datatype 'json', then OPTIONS is executed first where here itself Am getting 400 bad request error 2. If i use $.ajax with datatype 'jsonp', Am unable to add Authorization header. Can anyone guide me regarding this? Thanks and regards, Gokul
Grids populate only once?
Hey, on my page I have 2 jqxTrees and 2 jqxListboxes. What I'm trying to do is show properties of the selected element from those widgets. I do that using jqxGrid which loads data from the database on select event. It works fine the first time I select a listBox element (or tree). However, when I select another element from that widget nothing is shown. I have determined that no data is sent to the php file (no GET variable is sent). Of course, selecting for the first time sends the variable. Here's
Testing data returned from a getJSON call
Happy Halloween to all I'm using a getJSON in a javascript file I have. I have a co-worker who on testing a change for me tells me he's getting a js error on my page, when I and others do not. I make a getJSON call using data in my callback. I test for data using data.length. The error is on the 'length'. Code: $.getJSON("get-sub-object-codes.html",{object_code:$('#tmp_object_code1').val(), type:code_type}, function(data){ $("#sub_object_code1").html(''); if( data.length > 0 ){ <--
big problem to use event "touchstart"
hi ! i try to make a website by using openlayers for a map on my HTC-Desire. My source you can find in my develop-example. there i inser following source map.events.register("touchstart", this, function(e) { alert("touch start"); }); but if i touch simylar on the screen (map) the message will not show. may the wrong event i want to call ? did i use "tab" ??? could you help me? regards Jan :-)
Jquery Menu Background Disappearing
I have a jQuery Menu that is very glitchy in Chrome. It works okay in FF. There are tabs that have an extended background that appears when you hover over the menu item. The background is supposed to disappear when you hover over another item but the tab is supposed to stay. All the tabs disappear when you hover over another tab in Chrome it does at times in FF but works for the most part in FF. You can see how it is supposed to work by clicking on this link and viewing in FF. Then try it in Chrome.
Display dialog modal using frames
Hello, Im unable to get my modal screen to appear. Im including 3 frames within the html. I have included my code. The ajax function is working, it's just the modal is not displaying. The frames are completely separate areas that my dialog should not go across. Help ...PS the /%...%/ are AS/400 data place holders, just ignore. <HTML> <HEAD> <link rel=stylesheet type=text/css
Loading message? What am i doing wrong?
I have never got the Loading message to work. Well, at least not using the docs method to invoke it. What am i doing wrong. $( '#mypage' ).live( 'pagebeforeshow',function(event) { //Old method...does not work. $.mobile.showPageLoadingMsg("a", "Wait getting data.", false); //New method (1.2)...does not work. $.mobile.loading( 'show' ); }); Also, i am still using "live" instead of "on" (in the event). Why? Because when i use "on" nothing happens=does not work. Have no clue why that
Render pdf using JQuery from a HttpHandler
hi, I have an application in which i have implemented an HTTP handler. I m calling this handler with jquery from my aspx button click. I have written code for the handler to return a PDF file. I want the browser to prompt for open or save option when i click the button. My code is rendering something like this %PDF-1.3 3 0 obj <> endobj 4 0 obj <> stream ... this is my code for calling the HTTP handler where i have the method for creating a PDF function pdf_report() { $.ajax({
Jquery Cycle Version: 2.9999.8 not working in Firefox 16.0.2.
Please help me fix my possible problem in Firefox. The script below works in Chrome and IE8, but not Firefox 16.0.2. I'm using XHTML 4.01 transitional, Jquery 1.8.2 and Cycle 2.9999.8 I'm using the following HTML (head and relevant code included) <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Photo slideshow with Java Scritp</title> <link href="../styles/photoslide_test1.css" rel="stylesheet" type="text/css" /> <script type="text/jscript" src="../jscripts/jquery-1.8.2.js">
Loading seperate Div's (hashchange)
Hallo together, I don't really know where to put this. But I'll try it here ^^ So I wrote a little jquery script. The script loads 2 Div's out of one different page, and loads them into the told Div's. You can use it as a navigation script, or just to load Div's from a seperate sheet. The advantage of using this as your Navigation is, that it only loads the needed Div's and not the whole site. That it works you have to look for the namegiving. First you have to give the links a special type of "link",
Next Page