Where is the showcase site someone announced few weeks ago?
Hi to All, Few weeks ago someone announced and posted _here_ a showcase site to collect and upload links to working online jquery mobile sites. I followed it a few days and more and more submission showed up. Unfortunately I forgot the url, and now I did not even find the original announcing post :-( Could somebody point to this post or the showcase site url? thx.
jQuery 1.5 Ajax Converters
Can someone point me to possible a more thorough explanation of how to use converters? I understand what they are to be used for, I just need a better explanation of the syntax involved. For example, on the jQuery site, under "Extending Ajax", there is the following as part of the explanation: $.ajax( url, { dataType: "xml text mydatatype", converters: { "xml text": function( xmlValue ) { // Extract relevant text from the xml document return textValue; } } });dataType has 3 values (xml, text and
Click header title, show Dialog
I need to show a dialog when the header title text is touched. My code below captures the click event but i don't know how to programmatically show a dialog. A few things: - i dont want to turn the title into a button. if i wrap the title in an anchor it turns into a button. - ultimately i want to show a pop-up list of pages the user can jump to. Unfortunately, when i substitute the text for a select list, jquery mobile turns it into a button. I dont want a button, i just want text. Can someone
How do I correctly loop through an array of DOM objects and assign events to them?
Hey guys, I have kind of a complicated setup, and I was hoping to bounce this off some one's head who's more experienced with JavaScript. Assuming I have the following HTML markup: <div id="one-root"> ONE <div id="one"> <ul> <li>Testing</li> </ul> </div> </div> <div id="two-root"> TWO <div id="two"> <ul> <li>Testing</li> </ul> </div> </div> <div id="three-root"> THREE <div id="three"> <ul> <li>Testing</li> </ul> </div> </div>I'm trying to
ajax xmlHttpRequest is undefined
Hi I'm having a problem getting the error status when a session expires on the server when i receive an http status of 401 the error function alert returns xmlHttpRequest = undefined , textStatus = "error" & errorThrown = undefined how do i get the status of 401 returned to my application ajaxError & statusCode don't seem to work as well what am i missing my ajax code is as follows jQuery.ajax ( { type: 'POST', dataType: "html", contentType:
Background changer
Hello, Im not sure what is wrong with my script : | When i alert new background styles, it looks ok. When i click #go1, background disappears, but than appears same background : / I want to change it to bg+l+.jpg where l is number of background (i have 4 backgrounds). Script: <div id="inner" style="background:url(bg1.jpg) no-repeat center">Jakis tekst</div> <script> var l = 1; var str = "url(bg"+l+".jpg) no-repeat center"; $('#go1').click( function(){ $('#inner').fadeOut( 'slow', function(){
How to keep a link active (as a normal link) inside an accordion
Hi I'm new to jQuery and have a problem with links inside an accordion. The simplified code looks like this: <div class="active-item"> <div class="available-items"> <h5>Headline</h5> </div> <div class="table-accordion"> <table> <tr> <td><a href="#link">Row 1 --- Content</a></td> <td><a href="#link">Row 2 --- Content</a></td> <td><a href="#link">Row 3 --- Content</a></td> </tr> </table> </div> </div> The jQuery is adapted from
Slide animation
Hello jQuery developers! I have this case, in which I try to do some div act like a slider, animate from left to right, and animate(out) to right: A) THERE ARE 3 DIVS: a container, and its content (box-1, box-2) #container {width:720px; height:540px; background:gray; margin:0 auto; position:relative; overflow:hidden} #box-1 {width:720px; height:540px; background:red; position:absolute; left:0} #box-2 {width:720px; height:540px; background:orange; position:absolute; left:0} B) THERE ARE 2 ANCHORS:
how to after submit got to insert.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!-- <?php include_once 'common.php'; require_once("pages/validation.php"); ?> <? if (!$_COOKIE["ln"]){ $data['lang_ch']=$data['DefaultLanguage']; setcookie("ln", $data['lang_ch']); } ?> --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title></title> <meta name="keywords" content="" /> <meta name="description"
Passing variables between pages
On the response to my first post, "Passing Variables", I see how to use the cookies. How would I use session variables? I thought you could not access them via jquery.
How Does jQuery Assign Classes to Tags?
For example, in the sample accordion in index.html created with Themeroller, the following statement exists in the header: // Accordion $("#accordion").accordion({ header: "h3" }); Later in the file, for each accordion menu option, we have: <div id="accordion"> <div> <h3><a href="#">Accordion</a></h3> <div style="font-size: 1.1em; height:auto;">Blah blah blah...</div>
More color animations at the same time on the same element
I've downloaded the folowing plugin: http://plugins.jquery.com/project/color And it worked ! But now I want to now if I cand do more color animations on one element. I have an example, when an <li> is hovered, it chages its background color, and at the same time, I want it to change the color (text color): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head>
NOT_FOUND_ERROR when using the text() method.
I'm seeing something truly bizarre, after upgrading to jQuery 1.5.1 SO thread here: http://stackoverflow.com/questions/5331694/jquery-1-5-1-throwing-not-found-err-dom-exception-8 Basically, at certain points of my app, I am getting a NOT_FOUND_ERR: DOM Exception 8: An attempt was made to reference a Node in a context where it does not exist. When I do something as simple as: $('.price').text('123'); I've traced it to the append() method. append: function() { return this.domManip(arguments,
Superfish Problem with IE, FF, SF
I have superfish setup for the top navigation and it works great in IE, but in safari and Firefox it won't display right. I have gone through the code, but I am not sure where the problem lies. Here is the code that I have. /*----------------------- */ #navbg ul { text-align:center; } #navbg ul, #navbg ul * { margin:0; padding:0; list-style:none; line-height:46px; } #navbg ul li ul { position:absolute; top:-999em; width:150px; /* left offset of submenus need to match (see below) */ } #navbg
autocomplete source=test.php
Hello NG, switching autocomplete from JQuery-Plugin to JQuery UI makes some trouble. Using a Javascript-array for "source" all went fine. Changing source to an php-Page nothing appears on screen. Debugging with firebug "test.php?term=xxx" is sent to the server, the answer is: HTTP/1.1 200 OK Date: Thu, 17 Mar 2011 15:43:34 GMT Server: Apache/2.2.9 (Debian) DAV/2 SVN/1.5.1 PHP/5.3.5 mod_ssl/2.2.9 OpenSSL/0.9.8g X-Powered-By: PHP/5.3.5 Content-Length: 84 Keep-Alive: timeout=15, max=99 Connection:
I'd like to store some internal Javascript object like Range but I haven't found a way to save it.
I'd like to store some internal Javascript object like Range but I haven't found a way to save it. What's the best way to save it ? I thought to serialize it but I haven't found anything on the net
Drop Targets from Attributes?
I'm new to web development, and even newer to jQuery, so if this is a dumb idea, please let me know. What I want to do is to simplify the drag/drop stuff to allow me to add a few attributes to the drop recipients to allow different types of draggables onto it. So, let's say I have 3 lists I can drag from. A, B and C Next, I have 2 places I can drop to: M and N What I would like to do is to define M in a way that would let me drop A and C onto it using html attributes: <div id="1" class="droppable"
Using autocomplete with alternate form values (ala select box)
Is there a way to use autocomplete (with remote data) to show one value but return another in the form? For example, in a select box you may have an option: <option value="12345">Pick this option</option> Selecting the option shows "Pick this option" but "12345" is the value submitted with the form. How can I do this with autocomplete? (There are several thousand rows, so using the combobox sample does not appear to be an option.)
Help with Syntax
Hey all, I am new to working with variables and am trying to get this function working. I was wondering if anyone can help me find the problem in it. Thanks! <script type="text/javascript"> $(document).ready(function() { $('.partners_internal_product_select input[type=radio]').live('change', function(){ //Setting up the chenge event for the radio button var AffectedRegistration = $(this).closest('.partners_internal_product_registration'); //Select the nearest
jScrollPane Drag issue ...
Hello Everybody, when i use the current version of jScrollPane the scrollpane will not scroll down when someone drags down an item in the sortable list located in the scrollpane. When i use an older version of jScrollpane (jSrollPane.js 93 2010-06-01 08:17:28Z kelvin.luck - like used in http://www.kelvinluck.com/assets/jquery/jScrollPane/sortables.html) scrolling when dragging works perfectly, but the old version does not support a lot of options i essentially need! Does the newer version
Removing icon from listview
Hey, i tried to find s.th. to remove the arrow icon from a generated list. I create the list during the runtime in this function: html_items += '<li id="staffing" data-role="list-divider">Category</li>'; for (var i = 1; i <= 14; i++){ html_items += '<li><h3><a id="category'+i+'">Category '+i+'</a></h3></li>'; } this._list_staffing.append(html_items);After that i tried to refresh the list this._list_staffing.listview('refresh'); this._list_staffing.children().removeClass('ui-btn-icon-right');
ajax
I find ajax with jquery more confusing than with regular JS, b/c in jQuery you don't declare XMLHttpRequest object.. so how do you do something like $('#testFromAjax').append(xmlHttp.responseText); ??? (assuming of course that 'xmlHttp' eval's to XMLHttpRequest object) in example I mention here, http://forum.jquery.com/topic/ajax-php-7-3-2011-1 namely http://www.bitrepository.com/a-simple-ajax-contact-form-with-php-validation.html I don't understand where var 'msg' is declared, I know
Image inside a drop down menu list blinks on IE
Hello Guys, first time here, I hope someone can help me. check this page for example. www.universidadedoingles.com.br/dev when you hover the menu HOME, there is a drop down menu and an arrow, on Chrome, FF and Safari it works like a charm, but in IE when you are hovering the link in the drop down, the arrow blinks. This is the code I am using for the drop down and the arrow. $(document).ready(function() { $("ul.mainmenu li.home").mouseover(function(){ //When mouse over ... //Following event
Datepicker
I need to set the default month to September when the datepicker is opened, how do I do this?
Problem in images on Firefox Mac
Hi I designed a small gallery using jQuery and it works fine, but, on Firefox Mac, the pictures have some defaults. They are splitted in several pieces and those pieces don't match (1px difference). You can see there : http://www.novatechgroup.com/en/Products/Entrance-doors/Steel-doors The gallery is in a lightbox opening on clicking on one of the pictures on the right column. Any idea ? Thanks
A Simple Login Form with JQuery + ASP.NET 2.0 + Table adapters
Hello, can anybody please help me to solve the login form problems that was developed by JQuery and ASP.NET 2.0 in webform. Table adapters are used to access database data. The problems I am facing: -Although correct username and password are already submitted, the form cannot redirected to home.aspx. The login page is continually showed. I think the problems are login.aspx file but I am not sure about it.
Validation Plugin anomaly
I have a form with auto-complete working properly. The last field on the form is a checkbox (agree to terms and conditions) followed by the submit button. I complete the form and I go to a confirmation page. If I choose 'back' (one of the form buttons on my confirmation page) the system returns to my previous form and restores all of the information except the checkbox. I want to force the user to check the checkbox again. Now it gets weird. There are two cases... Case 1: I return to my form, click
Nesting easyslider in tabs - help required
Hi, I'm working on a project and have been troublshooting an issue I have with nesting an easy slider inside tabs. This is the page issue page - you will notice that when a tab is selected in the content area the slider navigation falls away. I need to resolve this, any help or advise would be great. regards, Brandon
Help - capture image info for a thumbnail caption.
Apologies because I think this should be straightforward - have looked at loads of plugins and code but can't get anything to do what I need. Basically I have thumbnail images (no classes assigned - just alt and title completed) inside divs with a class of 'slide'. Nested within the slide div is another div at the bottom called 'caption1' - all handled via css / html. What I want to do via jquery is automatically capture the image file name (not location) and possibly the image alt and or title
Transitions in cell phone sometimes dont work
Hi all, I have a really weird bug, i have an app developed in jquery mobile, and all works perfectly, but i have a problem with transitions. In my navigator (google chrome) the transition work perfectly but in a real cell phone sometimes the transitions dont work.. i dont know what the reason is... any idea ?? thanks....
Trouble with idTabs - getting info to switch ?
Hi I would like to use idTabs to display more product information within my zen cart store page. http://www.vivanco-direct.com/IP-CCTV-Cameras-1/The-Cube-Wireless-HD-IP-Cube-Camera I am currently trying to get the structure and layout correct and could use some help with when the tabs switch to show the related tab information. as the information in which I want to display using the tabs is just being shown on one page if I selected a tab it takes me to the section of information relating to the
Image slider with Cycle and jQuery mobile
I try to use the Cycle plugin with jQuery mobile and it works sometimes but sometimes the Cycle doesn't seems to fire correctly I use the $('[data-role=page]').live('pageshow', function (event) to check if I load content with images that I would like to run cycle on but It seems to work randomly If I load the page with data-ajax='false' on the link it works as I whant I'm trying to wait for all the images to load but it doesn't help Any one have this problem? /jesper
How to automatically display keyboard for textfield on page?
Hi, I've got a page with only a textfield on and I want the focus to be set on the textfield and the keyboard on the iPhone to be displayed once the page is flipped. Any ideas on how to solve this? I've tried the $("#textField").focus(); but the keyboard is not visible by default. Thx, VTM
Animate object position with consistent speed.
Is it possible to animate an object with a consistent speed? I am having issues because I need an element to maintain the same rate of speed whether it is moving from point A to B or from A to C. Current the 'duration' is at time far too fast or far too slow if the object is already near its destination.
Resize browser window
Hi everyone! I am trying myself on a little script which is supposed to resize the browser's window once it's loaded. So far however with no luck: $().ready(function () { $(window).animate({ width: 750, height: 500 }, "slow"); });Anyone may knows a solution? Thanks in advance!
Fade In ok, Fade out not ok. What the reason?
I actually have a JSP page with this basic HTML elements; <div style="display:none;" id="loadingBar"><img src="images/loading-big.gif" alt="loading"/> </div> <div style="display:none;" id="result"></div> and then the JQUERY with these source code; var content; var dataString = "ha"; $( function() { $.validator.addMethod("username", function(value, element) { return this.optional(element) || /^[a-z0-9\_]+$/i.test(value); }, "UserID: only letters, numbers, or underscore.");
AutoComplete - How do I capture the element of the "AutoComplete"which is to "hover"?
I'm needing to do a query that will filter element of the list where I'm browsing, that is,when I navigate with the arrow "UP" "DOWN"Consultation will be activated and displaythe corresponding result in another field, anyone know? Ex:
The min-weith and min-height in IE6
How to resolve the problem that IE6 don't recognize with the min-height and min-width attribute of CSS?
How to count occurance multiple element with a same name?
Heelo everyone...! I confused. I could count all elements by using $(input:text).length But how could I count many element that has a same name? Lets assume <div> <input name="username" class="required" type="text" value="- none -" size="33" maxlength="50"> <input name="username" class="required" type="text" value="- none -" size="33" maxlength="50"> <input name="another" class="required" type="text" value="- none -" size="33" maxlength="50"> <input name="sample" class="required" type="text" value="-
javascript regex and a span that can not changed
Hahaha, hello again everyone... Pardon me if i'm a bit confused while trying this jquery. This week I'm with jquery almost in every day.... GeeZZ.... (may god forgive me). Anyway, here I have; 1 textfield namely as ipaddress 1 span with unique ID as warn and once I use this jquery; (to validate each time the user type something at that input textfield). $('input[name="ipaddress"]').keyup( function(){ var regexp = /^((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){3}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})$/
Next Page