iphone safari default to homepage on safari load
Hi - I have a jQmobile app running on iphone safari. It works fine but when I close safari and then later reopen it it resumes at the 'page' where I last was within the app. This is obviously reasonable from a browser point of view but I would like the web app to behave more like an native app and when safari is re-opened for it to somehow recognise that fact that this is a new 'instance' of the web app running and automatically return to to the 'homepage' of the web app. Hope that the question makes
validate: validation and fullcalendar conflict
Hi, I'm using validation plugin and others like fullcalendar; all is ok except one thing: it seems that validation plugin conflicts with fullcalendar plugin. I explain better the problem: I'm using jquery ajax http calls (GET and POST) and so I generate the content of my principal div by clicks on site menu. When I access to a page that uses validation plugin and after to one with fullcalendar this one doesn't populate with calendar events received with a JSON array. I load validation plugin in the
Page Transition and Address Bar
Hi, I am working on my first jquery mobile project and am having an issue with hiding my address bar when a new page is loaded on my iphone...basically, it isn't happening. I have tried <meta name="viewport" content="height=device-height,width=device-width" > but that stops landscape mode working. Here is a link: http://iamphiljames.co.uk/test/absorb_mobile Can anyone help?
Error console -> syntax error
Using: Firefox 4, jQuery 1.5.1 min When I click on front_item the content in front_container updates with contect which is in test.txt, but Firefox 4 -> Web developer -> Error console says If I write <p>Test bla</p> it works without error. Even if I change dataType to text and $(id).text() it's the same. So there must be always something like <something>My content</something>? Error: syntax error Source File: file:///E:/test1/test.txt Line: 1, Column: 1 Source Code: Test bla test.txt Test bla <div
distinguish between sorting same list and connected list
Hello i want to distinguish between a sorting in a list itself or when an item from a list is placed in another list: <ul class="connectedSortable"> <li>Item 1</li> <li>Item 2</li> </ul> <ul class="connectedSortable"> <li>Item 1</li> <li>Item 2</li> </ul> The problem is that the list are dynamic so now there are two ul's and tomorrow it could be 5 or 4 etc I am not able to distinguish if a sorting take place in the same ul or if a li item is moved to another ul when using a class connectedSortable.
append() to head not working in 1.5
I am not able to re-open a ticket, and I can't find the contact information of somebody to do it for me. I'd like to re-open Ticket #7522, since I am again able to reproduce it in 1.5.1. Is there an easy way to do this? edit: I changed the title, since the content of the topic is going in the direction of tickets #7522, #5819, #8607 and #8574.
Load adverts
Hello, I need to load adverts on each page. Thus, I enumerate all containers with the ads class and write and execute (in order to write the advert in the good container). (ajaxEnabled is true) Here's my html : <div data-role="page" data-theme="a" id="asm-home"> <div id="asm-homeheader" data-role="header"> <div class="ads" data-ads="top"></div> </div> [...] </div> Thus, for the first loaded page, everything works. But, when I change page, the javascript code displays
Stuck! Please help!
Hi! I'm new to jQuery and I need some help to figure it out. When the page is fully loaded for the first time, click on the first tab (profile) and you'll see the problem: it wants to load the menu-item again. All I want is that when it first loads the page, it already knows it is in loaded state. Thanks in advance! http://bit.ly/gLilCo $(window).load(function(){ $('#page2').delay(200); $('#page2').show('slow'); $('#content>dd').css({display:'block'}) $('#thumbs').jScrollPane({ showArrows:false,
How to load form result in the same window?
Hi, I would like to know if it is possible to load form result in the same window after clicking the validation button. I know this method that load elements from the server on the current page after changing an input value. ( Using methods: change() and load() ) http://forum.jquery.com/topic/load-function-is-not-working-with-datepicker-input Is it possible to do same with forms, and which methods to use? Thanks :)
how does jquery/jquery mobile decide on which transition to use?
Hi, is there a way to specify which transitions are used when calling the history.go or history.back/forward methods? thanks Matt
Re-creating jquery-ui elements after xhr update
Hi all, I have a function (createButtons()) which executes on document.ready, which selects button elements and creates a jquery UI button, and attaches an event handler for the click event. This all works until I update the part of the page via an ajax call. The buttons returned in that aren't being detected by the original createButtons() function. Adding a call to the createButtons() function in the ajax updaters success function doesn't re-initialise the buttons. Is it possible to do this? Thanks
javascript in a transitioned page
Hi: When a page do a transition to another (and use the location.hash stuff ...) , this second page does not load any javascript How can I execute javascript when a page is loaded (if this one "comes" from a transition from its parent) ? Thank you
jCarousel question - execute the codes only before the next button is click
I have implement jCarousel onto my website, my jCarousel has 8 items on each page, when user click "Next" button, then jCarousel will display item 9 until item 16. I want to execute a certain codes only when jCarousel is displaying item 1 to item 8. In other word, I want to execute the codes on 1st page only. In other word, I want to execute the codes before click the "next" button. How to do that? I not sure which 1 should I use? Should I use itemFirstInCallback or itemVisibleInCallback or buttonNextCallback?
How to retrieve a Json object value using Jquery
I have a Json Object n wanna select one row based on id and name my testObject contains below data "{"id":"1","name":"Apple","isVisible":false}" "{"id":"2","name":"Orange","isVisible":false}" how to retrieve it effectively using jquery.I have tried for loop .But it gives memory leak(page is expired) If anyone have idea,please share some hint/code
$.get method having limitation of no of call
Hi I am using jquery ajax of $.get method for calling data in javascript. but when there is multiple call of function. my page get reloaded. can anybody solve my problem thank you Prem
calling a function - selector problem
When I trigger .thumbnail:hover span CSS, i want to do a function that shows the .overlay class. Here's what I have and i does NOT work. Any help?? Thanks in advance. Script: $(document).ready(function(){ $('.thumbnail:hover')( function() { $('.overlay').show() }); });CSS: --- start css --- /*POPup Image*/ .thumbnail{ position: relative; z-index: 0; } .thumbnail:hover{ background-color: transparent; z-index: 50; } .thumbnail span{ /*CSS for enlarged image*/ position:
having proble in ie6 please provide the solution i am
link to problem please provide the solution
Input text field validation
Good day! Guys.. i need your help again.. i don't understand this structure.. i know its for email validation, but how the line 1 works? and also if JQuery has this function? if (!/^[A-Za-z0-9_\.\-]+\@([A-Za-z0-9\-]+\.)+[A-Za-z0-9]{2,4}$/.test( document.forms[0]["email"].value)) { alert("Please enter a valid e-mail address."); document.forms[0]["email"].blur(); document.forms[0]["email"].focus(); document.forms[0]["email"].select(); return false;
JQuery Form Uploading file problem
Hi, right now I'm facing a situation when uploading a file using Jquery Form, I've never being able to reach the success property/action and when the file finishes uploading it tries to show some information of the incoming page with no success, eventhough I dont mind showing some response what I would like to do is a file upload to multiple destinations, that's why I'm concerned on the success property being reached this is what I'm doing <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
Seaching date by jquery datepicker
Dear all, I have problems to search date by date picker date. I can pop out the jquery datepicker when I click the submit button, the submit button isn't work. How to solve the problem? If the button cannot click, then I cannot pass date from client side to server side and do searching function. Who knows how to solve it?
basic math in form fields
Greetings, I'm having a problem with something that should be simple. I have a form with two text fields and a check box. If I put a number into the first text box I want it to be copied to the second text box. If I tick the check box I want the number in the first text box to be divided by 12 and put in the second text box. Thank you.
Mobile Streaming
Can jquery be used for streaming live from a smartphone with a 3G connection?
can the framwork insert too many doms to the mobile device?
I read through the docs and demos, and got to know that jqmobile framework keep inserting loaded doms to the first page, so my question is if any possibility that the device browsers are not capable of handling so large a page? mobile devices are more and more powerful, but they still use mobile processors, and many tabs can be opened in android browser, so I'm think if I need to delete some pages so that the latter ones can be loaded. Thanks,
jQuery 1.5.1 & Chrome/Safari - jQuery errors
jQuery won't appear to load properly on Chrome and Safari for a website I'm working on. (I'm using the jCycle plugin on the page). It works everywhere else including IE6. I can't tell from the errors if the issue is with jQuery itself or the plugin. Here's the error I'm getting: Uncaught TypeError: undefined is not a function jQuery.jQuery.extend._Deferred.deferred.resolveWithjquery-1.5.1.js:869 jQuery.jQuery.extend.readyjquery-1.5.1.js:420 jQuery.DOMContentLoadedjquery-1.5.1.js:1055 I'm unfamiliar
Long list within a bounded area
Hi all, I'm really getting there using jQM, but I have a problem: my page has a top area and a bottom area, and a long list between them. I used absolute positioning on the top and bottom divs, set a height on the ui-content area, and scroll auto, but it simply does not scroll. Is there any ideas on how to make the list scrollable?? Cheers,
Need a jquery ajax hack for safari
I got an issue with safari and this ajax holder that i got on my website, the ajax holder is a menu with alot of jquery animations and 2 lightbox(s) with about me info and contact form. the ajax holder is simular to this below http://www.javascriptkit.com/script/script2/dropdownpanel.shtml could someone plz help me with this problem because im not the 'hackee' type when it comes to web browsers. the ajax holder works fine with IE (weired), chrome, firefox, opera its just safari thats giving trouble.
navigational highlight based on url hash not working.
Hey guys, can't quite wrap my head around why this doesn't work. Pretty self-explanatory, but it grabs the hash (#lofts), chops it and adds the extension (lofts.php) then goes through the navigation, looking for an anchor with an href of lofts.php to add a class to...No class being added though. $(function(){ $page = window.location.hash.substring(1) + '.php'; $('#project_navigation ul li a').each(function(){ var $href = $(this).attr('href'); if ($href == $page) { $(this).addClass("current");
Asynchronous Autocomplete Echoing
Situation: Using a web service to provide the autocomplete results, the normal behavior of autocomplete, is that someone initially posits a smaller query, and as they type into the field, the query grows. This has the effect of reducing the size, latency, of the network service response, as result size shrinks. Effect: Because there is no check as to response went with which request, the autocomplete display sometimes renders more results than it should (in this case FILO). Usually the requests
What is a good way to emulate a "flash" notice?
I want to put a notice when a user action is successful or not at the top of the screen. However, I need the message to persist only until the user moves to the next page. What is a good way to do this?
Using range slider to query records from db
I'm very new to all of jQueryUI and I've played very little with javascript and Ajax. My background is mostly PHP and MySQL. that said, here is the task I would like to perform... using jQueryUI Slider (range) 1) Main page PHP: Query a range of values from the database for the max and min values and set those as the max and min value for the slider. 2) as the slider range is changed have the min and max values adjust the "where" conditions on another query to pull up other values that fall
select "a" tag with attribute"rel"
here is my html <a id="ctrl2" href="'>web-link1</a> <a rel="300;500;modal;head;http://www.gmail.com" id="ctrl1" href="">web link2</a> requirement select "a" tag that has "rel" attribute. get the values within rel and show modal here is the code $('a[rel]').click(function() { callform($(this).attr("rel"),'Required Fields'); }); function callform(PArel, lbltxt) { var htt=PArel.split(;); if(htt[2]=='modal') { ........ } ...... } its not picking a with rel....................Any help will
validator plugin
i am getting a pretty typical error message that appears to appear for folks who have typos in their validator code blocks, $.validator.methods[method] is undefined i have spent most of the day going through my code, and comparing it to other working validation code i have in other pages, i have rewritten a bunch of stuff, and to no avail, i am still getting the same error so i figured i would try the community here, to see if the communal mind would see something, or have knowledge i do not. i have
Using Resizable and Draggable with Containment
When I add resizable() and draggable(), or even just draggable() with containment, the element get a margin-right that matches the extra space from the right side of the element to the bounding box of the parent on the right side. So a <span> that is 100px wide inside a <div> that is 500px wide, ends up with a margin-right:400px. At this point, i cannot move the element laterally, only vertically. Is there a way to avoid this? The kicker is when I have resizable() on the the same element, and
how to run a function simultaneously with animation?
hello to you smart peoples, how can I make a function work on an element while at the same time the animate method is applying to it? as example, I want to make an element that change its height and his background position move by 100px every half a second. thank you! AsafKey
Problem in obtaining a value from a combobox
I have a series of comboboxes from which I have an issue getting the selected value. I have fudged this by setting up a selected event and setting the value to a local variable and I would like to stop using that. I have looked at this for hours and I know it will be something simple. My combobox code is posted below. Thanks in advance. (function( $ ) { $.widget( "ui.combobox", { options: {phpfile:null, opid:1 }, _create: function() { var self = this; var select
Validation plugin on Android - doesn't seem to validate email addresses
We tested one of our pages on android today and it seems like our email address field always got marked as not being a valid email address, even though it was I changed the validation to only require an email address if the userAgent wasn't android, which solved the problem enough so that people could continue Anyone know what the problem might be? We were initially using validator 1.7 but I saw that version 1.8 was available so I updated to that, but the problem was still there
Masked input
I am able to call the mask function to mask my phone number etc in specified format. Unfortunately my database has only 10 chars for phone number so when I do insert it fails. My question is how can I get only the value back in postback instead of getting masked characters as well?
PDF links don't work
I created a small PDF. When you click on a text link, it takes you to another page. This works fine in Adobe Reader on the PC, but in the Android device the link has no effect. Is there a special way to get these links working on a mobile device?
ajax tabs inside accordion-
If the ajax tabs content loads slowly, my accordion collapses. if i click again on the accordion i see my tab has fully loaded. how can i prevent the accordion from collapsing? (but i DO want collapsible : true) thanks from jennifer
how to add custom images to jquery tabs?
hello, i have 3 tabs and i would like to add custom images on the tabs that change when the tabs are active or not. like this my layout is like this: <div class="tabs"> <ul class="tabNavigation"> <li><a class="ep-messages" href="#first">Firstddddd</a></li> <li><a class="ep-friends" href="#second">Second</a></li> <li><a class="ep-alerts" href="#third">Third</a></li> </ul> <div id="first"> <h2>First</h2> <p>Lorem ipsum dolor sit amet, consectetur
Next Page