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?
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
How to create a table using Jquery
Hi I'm trying to study jQuery Myself I need to create a table when a button is clicked using jQuery Please guide me to do the task Thanks in advance and the html code I used is given below @model IEnumerable<movie_index.Models.Movie> @{ ViewBag.Title = "Index"; } <h2>Index</h2> <p> @Html.ActionLink("Create New", "Create") </p> <table class="ui-widget ui-widget-content" id="movies"> <tr class="ui-widget-header "> <th> Movie </th> <th> Genre
affect only on nested div when there are multiple divs with same class
Im trying to expand and collaps divs, which works. But when using the code below all divs with the class 'entry-content' are affected. Id like only the 'entry-content' div ,which is nested in the same div as the expand text, to be affected. There are 20 setups like this in the same page. <div class="threecol project-container-color project-container"> <p class="insp_title openIt"> EXPAND</p> <div class="project_thumb"> <?php the_post_thumbnail('large');
String Reverse
script type="text/javascript"> $(document).ready( function () { var elements = ["zBca", "zNca", "k", "j", "i", "h", "g", "f", "e", "d", "c", "b", "a"]; ele = elements.sort(); document.writeln(ele + "<br/>"); for (var i = 69; i >= 65; i--) { var n1 = String.fromCharCode(i); document.writeln(n1 + "<br/>"); var n2 = n1.split(" "); document.write("Calling Funcitons:" + n2 + "<br/>"); } alert(n2); }); </script> I Want OUTPUT A B C D E F array Sort method is not working here Please help....
how to seperate php generated buttons
I'm generating tables of buttons with php echo ' <td"> <form action="test.php" method="POST"> <input type="hidden" id="node" name="node" value="'.$fnode->{'name'}.'"> <input type="hidden" id="service" name="service" value="'.$flavor.'"> <input type="hidden" id="running" name="running" value="false"> <input type="submit" value="OFF" class="button"> </form> </td>'; I want to send the values without reloading via jquery ajax and I'm using this code for it: $(".button").click(function() { $('.error').hide();
hidden value in a AJAX data response in html
How do you make an AJAX response, data item hidden in the html so that you can use that hidden id value? For example, the item.id value in the each function, I don't want to display it to the user. I know I could filter out the id value, but I need it in each row so when the checkbox is checked that row will be deleted in another AJAX event click. I need the value in the HTML so I can identify the row. thnkx success: function(data) { success: function(data) { var checkbx ='<input
Ajax is not working in IE
I have a servlet in java. My servlet URL is http: //192.168.10.113:8080/collective-intellegence/UserClickPersonClassifier?userid=1&query=asp.net This URL is giving json data. I am using a jquery ajax call to get the data. My Code function SecondResultLink(link, userId, userInput) { try{ var urlSearch = "http://192.168.10.113:8080/collective-intellegence/UserClickLinkClassifier?userid=" + userId + "&query=" + userInput; $.ajax({ url: urlSearch, type: 'POST',
Computed font size is bigger than defined in CSS on the Asus Nexus 7
I have a problem with Asus Nexus 7. I posted a question on stackoverflow Computed font size is bigger than defined in CSS on the Asus Nexus 7 but no solution found. Can anyone help me?
How do i reposition a popup after i change its content?
Hi, I'm using JQM 1.2.0. I have a popup with a listview and a reload button. The popup is centered in the window. When the reload button in the popup is clicked, the listview content is being replaced and the new content might be wider/narrower or taller/shorter. For this reason i need the framework to recalculate the width/height and position of the popup in the screen. How do i do it? I don't see a method that the popup widget exposes for this. Thanks!
Need width of img inside of div
Hi, i'm new in programming.. pls help me with that <div class="new"> <img src=".."></img> . .... <img src=".."></img> </div> <p>click</p> ho do i obtain the width of each img by pressing on paragraph, one by one!? thnks a lot!
Load post response in iframe
Hi, i've an iframe <iframe class="browser" scrolling="no" name="navigation"></iframe> An when a specific event is fired a POST request is sent to a servlet $.post("LoggerServlet", { sharedSessionId: $('#sharedSessionId').val(), level: $('#level').val(), goTo: this.href} ); is it possible to target the POST response to the iframe? P.S. i think is possible use a workaround, like create a hidden form, populate it dynamically and use submit() method, but i'd prefer a "native" solution if is possible.
[jQuery] How to make a POST call ?
Hello, I am just playing around a bit with jQuery and so I soon entered a question: There is following code-snippet trying to call the php-script ShowIt.php: call.php: $.ajax({ type: 'POST', timeout: 5000, url: 'ShowIt.php', data: { uids: "1" },function(data){ alert("Hello"); }}); ShowIt.php: <?php echo '<div style = "position:absolute;top:300px;left:300px;>'.$_POST['uid'].'</div>'; ?> What shall I say ? It does not work. The script 'ShowIt.php' is called with POST, but no data is transferred.
Superfish on Wordpress
HI all Ive tried to integrate superfish into my WP theme, however the run script appears to be erroring. It is stating a uncaught Santax Error : Unexpected token illegal. I have called the js using the wp_enqueue_script in my functions file. And the CSS in the header... The menu CSS appears to be loading, however the indicator on the parent with child isnt. Any ideas? Thanks Kirsty
How to move several DIV elements at the same time?
(elements must maintain the distance between them)
jQuery CaretSpinner & TimeSpinner
jQuery UI recently introduced the spinner control. The issue I had with it was that the up/down buttons could only step a specific interval. I wanted to be able to step up depending on the current position of the cursor. For example, the decimal example on their site can only increment by .01. In my improved version, the decimal will increment either by .01 or 1, depending on where the user's cursor is. Same for the time spinner.More information and demo available at http://microalps.com/modules/opensource/
How to catch error jQuery via Model of MVC
I have Form with jQuery, this's link: http://jqueryui.com/dialog/#modal-form I want to catch error by Model, i'm looking for many website but have no result. My javascrip: $(function () { var name = $("#name").val(), email = $("#email").val(), password = $("#password").val(), allFields = $([]).add(name).add(email).add(password), tips = $(".validateTips"); $(function () { $("#create-user") .button() .click(function
jQuery 1.8.2 | Drag and Drop: Dynamically populating targeted text input but its value is not accessible.
A file input element selects a base64 png from desktop and a decoded text string appears in an adjacent text input element for further jQuery processing. However, when I drag and drop the same base64 png onto the file input element, the decoded text string appears in the adjacent text input element but is not subsequently processed by jQuery. It's like everything stops after line 2 of code: $('#file_input').on('change', function() { handleFiles(this.files); // Base64 decoder which inserts text string
Next Page