Scroll issue during transition
Hello! I've got an question about page transition. When "back" button is clicked on an android phone, the active page is scrolled to top and then the transition start. It does not look good (for me) on Android. So, is there a way to cancel this scroll? Another question, where can I find some working projects on Jquery Mobile? Thanks!
Why doesn't work the animate() method with a css top property
Hello I'm trying to move a div with the animate(); Method but doesn't work with the top css property this is the method that I use $('.btnControls').click(function(){ $(".itemContainer").animate({top:"200px"}); }); which is the reason for doesn't work.? Help me... Thanks
Find the first ten images on a page
Hi, I'm trying to create a dynamic image gallery in my wordpress blog and I have successfully managed to collect the images in the blog posts and clone them and wrap them in the right tags etc. This is to make a jquery script that someone else wrote work in my blog. My problem is that I only want to collect and clone 10 images. So how do I make it stop after 10 images? I am completely new at Jquery and it's amazing that I've got this far. :) Here is my code without even trying to only get 10 images.
Grouped select
Hello, Does anyone knows if it's possible to group select like button ? Like this : http://jquerymobile.com/demos/1.0a4/#docs/forms/../../docs/buttons/buttons-grouped.html With that I'll be abble to build a light date picker... Thanks for your help !
Desperately looking for sample code or some advice
I am just starting on JQuery Mobile (giving up sencha touch) and found this rss reader url: http://net.tutsplus.com/tutorials/javascript-ajax/how-to-build-an-rss-reader-with-jquery-mobile-2/ It works great but this one has multiple rss feeds. I need something with the first part off, so that I read just one rss feed. Does anyone know where I could get some sample code or any ideas how to change this one so it reads just the one feed, going direct to the feed's list? Or any demos on reading RSS/ATOM
Autocomplete aliases
Hey I'm using the jQuery UI Autocomplete in my form and everything's working fine (thanks to the community). There's just one thing left to make it perfect... aliases. Example: The autocompleted field is for the user to enter his country. One autocomplete option is "United States of America". How can I do it such that if the user types in the acronym "USA", the autocompleter associates it with the "United States of America" value? In other words, is there a way to create an alias when I define the
resizeable not works
Hello! I'll crate some <div> elements dynamic. That's my function function newCreate(x) { switch(x) { case 'text': var newVal ="<div class=\"ui-widget-content draggable ui-draggable ui-resizable\" style=\" width:200px; height:50px\" id='"+Objects+"' ><label class=\"Normal\" >Dieser Text Ist Statisch ID:"+Objects+"</label></div>"; break; case 'image':
Default value for content>li on page load
Guys sorry I am to 100% new to this and this code landed in my lap today. The problem is the content switches fine after the user clicks on each menu item, but the content window is empty when the page first loads. I would like to set page1 content to be visible when the page first loads. <div class="wrapper"> <aside> <h1><a href="index.html"><img src="images/logo.png" alt=""></a></h1> <nav> <ul> <li class="itm1"><a href="#page1">Home</a></li> <li class="itm2"><a
Validation and AjaxForm plugins are not working
Hi, I have developed a small form by using Validation and AjaxForm plug-ins. (Please refer my below code) <head> <script type="text/javascript" src="Scripts/jquery-1.4.4.min.js"></script> <script type="text/javascript" src="Scripts/jquery.validate.min.js"></script> <script type="text/javascript" src="Scripts/jquery.form.js"></script> </head> <body> <script type="text/javascript"> $(document).ready(function() { $('#searchForm').ajaxForm({ beforeSubmit: function() {
jquery plugin jquery.media doesn't work
help! i use the plugin jquery.media in my page like: <!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" /> <title>flv test</title> </head> <body> <a class="media {width:250, height:250}" href="http://jquery.malsup.com/media/flash/curtain.flv">FLV File</a> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
kiketable_colsizable, resizing columns after width attribute applied to cell
I have successfully used this plug in to create draggable columns on a basic HTML table and with extra code suceeded in saving the new column widths to a database so that the next time the page is loaded, the table appears with the columns correctly resized. However, if the user subsequently tries to resize these columns the plug in no longer works properly. The "ghost" shadow resizes, but the table cells will not resize smaller than the current width that is applied to it. In a three column table,
How to use an image in my sliding navigation menu?
HI, I am creating a website whose navigation uses images as links. Whenever an image link is created I want to slide the content in a <div> coded content which is located away from image. I want the slider effect for three pages. image1----home page image2----contact image3----services Please don't give me tabbed slider which I saw in many websites. I am new to jQuery. So,give me examples or any website that gives tutorials or software for this. Please help me....
select first element from current one with certain class
Hi, I'm new to jquery and I have a problem. here's the one of example codes from documentation: <!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-1.5.js"></script> </head> <body> <p>Hello</p> <p class="selected">Hello Again</p> <div><span>And Again</span></div> <script>$("p").next(".selected").css("background", "yellow");</script> </body> </html> Now, this works fine so far, but let's say I insert <b>Hello to you too!</b> between Hello paragraph and paragraph with class
Use selected index of a pulldown menu to change tha value of a text input field
Sorry for the length of this post but I wanted to explain the problem as accurately as possible. I have maintained the web site of a small art gallery as a volunteer for several years and am now converting the site to wordpress so the gallery can take over managing the site. The problem: I need to take an existing paypal membership form controlled by javascript (seen here) and find a jquery solution. The membership form uses the pulldown menu's selected index to change the amount of the donation.
How to change a slider size and center it in a div?
This is the code that generates my slider: div1.append('<div class="slider">\n'); div1.append('<label for="hour1">Hours:</label><input class="mimetic" type="text" id="hour1" maxlength="2"><br>\n'); div1.append('<div id="hour1slider"></div></div>\n'); $("#hour1slider").slider({max:24,step:hoursstep,slide:function( event, ui ){$("#hour1").val(ui.value );}}); The matter is, the slider fills all of the horizontal space it can. I found that I could resize it by setting a max width to the #hour1slider
Problem in $.mobile.changePage
I was using $.mobile.changePage("sample.html", "slide"); method to load pages and I m trying it along with phonegap. The problem that i m facing is. If I modify the code in html page or else if I give some wrong script in jquery, as expected the $.mobile.changePage is not working. But after I m clearing my mistakes in jQuery/html pages, $.mobile.changePage still not working. After I m doing some zigzag things like deleting application, restarting system its working. I am trying with try catch too.
Debugging injected scripts
Intro: In jQuery Mobile, I can define "mobile pages" as divs with data-role=page. These can be stored in other HTML files, and injected ad-hoc into the main HTML page. In such a div I can put a script tag like: <div data-role="page" id="some_id"> <script type="text/javascript" src="MyScript.js"></script> ... </div> and that script will also be injected into my main page. Important note: I'm writing my scripts in script files and reference them from the HTML (see above snippet). I'm NOT writing
Links bug when "defaultTransition" set to "none"
Hello, I'm developping an Android/iOs webapp, and to improve performences, I choose to set "defaultTransition" to "none". When I changed it, all my links are bugged : it's like I make a double tap on it, and it change 2 times of page. I think the attached draw is clearer than my explainations... Is there a way to fix it? Or should I set the defaultTransition to another value ? Thanks for your help ! Tom
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>
remove "today" button from datepicker?
Is it possible? Leaving the "done" button at its place? I'm using the timedatepicker() extension, but if users clicks on the now/today button they can access time steps they aren't supposed to....
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
Next Page