Login form without reloading
Hello everyone, I have little a problem with set up my login form with jQuery functions. My login form is in PHP of course, it's very simple, it has only one input to write proper password - after that user can see "hide section". I want to use jQuery to make this form free of any reloading, for example when user puts wrong password. Ok, here is my script, I have just set up in jQuery "error message" with fade effect, but after submit button page is reloading (and that is what I can't do it). How
Filtering the div containing some text
I have some ten to twenty number of <li> tags which contains divs as shown below. Now i want to filter <li> tag that contains div which has id final review and div that has the class ui-block-b Inprogress. how to do this. <li data-theme="c" style="border-bottom:#000 1px solid; line-height:22px;"> <div> </div> <div class="ui-grid-b"> <div class="ui-block-a">Initial Evaluation</div> <div class="ui-block-b"> </div>
How to extend a jQuery Mobile components?
Hi all, I want to extend jQuery Mobile form components/controls with added properties and functionality. Being a newbie in jQuery, guide me how to get started? For example, I want to develop a HTML 5 text field component with the following extra features: - Min Length - Max Length - Regex Pattern - Default Values - Restrict List Of Values
Type in span/div respecting breakline and then transform to pre
Hello. I'm facing a situation here (studying purpose) where I type in a textarea and onkeyup it will copy the text to a span or div and after it, it will turn the component into a pre to use syntaxhighlighter. I found out that I can change the breakline by replacing the text breakline (/\n/g,'
') i can change the modifier to break it, but if I add <br/> there, the syntaxhighlighter will show the <br/> and not jump to the next line. I tried with text() and html(), and after render it in the
Unbinding events for 1.8 plugins in 1.9
In widget factory 1.8 i used to bind event like this: this.element.on("click." + this.widgetName, $.proxy(this._doStuff, this)); Which got automatically unbound when calling the destroy method. Now in widget factory 1.9 there is a eventNamespace variable which seems to be the widgetName + some number. this._on($element, { click: this._doStuff }); Is essentially the same as: this.element.on("click." + this.eventNamespace, $.proxy(this._doStuff, this)); In the destroy method jQuery UI1.9 event are
refresh on ipad rotate ?
hello. i have a simple fade effect for ipad . is it possible to make the image disapear and fade in again if the ipad is rotated from landscape to portrait or vice versa ? also, how would i make a fade repeat in and out constantly this is my code. $(function(){ $('.logo img, .tag1 img, .tag2 img').hide(); $('.logo img').each(function(i) { if (this.complete) { $(this).delay(500).fadeIn(3000); } else { $(this).load(function() { $(this).delay(500).fadeIn(3000);
The character encoding of the HTML document was not declared.
hi, on my site: http://m.slapp.me/ When I login, user: test pass: test it checks the login against the database on a seperate page and then redirects if login successful but the URL stays the same, please help. here is my checking page: <?php ob_start(); $host="xxx"; // Host name $username="xxx"; // Mysql username $password="xxx"; // Mysql password $db_name="xxx"; // Database name $tbl_name="xxx"; // Table name // Connect to server and select databse. mysql_connect("$host", "$username", "$password")or
How to upload my plugin in jQuery plugin repository ???
Can somebody help me by telling the steps to upload my plugin ???
SOLVED - Remove link in text to "Add to contacts" in iPad
Hi! I have a problem, if the text inside of div label have 7 numbers or more, the iPad automatically add a link for add to contacts. How I can remove the link?? I have jquery mobile 1.1.1 with phonegap 2.2 and iPad IOS 6.0.1 Thanks SOLUTION: <meta name = "format-detection" content = "telephone=no">
I want upon unload detect the destinated url (how, this the problem)
$(window).unload(function(){ alert("Goodbye1!"); if (window.location.indexOf("localhost/freelancerHelp/divsMoveShowPCH/")==-1) { alert("Goodbye2!"); } }); // I want upon unload detect the destinated url (how, this the problem?) and appear a message only if not in my site the future url... how?
Flickr Gallery - add photo description
Hello everyone! I implemented this jquery http://tympanus.net/Tutorials/FlickrPhotobarGallery/ and I can capture setname and title but I need to get photo description too, so I would like to know if this is possible. I have several days trying to find information and a solution. Hope someone can help me, thanks in advance! $(function() { var api_key = '######'; var user_id = '####'; /* use: Square,Thumbnail,Small,Medium or Original for the large image size you want to load! */ var large_image_size
Jquey - How to execute a a function only when ajax request is complete and all content is alread loaded
I have this 2 functions to be execute but I want the second to be executed only when the content of the first request is already loaded in the DOM element.. general function that loads ajax content: function ajaxDialog(AjaxUrl, type, targedDom, dialogedDom, tabs) { $.ajax({ url: AjaxUrl, type: type, DataType: "html", success: function (data) { //puts data inside targedDom Dom elemen $('#' + targedDom).html(data); //create tabs loadDialogSettings(dialogedDom, tabs); } }); } this first function creates
Need a fresh start!! Unwanted Caching.
I have a main page, lets name it ABC.htm. On it I have a link to a second page named FOO.htm. Both of these pages are built with JQM. How do I make certain that the DOM from ABC.htm is not cached after the user clicks on the link and transitions to FOO.htm? I know that rel=external will do it but it has the unwanted side effect of opening a browser window (when running chromeless). I have tried setting data-dom-cache but it should be false by defalut. I realize that I didn't give a lot of background.
Should qunit be updated by update_submodules?
I've followed the instructions in the jQuery readme to clone the jQuery repo and build it with Grunt. When trying to check the unit tests at test/index.html, I discovered that qunit/qunit/qunit.js was missing. I eventually noticed the qunit submodule needed to be initialized and pulled. I was wondering whether that process should have happened automatically as a result of the Grunt update_submodules task. That task did update the sizzle submodule, so I would have expected it to also update the qunit
push notification
how to implement push notification in my program , i get help of this link http://pusher.com/tutorials/html5_realtime_push_notifications , but some problem occurs ,in index.html button have no action perform when we run on local machine (wamp server),please responce why it occers. i have download zip folder for push notification from https://github.com/pusher/html5-realtime-push-notifications and i have to implement in my program
Android trackball issue
Hello all. I have nearly finished my hybrid phonegap and jquery mobile app development and thought things were going well until I tested the application on a HTC desire / Legend using the trackball for navigation. Now when selecting a button that links to relative url i.e $.mobile.changePage( "friends.html") all the css and JS seems to be removed from the page, however this does not happen on the index page only on subsequent pages - I assume this has something to do with ajax replacing the 'page'
What is the jQuery Validation plugin's default behavior for onkeyup?
On the documentation page, it says about the "onkeyup" option: Validate elements on keyup. As long as the field is not marked as invalid, nothing happens. Otherwise, all rules are checked on each key up event. However, in my experience with version 1.10.0, validation fires on the element on keyup even before the field has been marked invalid. This results in the premature display of validation error messages. That can't be right... right? Here's some code to demonstrate the issue. Try entering
code.jquery.com uses an invalid security certificate
The jquery SSL certificate seems to be dead. See below ... Is there a public server for a secure (https:) source of these jquery mobile files? Google hosts the main jquery js, but not these two ... <script src="https://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script> <link rel="stylesheet" href="https://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css"> Available via Google (https:): <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
.parents() only travelling up 2 ancestors
Hi, I am using the .parents() function to find a parent element that is up 3 levels. .parents() stops at level 2 and never returns the 3rd. <div class="ajax_container"> <div id="ajax_wrapper"> <nav> <a class="next">Click</a> </nav> </div> </div>Binding a click event to '.next' that gets all the element's parents, I get "nav, div#ajax_wrapper", and that's it. wtf? Paddelboot
.ajax, no preflight message and error on 200 OK
I'm trying to test out a new web service and it seems to be working fine except when I consume it using jQuery. jQuery.ajax first of all isn't sending an OPTIONS request, just a GET request, even though it is cross-domain, and then when the response comes back 200 OK with an XML response jQuery.ajax throws an error, responseText is empty and responseXML is undefined. Here's my code: var name = prompt("Please enter your name", "Harry Potter"); var XmlUrl = "http://c12723/HostDevServer/HelloWorldService.svc/GetMessage?name="
Naming Conventions for using jQuery class selectors (Is there a convention)
I'm a .Net programmer and am starting to use jQuery more and more. I'm wondering how I should approach naming jQuery classes that are mixed in with CSS classes. For instance, let's say I have the following textbox. <asp:TextBox ID="txtSubject" CssClass="textField officeName" MaxLength="150" runat="server" /> In this case, textField is a CSS class that is formatting the textbox and officeName is a jQuery class that I am using to populate the field after some jQuery is run. Should I name my jQuery
Does anyone know if this is even possible
I'm trying to create draggable div that sits inside of a containing div. This is all working correctly and it is properly contained. What I really want to do is make is so that if you drag it off one edge of its container, it reappears from the other side. I've attached a diagram to clarify this. Any direction would be greatly appreaciated. Thanks! SR
help me
hi guys I'm new to Jquery and I want your help.. I need to create a table and perform CRUD operations using Jquery and AJAX in ASP.NET MVC 3 I'm not using a Database I'm just using a Hard Coded List for the Table help me to complete this task.. this is the html code i used <div id="demo"> <table id="movie_info" class="display"> <thead> <tr> <th> Title </th> <th> Genre
Applying dynamic labels to previously enhanced elements - missing CSS class
I'm having trouble dynamically adding labels to elements that were previously enhanced. The label element is created, but no CSS class related to the target for element is applied. Please see the example fiddle: http://jsfiddle.net/5eQUW/1/ Any suggestions?
replace all a link to touchstart
Hi All, Because of the standard a link will have approximately 300-400ms delay, many people suggest to use touchstart. My question is how to I utilise this touchstart, I tried $('a').bind('touchstart', function(e){ $(this).trigger('click'); e.preventDefault(); }); but doesn't look it boost the performance. My question is did I do this right?
Jquery mobile
How to make collapsible sets work dynamically
Populate div content with ajax
I'm looking for a way to populate div content asynchronously, after user lands to the page for the first time. I'was hoping for a simple jqm attribute, something like data-ajax-url. For example: <div data-ajax-url="somecontent.php"></div> The div content is filled after DOM is loaded through AJAX, without explicit jquery calls like jQuery.ajax(), jQuery.get(),... Is there any such thing?
JQM App slow on BB Torch 9810
I'm developing this html5 app using jqm in order to get better at mobile web. Now I own a BB Torch 9810(the 1.2Ghz processor one ) and when testing the app on the phone. The navigation is so slow(transitions are set to none, the click handlers some times don't fire( clicked objects get the highlighted theme so I know they were clicked), at times takes 3-5 secs to fire which is just crippling slow. Animations are also slow, ie, the flipswitch widget, the animation there is choppy, not fluid at all.
can't get started - FIX
I couldn't get a basic example to work for a while, searched all over for answers, never found one that worked for me. Then I figured it out. Maybe this will save someone time. My error? I used the non-minified code which I had been instructed to use by various sources that said it would work the same as the compressed (minified) code. It didn't for me. I couldn't call it. When I switched to the compressed version it worked. Below is the simple code I used just to get started which drove me nuts
jQuery 1.8.2 - Animation flashing
Hey, I'm making a simple project slider and I'm facing some flashing issue when animating the elements. I'm also using requestInterval / requestAnimFrame / clearRequestInterval for smoother animations but it still happened when using regular setTimeout function. You can test it at http://labs.danimt.net/dani/ on the bottom portfolio slider with controls on the right.
UI autocomplete UI
I am using JQuery auto-complete function on an input textbox. The feature displays a drop down menu using AJAX/JSON on input textbox. On some other webpage I am using the same function but wants to customise the the position of the drop down menu. I am using top and left parameters in a JS file. But, the changes are getting reflected in the other page as well. What should I do?
Custom select menu - Change event triggers before the dialog has closed
All, When using 'Custom Select Menus' that display on a separate dialog page, we have a problem with change events being triggered too soon, before the dialog has closed. This is causing issues for us because we have code that relies on the calling page being the active page, when this event triggers. I'll try and explain the issue. Our framework allows developers to build mobile applications, which is powered by jQuery Mobile behind the scenes. We have a specific situation within the framework
[SOLVED] Script doesn't work since jQuery 1.6
Hello, I would like to update my website by using the newest jQuery (1.8.3). The code below works with jQuery before 1.6. Could you please help me to update my code ? jQuery.noConflict(); jQuery(document).ready(function($) { $('[class^=toggle]').hide(); $('[class^=link]').click(function() { var $this = $(this); var x = $this.attr("className"); $('.toggle-' + x).toggle(400); return false; }); });Thank you in advance.
Jquery Menu Affect
Hi guys, I need a menu hover affect for a few of my sites, but like when the mouse hovers... i want the button to change colour but with an effect on it too. Anyone know anywhere i can find this? Cheers, Sam
How to Close Fancybox from an Iframe
i use fancybox in i frame.i have button in iframe and after click that button close fancy box. bellow code is not working. $.fancybox.close(); and also i used like this.bellow code is not working also. parent.$.fancybox.close(); i need to close fancy box and then scroll down parent page. Anyone can help me to fiexd this issue. Thank you,
jQuery UI Slider 1.8.21 used for price range is too short
Hi all, I have recently bought a licensed script, which uses the jQuery UI Slider 1.8.21 to select properties, according to property rental rates (price from - to). Since the length of the slider is too short, it's getting increasingly difficult to select a low price range. (min. price is 0 - max. price is depending on the highest rental rate, added to my portfolio). In my script library I find " jquery.ui.slider.js ". My question is: Is there a way to (easy define) increase the length of the slider,
How can i call phonegap functions in html
Im building a basic html application for mobile using jquery mobile and phonegap build. i have a button for closing the application in mobile. i got the code for closing the application. my code is function close_app(){ navigator.app.exitApp(); } I build my application with phonegap build . and tested it in my android phone but the code is not working for me. Can you tell me is it possible to use phonegap functions in build phonegap. if possible how can i do that?
Worklight 5.0.0.3 Realm Authentication problem
Hi, i have encountered a problem with jQuery Mobile (both 2.0 and 1.1) and the new authentication model of IBM WOrklight v5.0.0.3. I'm using a Worklight Realm to do authentication but if i include JQM, on startup is shown a SimpleDialogBox saying that my realm has too many implementors. Removing the inclusion of JQM it work normally. I contacted also IBM support and i'm waiting for someone that give me a workaround. Many hanks.
Localizing jQuery Form Validation pluging error messages?
Hello I need a simple way to validate a form, basically just checking that the user typed something. Several articles on the web recommended the jQuery Validation plugin, so I just gave it a try. It seems to work fine, but 1) is it localized and 2) how will it choose the right language? I assume it's based on how the browser is configured. Currently, I'm running Google Chrome in English: For testing purposes, how can I reconfigure it to check that the jQuery Validation plugin is able to show the
SIWEBST jQuery FALLING TEXT plugin
Our FALLING TEXT javascript /jQuery function animate the text content of a #divmove to #divbox, which is great for spice up your web pages. We try to make it like real jQuery plugin .. but we are just stucked ... so is there anybody outhere for a nice help :) BLOG: http://jquery-swsfall.blogspot.com/ DEMO: http://sws.dussan.org/ Here is ther code: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>SIWEBST jQuery FALLING TEXT
Next Page