Can i pause that data-rel='back' work ?
hello, i don't speak English well, sorry. i have a question about data-rel='back' working. i use this code. when i turn up popup page <a href='new_post.php' class="ui-btn-active" data-transition="slideup" >New Post</a> close popup page <a href="/" data-rel="back" data-icon="delete" data-transition="slidedown" >back</a> and it work well. but i want to show alert when i click data-rel="back" button. i don't know how do i coding. i use this code <a href="/" data-rel="back" data-icon="delete" data-transition="slidedown"
List of "buttons" to make POST requests
Hi, I'd like to create something like this (list items with thumbnails): http://jquerymobile.com/demos/1.0a4/#docs/lists/lists-thumbnails.html But where clicking on the item makes a POST request. I've tried using buttons in the following way: <form action="/thing" method="post"> <ul data-role="controlgroup"> <li><button type="submit" name="name" value="thing1"></button></li> <li><button type="submit" name="name" value="thing2"></button></li> <li><button type="submit" name="name" value="thing3"></button></li>
Preload in the background?
Hi, I am adding a few images to my page like this: $('body').append('<div id="galleryContainer" class="galleryContainer"></div>'); var galleryContainer = $('#galleryContainer'); var imageCount = imageArray.length; //imageArray is a array which contains the URLs to the images for(i = 0; i < imageCount ;i++) { $("<img/>").attr("src", imageArray[i]).appendTo(galleryContainer); } this work, but I want to do this in the background. That means, I want to show my page and then,
Acting on events fired by templated controls
Hello all, I try to hook up to the change event of a select control. The template for the control is outside of my page and injected via: $.get('templateResource.html', function (ReceiptRow) { $.tmpl(ReceiptRow, array).appendTo("#tblReceipts"); }); The template is rendered correctly to the page but I do not get informed. The alert is not fired in both ways: $(".ddlCurrency").live("change", function () { alert("ddlCurrencySelectedIndexChangedViaLive"); }); $(".ddlCurrency").change(function () { alert("ddlCurrencySelectedIndexChanged"); });
Blackberry Applications
Please suggest me some applications for my new blackberry smart phone. Blackberry Application Development
Qwerty Shifter (keyboard event handling)
Hi I am trying to develop a Qwerty Shifter http://www.cross-browser.com/toys/qwertyshifter.html by handling keyboard events. I want to display a textbox and as user type any text it changes at once means as user types "a" it display "s" "b" changes "n" for internet explorer I have script BUT want a cross browser solution for this function InputEventKeyPress(event){ window.event.keyCode = shifter (window.event.keyCode); } //Key press function shifter (keyAscii) {
fire partial postback on ui silder control movement
Hi there, I am using slider controls on my .aspx page and using ASP.NET ajax for partial postbacks. i need to postback partially when slider control moves(at stop/change event of slider). slider controls using a simple div element without any runat=server attribute. i follow the instruction given at "refresh updatepanel using javascript" but asp.net gives error " invalid postback event data. i uses __doPostback('divId','') but still gives error when i click on Next button on the page to navigate
Different Action Depending on val()
Im trying to do a different action depending on an inputs value. If the val is subscribe then it adds the record to the database and changes the val to unsubscribe. If the val in unsubscribe then it removes it from the database and changes the val to subscribe. however when the val is subscribe and clicked it inserts the info to the database and displays the new val(unsubscribe) but if it is clicked again without a page refresh the script still thinks the val is subscribe. I have alerted the val
jQM Alpha 4
Hey @ all, the next question regarding the upgrade from Alpha 3 to Alpha 4. I have a page flow where you navigate from one page to another through listviews. So it's like a guided selection auf necessery options. In Alpha 3 it all worked perfektly I just use link tags within the listitems and pass the paramters through the hash. In Alpha 4 a tap on the listitem is somehow fired double and selekts also an option on the next page. i.e List one: tap on item 4 => navigation to next list page there is
Couple of Questions
Hello Everyone, I seem to be having tons of trouble working on porting my site to jQuery mobile... Here are the three major problems I have ran into. 1. How do you size form objects/prevent defaults. I would like to make my own "buttons" using the <button> tags without having jQuery mobile make a huge button. 2. I have a few forms that I want to be submitted via AJAX requests. When I submit the form it posts it actually submits the form (my variables go up to the nav bar) instead of run through
Getting xml node's all attributes
Hi there, it has been a short time since i use jquery... I am now stuck on a problem with jquery- getting a xml node's all attributes as an array for example... I have searched a lot on that with no luck ! Is there a way on getting all attributes of a node with jquery? Thank you community.
What's the efficient way to modify variable of jquery?
Hello everyone...! Current topic is that I have this div: named as "contact_person" <div name="contact_person" class="round"><table width="590" border="0"> <tr> <td><input type="button" name="contactpremove-1" value="-" /><input type="button" name="contactpadd" id="contactpadd" value="+" />Contact Person</td> </tr> <tr> <td> <select name="contactptitle" > <option>Mr.</option> <option>Ms.</option> </select> <input type="text" name="contactpname" size="80"
Jquery TreeView Menu Plugin
Originated From: Link I have this one; <div id="kiri"> <!-- ordered ul started --> <ul id="menu" class="closed" >Management Setup <li id="supplier">Supplier</li> <li id="customer">Customer</li> <li id="staff">Staff</li> <li id="bank">Bank</li> <li id="stock">Stock</li>
fadeOut works in FF4, does NOT work in Chrome10, IE8
jQuery 1.5.2 Simple page with several block elements, <img class='disappear'> & <p class='disappear'> (in that order), both unpositioned. <script type="text/javascript"> $(document).ready(function(){ if ($.browser.msie) { $('.logo').boxShadow( 10, 10, 5, "#888"); } $('.disappear').fadeOut(10000); }); </script> In FF4, correctly fades out both elements. In Chrome10, fades out the <p> only. In IE8, fades neither out (&
Jquery and ul li Tree
Hey guys...! I kindda bit confused here. I have this list showned; <!-- div kiri started --> <div id="kiri"> <!-- ordered ul started --> <ul >Management Setup <li id="supplier">Supplier</li> <li id="customer">Customer</li> <li id="staff">Staff</li> <li id="bank">Bank</li>
FullCalendar delete event by drag and drop
This is my code so far: var isElemOverDiv = function(draggedItem, dropArea) { // Prep coords for our two elements var a = $(draggedItem).offset(); a.right = $(draggedItem).outerWidth() + a.left; a.bottom = $(draggedItem).outerHeight() + a.top; var b = $(dropArea).offset(); a.right = $(dropArea).outerWidth() + b.left; a.bottom = $(dropArea).outerHeight() + b.top; // Compare if (a.left >= b.left && a.top >= b.top && a.right <= b.right && a.bottom <= b.bottom) { return true; } return false; } eventDragStop:
SIMULTANEOUS modals?
it is posible to have to modal box at the same time? each modal has different content. Please share me some codes... thanks.. ^^...
jquery selector
I am a rank newbie. i'm trying to make a simple folding page menu in wordpress, once that expands when you mouseover. the menu is here http://lpcurriculum.avatarpublication.com LP Curriculum write now i am able to load the page closed, and when I mouse over I am able to expand ALL children, but what I really want to be able to do is just expand the children of the currently moused over LI. The code I got now is selecting all children and just expands the whole menu. not what I want? jQuery(document).ready(function(){
Ajax error in desktop browser
Hi, Since alpha 4 update, the ajax navigation in a desktop browser always shows the error message, then the page is loaded through a normal non-ajax request. This doesn't happen when I uso the demo site, but I have not found the difference between the demo and my app. Anyone has been through something like that? Thanks
Visibility problem with hyperlink on images help
Hi, I'm having an issue with adding hyperlinks on images. Please see example below. Without hyperlink on images. http://www.sail-world.com/highlights.cfm With hyperlink on images. http://www.sail-world.com/highlights_test.cfm Could someone help me with why the descriptions under the images have disappeared with the hyperlinks on the images?
Site Showcase, Promotions, jQuery support, etc.
Hi! 1. What is the appropriate place in this forum to showcase sites built in jQuery? 2. Are there any opportunities for advertising on the site? 3. What are the requirements to display the jQuery logo on my site as a supporter? Thank you! Keith
Styling of a select list box as a navbar item
I'm using a navbar that contains multiple links. The navbar always has three links but could potentially have 2 to 3 additional links in certain scenarios. Instead of cluttering up the navbar with too many options I would like to add a select list box as an additional navbar item as a "More" option to display additional navbar options. I can add the list box without a problem as a fourth element of the navbar and it works as expected. However, the listbox ends up with the standard rounded corners
How can I disable sunday's on datepicker?
I'm creating a restaurant website, and I was doing the reservations page and decided to use the datepicker plugin to pick dates. I was wondering is there a way to disable sundays on the date picker, and also, the restaurant has different hours on Saturday then the rest of the week. So my question is, how can I disable Sundays and is there a function which lets me determine the day of the week? My thoughts: I was thinking of having the datepicker use the Full format (DD, d MM, y). Then using javascripts
long polling question
I'm trying to create a basic app which uses long polling. So, my site makes an Ajax request to my server. My server script loops (10 seconds long) and checks if there's new data. If there's new data availible, it returns a JSON string and the new data is immidiately displayed on the webpage. But the problem is, when the Ajax request is made to server and no data comes in for 10 seconds, then that means it waits 10 seconds. In those 10 seconds i can't click on any other links in my webpage. It sits
getting content of a page by ajax or php
hi i have a page that its content loads by jquery ajax, i mean i have this code at the end of my page: $(document).ready(function() { $.ajax({ type: "POST", url: "inc/content.php", data: ({'content_id':5}), }); });recently i found out google robots could not run this code, so the page content (that come from content.php file), wasn't considered by google. so i think my only option is to get content by php, what is the equal php code for getting a
Odd Behavior With Header Div only on Some Pages
I'm struggling with formatting in the: <div data-role="header"></div> Section of my page. I'd like all pages except the landing page (/) to have a header bar, and simply leaving out the header div seems to work fine for that page. When other pages load, they also look fine. But if I go "back" to the home page, the content <li> floats over the image I'd like to display. My front page looks something like: <div data-role="content"> <img src="/some/image/path/image.jpg" style="width: 100%;" /> <ul data-role="listview">
Form disappears before mouse can get to it
I have an item at the end of a menu that when it is moused over, it makes a form visible underneath it. On some machines running Safari the form flashes on and of on hover, and disappears when the mouse leaves the trigger. I can get it to happen in Firefox if I move the mouse super slow from the trigger word to the box. I've tried moving the log in box closer with css, and it still happens. here is the javascript: $(document).ready(function(){ var both = $(".both"); var
firing code when an element is appended to
Hi Folks, Say i have some container elements on a page which get other elements appended to them dynamically as a result of various events scattered throughout the javascript in the page... is there any way of attaching code that would get fired for that container whenever something gets appended to ( or deleted from) it ... like the change event for text boxes but much more generic? Cheers, Robin.
jCrop, an unusual requirement, and strange behaviour
jQuery 1.4.4, jCrop 0.9.8 I'm trying to make it so that I can have sort of a "floating" aspect ratio, in that the final image width is fixed, but the height may be between 2 values. I also need to avoid increasing the size of the cropped image so I'm using the minSize option. I thought that I might try setting the maxSize depending on the current aspect ratio, although I'm unsure whether changing that value is possible on the fly. I've been trying to determine that but have been stalled on something
Tabs: Are ID's required?
From the documentation I found, it seems they are.
Extract URL from a list item newbie question
I am a total newbie as far as jQuery is concerned so this may be obvious to those with a little more experience but I have inherited some code which provides an autosuggest list as an HTML list .. the items in the list can be highlighted using the up and down arrow keys and if you click on a highlighted item using the mouse a new URL can be triggered. What I want to be able to do, though, is also allow the user to hit ENTER on the selected item and fire the URL that way. This seems to be the bit
does .empty() erases correctly even jquery events and plugins?
In my application the user must be able to choose several types of "time frames" depending on the selections previously done on other controls. What I'm doing now is filling a couple of div with different components (input boxes, datepick widgets, jqueryui sliders, multiple selection boxes) and creating the relative events depending on the selections done. Now, should the user change his selection, I need to erase and re-do everything inside the 2 div tags. What I'm asking is: will jquery's .empty()
AJAX file upload in IE9
Hi all. I recently downloaded jQuery Form Plugin from http://jquery.malsup.com/form/ and started using it for ajax file upload in my Graphs application at http://www.flipcom.cz/graphs/. File upload works fine in FF, Chrome and Safari. It does NOT work in IE9 :-( It simply never reaches 'success:' within 'ajaxSubmit()' function. I found out something about XMLHttpRequests and iFrames, tried to adjust the code but with no luck. Any help greatly appreciated! Thx! BugsBunny
Reading Cookie
I have a cookie that has a nice amount of json data in it and I need to read from this cookie an create some variables with values. etc. First, how do I read the cookie using JQuery?
issue with sortable and containment
The following sortable grid works for me: #sortable { list-style-type: none; margin: 0; padding: 0; } #sortable li { margin: 10px 10px 10px 10px; padding: 1px; float: left; width: 440px; height: 440px; } <script> $(function() { $( ""#sortable"" ).sortable({ }); $( ""#sortable"" ).disableSelection(); }); </script> <div class="widgetcollection"> <ul id="sortable"> <li class="ui-state-default" id="1">some stuff</li> <li class="ui-state-default" id="2">some stuff</li> <li class="ui-state-default" id="3">some
Has anyone ever gotten UI to work with css transitions?
Setting -moz-transition (ff4) for a class while having a UI animation trigger causes it to no longer animate, it just jumps straight to the end. Is there any workaround to allow a class to have transition and use it for animations?
siblingCheck Causes Unresponsive Script Message in IE8
In IE8 when there a lot of siblings, the while loop within causes the unresponsive script message. I am seeing this when it is called from within sortOrder. Since IE8 does not support compareDocumentPosition, sortOrder is defined to make calls to siblingCheck
A4 problem with ui-li-aside
I'm having a problem with the list ui-li-aside style in A4. It worked pretty good in A3, but after switching to A4 it leaves a noticeable gap on the right side, which leaves less room for text and makes the display harder to read. Here's a simple example, with the screen shot below comparing the same layout in A3 vs A4. Is anybody else having this issue? Is there a work around? <div data-role="content"> <ul data-role="listview" data-theme="d" data-inset="true" id="Details"> <li
Prevent browser errors when getting 404 responses on xhttprequests?
I have a use case where i send several requests via $.ajax, where some of the calls return a 404 status code. This is fine for me, as i can simply ignore them. My problem is, that at least chromium complains about resources that failed to load. I know this is not directly a jquery question, but i'd like to prevent the error from bubbling to the browser. any ideas?
Refreshing datepicker
I am setting the date of the datepicker programmatically under certain conditions. For example, I have an "arrival" and a "departure" input (type=hidden), each with their own datepicker. If the arrival is later in time than the departure, my code is automatically updating the departure to 1 day after the arrival that was just set. My issue is that my datepicker for departure does not highlight the selected date. It works fine if I *use* the departure datepicker to manually set the date, but when
Next Page