Appending to <body> doesn't work on Mobile
EDIT: See reply. So here's what I'm trying to do - my Rails app is set up so that the root is a view that displays all events on the current day. Currently, my view has the following structure: body data-role=page data-role=header #day_header data-role=header #main.nextDay data-role=content And the day_header and everything within #main change depending on the day. So given this, I've set up the following javascript: (function() { $(document).ready(function() { var anotherDay,
alpha 4 release date?
thanks for a great framework. I heard a4 will have a major update of click/tap events being quicker etc. I was wondering if you have an approximate release date for this yet? Thanks!
detect an unbound custom event
Hi, I wonder if there is a way to detect a triggered custom event was not handled ? For example, 'myEvent' is triggered by #myDiv: $('#myDiv').trigger('myEvent'); How to execute some default behavior if myEvent is not handled "somewhere in the DOM hierarchy" ? Maybe by binding to myEvent on document or body, and check some event properties (ex: event.result) ? Thanks, Thomas
Can we use a single copy of JQuery on the "top" page in an application with multiple, child IFrames
We have a very large web application that has a top page with multiple, child IFrames living "above" it. We are beginning to use JQuery and wonder if it might be possible to have a single copy of JQuery residing on the top page and reference it from multiple IFrame child pages. The goal is to reduce the memory footprint by avoiding the need for a copy of JQuery in each child IFrame. Thanks in advance. Bob Fitzhugh
href attribute IE vs Standards browsers
I'm having an odd issue that i can't recreate in jsbin. i have an anchor tag: <a class="navigateToCategory" href="#523">Instruments</a> and the code below: $('.navigateToCategory').bind('click',function(e){ e.preventDefault(); alert($(this).attr('href')); }); IE will give me "http://mydomain/index.cfm#523" while all other browsers give me "#523". I tried to recreate this using a small test case, but i can't do it. IE always returns the "#523" just like all the other browsers. here's a
Matching Variables of Two Elements (binding cycle and ui-selectable)
I need help with condensing my script so that a #div_x is related to a separate element img_x. My project uses ui-selectable to grab points on a map and return an image set in a separate div via jquery cycle (as in here http://bit.ly/gH7Lm3). I have bound the 'selectablestop' event to two functions - .hasClass and .append - in order to 1) detect if a point has been selected and 2) append the containing cycle div with a corresponding image (also, incidentally, contained within its own div). As is,
Links not working if a div is after them
I am creating a several step sign up process for our company. I want a new div for each step along the way. I will then either accordian or some other style for them as the customer progresses through the process. I want to use a hierarchy like div#step1 -->content div#step2 -->content etc. I have step1 complete and works great until I put the step2 div after. The links in step1 are not clickable after step2 is added. If I remove the step2 div it works normally. Here is the markup: <div id='hiddenInViewSource'>
FadeIn Animation not waiting until callback
Please see the code below: $(document).ready(function() { $('#flip_nav_aboutus').click(function () { $('#flip_content div[display!="none"]').fadeOut('slow', function() { $('#flip_content_aboutus').fadeIn('slow'); }); }); }); The fade out and fade in are occurring simultaneously even though the fade in is in the callback... Any ideas? Thanks, Tom
Toggle() in Firefox
My website: www.elizabethgin.com For the 'Print' and 'Photography' links, I have submenus appear via jquery with the following code: $(document).ready(function(){ $('#mainMenu ul li:first').click(function() { $('#photoMenu').fadeOut() $('#printMenu').toggle(function() { $(this).animate( {easing: 'easeInCirc', duration: 'slow', } )} ); }) }); $(document).ready(function(){ $('#mainMenu ul li:last').click(function() { $('#printMenu').fadeOut() $('#photoMenu').toggle(function() { $(this).animate( {easing:
Dialog Buttons are vertical why?
Hi, The buttons in my dialogs are vertical. Do you know how to set it so that it is horizontally placed. [ok] [cancel] into [cancel] [ok] I know I can absolute position them. But is there another setting I can change?
Validate ZIP Code for a set list of zip codes
Hey All, I'm completely stumped right now and cannot figure out how to validate an input field for a set group of zip codes. Basically I have a list of about 200 zip codes that are valid for this project I'm working on. I tried using the range method and wasn't able to get it to do what I needed it to do. I don't want anyone else to see what the list of correct zip codes are, this is to verify that they are local. Any thoughts would be great. Thanks.
how to check data with database
i am new to J query , today is my second day. I am working on a code which i need to modify . Code is in ASP.net , J query and back end SQL server . Question is: how i check the value on a text box with database table .
My page is looping forever? JQuery/FireBug
Hi guys HTML codes: <!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"> <script language="JavaScript" src="js/default.js></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script> <link rel="stylesheet" href="css/reset.css" /> <link rel="stylesheet"
help with passing variable to ajax
<script> $(document).ready(function(){ $('td img').click(function(){ alert($(this).attr('id')); }); $.ajax({ type: "POST", url: "some.php", data: "id=" + id, success: function(data){ alert( "Data" ); } }); }); </script> I am new to jquery and I was wondering on how to send the id of the image I clicked on to a ajax call.
'null' is null or not an object problem - please help
Hi, I'm hoping someone can help me with this - I'm very new to javascript and quite stumped. I'm getting this error msg on ie8 Webpage error details User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; Trident/4.0; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; .NET CLR 3.5.30729; .NET CLR 3.0.30729; .NET4.0C) Timestamp: Thu, 31 Mar 2011 13:14:57 UTC Message: 'null' is null or not an object Line: 156 Char: 31 Code: 0 URI: http://www.carlmarmedia.com/soon/ Have tracked it down to this js
probleme with valencia theme
hi, I use the valencia theme as my default theme: <link rel="stylesheet" href="css/jquery.mobile-1.0a3.min.css" /> <link rel="stylesheet" href="css/valencia.css"/> but, I have a problem only with mobile device (android, iphone...): The site is not fixed horizontaly (1 or 2 pixels). without the valencia.css,There is no problem. Regards, Manu
jQuery issue: Fancybox in IE9
Surprisingly enough, I'm already having issues with IE9. I'm on 64-bit IE9, but I don't know how much that matters. I use a jQuery plugin called Fancybox (http://fancybox.net) on a couple of websites, and when I load fancybox.net or any of the sites containing fancybox, I get this error: line 72 appendChildOriginal(element); jscript debugger breaking on jscript runtime error - invalid calling object This error appears not only on this page, but ironically even msn.com kicks this error on page load
problem with a .change() event
Hi, I have this page with this single choice select box: <select id=DIM_T> <option value="HOUR">Hour</option> <option value="HOURS3">3 Hours</option> <option value="DAY">Day</option> <option value="WEEK">Week</option> </select> I want to use this function as an handler: var setTimeStepper=function(selectName){ var selected=$("#"+selectName+" option:selected"); window.alert(selected.data("step")); } And I call it like this: $("#DIM_T").change(setTimeStepper("DIM_T"));
Reload whole Flexigrid
I am using Flexigrid, pulled from JSON, and would like to be able to add columns. Is there a way to wipe and replace a grid while keeping the rest of the page intact? Is there another way to add columns on the fly? Thanks, Jonathan Hayward
jQuery CKEditor Plugin
I am trying to use this plugin to work with the CKEditor. The only problem is that CKE will ignore the default config file. I wanted to add a <input type="file" ... > item but the code needs to go into the default file and am not sure how to add it when using CKE with JQ like this. Suggestions?
Regarding scroll state of div
Hi, I would like know, how to remember the scroll state of div. I am using datatables jquery plugin for my table with vertical scrolling. I scroll something and click-on some link, after that if i press back button then the scroll position goto the top. I would like to keep it at the last position. Please help me with this.
JQM (jQueryMobile) toggle() function performs differently if passing false first
Here is an example: http://jsfiddle.net/FzZwt/8/ If I pass false first the transition is smooth and slides. If I pass true first the transition is instant <div data-role="page"> <div data-role="fieldcontain"> <fieldset data-role="controlgroup" data-type="horizontal"> <div>Boolean Test 1 - Passing TRUE first</div> <input type="radio" name="boolean" id="true" value="true" /> <label for="true">Yes</label> <input type="radio" name="boolean" id="false" value="false" checked="checked"/>
How to manipulate history? How to handle destructive or state-changing POST requests?
A practical problem when building a web app with jquery-mobile. I login through POST and then do redirect (to "/") after the user is logged in. But I get a back button, and a location bar that says "/#/util/login" in, the back button takes me to the login page. I don't want a back button, and I want to reset the cache of pages. What would be the best way (canonical jquery-mobile) to achieve this? Should I include a little inline javascript on the page that is shown when logged in that manipulate
Need to know the url that changePage is going to beforepageshow/create
In my phonegap app, I have pages that execute page specific JS when the page is loaded. Some of them have a need to know the query params used to get that page. Using location.href won't work since the hashChange hasn't happened yet when the page specific js is called. Similar to $.mobile.activePage, I think it would be useful to have a way for devs to access the location.href of the page that is being fetched. Currently, I have workaround this by setting a property on my global object: wc.currentHref
Changing Accordion behaviour
Dear Forum, I would like to change the default functionality of the accordion widget to show category information. For example, if a category has subcategories, then the accordion will open as usual and list the subcategories. However, if a category does not have subcategories, is it possible to prevent the accordion opening up an empty content pane and go directly to a link that I specify? ie load up a page that shows the products for that category. Best regards, Minh
Is it possible to clear a done() queue?
Subject pretty much says it all. Let's say you've used deferred.done() to add several functions to a Deferred's queue. One of those functions finds a problem and wants to stop everything else from executing. How can the queue be cleared so none of the remaining functions are called?
jquery post (ajax) works in IE but NOT in FF and Chrome?
Dear All, Please help me on this: I wrote a little program. When the home page loads, I added <body onload="get();"> to retrieve data from database using PHP and then display on the same home page. The codes imported to the home page also include a simple form with Submit button: "<form name='commentform'><textarea row='5' cols='20' autofocus form='commentform'></textarea><br /><input type='submit' id='sub_comment' value='Submit' onClick='addComment()'></form>". When a user clicks Submit button,
Superfish CSS Questions
Here is the Superfish menu I am working on: http://linford.us/common/header.php, (based on the http://users.tpg.com.au/j_birch/plugins/superfish, Examples / nav-bar style). If you hover over Web Solutions / Dropdown Test, You will see that the dropdown CSS is currently screwed up. What I would like the dropdown to look like is this (Hover over Dropdown): http://demo.templatesquare.com/html/hostingsquare There are two issues: 1 - How do I get rid of the pipes on the dropdown without messing with the
theme background does not fill page
when I create a page that onlt has a line or two, on my iPhone and iPad, the background color only fills the top 50-70%. How can I make it complete the entire available background. thanks.
Reloading a tab from the inside of the tab..
Hello, first time on the jQuery form but I've been having some trouble with getting the correct code to display what i'd like.. I'm working on a website that has four tabs, [#main, page1.html, page2.html, page3.html] if you click on tab2 it will dynamically load page1.html where there is a form that a user will fill out, and when they submit it, I would like to reload page1.html, or tab2 if its easier and in scope, to show new information. However the only thing I have been able to do is fade out
Show/hide Multiple divs, and remember the has for each???
I'm fairly new to js & jq, I have been working on this for hours now. I have been trying to get this to work, and got it half way. I know it is in my hash tag, but can't find any good help on split/join to remember both. I'll paste my js in a minute. Here's what I am trying to do: 1- I have 2 or more divs that will show one tab, and hide all others (I have been trouble shooting just 2 divs for now). 2- Let's say div #1 has tab 4 of 5 selected, and div #2 has tab 3 of 4 selected. 3- When someone refreshes
Jquery jsonp (firebug)returns missing ; before statement
Here's my code: $( document ).ready( function(){ $('#get_metars').click( function(){ //var icao = $('#icaos').val(); var icao = 'KJFK'; var url = 'http://weather.noaa.gov/pub/data/observations/metar/stations/'+icao+'.TXT'; $.ajax({ type: 'GET', url: url, dataType: 'jsonp', jsonp: 'callback', success: function(data) {
jQuery validate custom method not getting called
I have used `jQuery.validator.addMethod` to create a custom validate method that will make sure there is at least one row in my data-entry table. Using Firebug, my breakpoint in the method isn't being hit at all. Am I missing something? Note: I am sure there are problems with the validation method itself, but that is because I can't debug it yet. I am still very much a novice with JavaScript. Here is what my table looks like: <table id="editorRows"> ... <tbody class="editorRow">
addClass / removeClass Bug?
So here's what Im trying to do: I have a table with over 100 rows, and I am using mouseOver to change the class to 'highlight' the row. I am trying to add some jQuery to make the highlight effect a little more aesthetically pleasing. Here's the logic: on <tr> mouse over change class to 'highlight' on <tr> mouse out change class back to original with a slight fade Here's some samples: Youtube video of the issue Link to working Demo Here's the code: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
Is jQuery UI theme proper for the whole page?
We are creating a rapid HTML prototyping tool named App Sketcher (http://www.appwork.com). It's a desktop (for both PC and Mac) application that uses an embedded webkit browser as its design surface. HTML tags, jQuery UI components and web widgets (such as Google Maps and YouTube player) can be drag and drop to form a page quickly. Simple actions can be defined as well. User can then run/test the prototype in their default browser and export the source once they are satisfied with the design. The
Possible Bug in jquery.Form (from malsup.com)
Hi there, possibly found a bug in this plugin and want to ask if anyone can verify this or have found the same issue. I want to get the result of an ajax-script which is encoded in json (using php's json_encode();). However, if I include "<" into the result-array, nothing happens and even the success-method is not called. It's a bit irritating because on another script which is mostly the same in each line, the success-method is called without problem. I asked a friend programming alot with jquery
Some problem with the load() function.
I have a "content" div which is used for the .load() function to display some other jsp page. For example, $('#content').load('tag.jsp'); The major function of the tag.jsp is load data from a table. I got a problem in this scenario. In my main page, i have done something such as inserting data to the table. And then run again the script: $('#content').load('tag.jsp'); and expected to view the updated result. However, sometimes i can see the updated result immediately and sometimes after inserting
Error in jquery 1.3.2 min.js in IE9 when hovering over a div using jquery.cluetip.js plugin
HI there, I am using jquery.cluetip.js plugin, as and when i hover on a div on which i have implemented the cluetip functionality the jquery 1.3.2 min.js throws an error NOT_FOUND_ERR: DOM Exception 8 This error is thrown at j.attribute("G",K) . I have no idea why i am getting this error only in IE 9 and not in any other browser, is the plug-in ( jquery.clutip.js ) compatible with IE9 ? Any help would be appreciated Regards Prabhjot singh
Appending a List - No Styling - Can Anyone Help.
Hi, I am trying to create my first Web App but have stumbled onto the following problem. I want to append a list via an AJAX call but when I append the list no styling is applied to it. <div id="resultLog"></div> <ul data-role="listview" id="sample" data-inset="true" data-theme="a"> <li id="history"><a href="history.html">History</a></li> </ul> </div> And below is the AJAX call. <script> $(function() { $("#callAjax").click(function() {
Form Submit and Ajax call
Hi all, Please let me know whether this works..(ajax call inside form submit) Thanks in Advance.. <html> <head> <script> $(document).ready(function() { $("#form1").submit(function(){ $.ajax({ url:"servlet2", data:({name:"kiran"}), type:"POST", dataType:'xml', success: //any code here }); }); }); </script> </head> <body> <form action="servlet1" name="form1" id="form1"> <input type="text">data</input> <input type="submit">submit</input> </form1> </body> </html>
Next Page