Return true from .submit causes existing async ajax calls to fail
I have a submit handler similar to the code shown below. The gist of it, is that when submit is clicked, I want to do "something" and then use the form's post to redirect the user to a "thank you" page. When I return true, the existing ajax call fails, and the redirect occurs as normal. When I return false, the ajax call succeeds, but the redirect doesn't happen. Can someone explain why? jQuery(document).ready( function($) { var request; $("#my-form-id").submit( function( event ) {
Help me whit Dialog
This error happens to me: Uncaught Error: cannot call methods on dialog prior to initialization; attempted to call method 'open' what can be causing this error? thaanks!!
JQuery With ASP.NET Web Services
Hi Friends, I problem to calling web service method when call remotely not locally. I create asp.net web site . add a web service file(asmx) and create hello world method. Calling this method in page header and work fine. But when host this web service on iis and calling the web service in my project with url , my project not work. I search in google,stackoverflow and many other site but I can't find answer. you should call web service remotely not locally. Please give me a complete sample. Thanks
Upgrading from jQuery 1.5 to 1.0
Hi guys, for various reasons, I've been using jQuery 1.5 for a project, but it's become apparent that I need to upgrade to 1.10. Is there any way to audit code to see what's going to be broken by the upgrade?
Problem with load()
Hello all. I wrote small script, which check GET method values from URL and load content of proper file info div. function loadContent(content, language) //LOAD CONTENT INTO DIV (i.e. ordo_en.txt) { $('#content').load(content + '_' + language + '.txt', function() { alert(cont + '_' + lang + '.txt'); // alert as 'debbuger' info }); } function urlGet(name){ //GET VALUES FROM URL var results = new RegExp('[\\?&]' + name + '=([^&#]*)').exec(window.location.href); return results[1]
my code based on fiddle doesn't work.
I've seen a nice jquery fiddle.. however when I try it with my coding it doesn't work at all So I wonder what's wrong with it.. The fiddle: http://jsfiddle.net/CdwB9/4/ My coding: <html><head><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> </head> <body> <script > function yesnodialog(button1, button2, element){ var btns = {}; btns[button1] = function(){ element.parents('li').hide(); $(this).dialog("close"); }; btns[button2] = function(){
Using a function
Hello I have the following code: function animateTextTiles(){ $('article').hover(function(){ $('.description', this).stop().transition({marginTop:'60px'}, 150); }, function(){ $('.description', this).stop().transition({marginTop:'190px'}, 100); }); } and my plan was to put this $('.description', this).stop().transition({marginTop:'60px'}, 150); into a separate function with different parameters. But everything i wrote had the effects that it crashed or that every description was
Themeroller broken
I came across serious issue with themeroller for JQM 1.3.0. I started new theme and added my swatches, created one by one swatched form A to J (total 10 swatches). When I tried to download or share via link it lookslike it's broke completly, I can see my swatched plus 10 more blank swatched with missing attributes. Any attempt to delete newly self created swatches breaks entire themeroller and produces all blank swatches. Here is an example. This theme should have 10 A-J swatches. What is wrong
'toggle' effect not working on iPad
Hello, this is my first post on jquery.com... I have a textbox which is hidden and shown by a button click, using 'toggle' and 'blind' from JQuery UI...the button is JQuery mobile. This function works on Chrome and Firefox but not on an iPad (using iOS 5.1.1) (also, for testing I am currently using the live link to jquery mobile 1.3.1, jquery 1.7.1 and jquery ui 1.10.13) My code is as follows: HTML: <div id="testBtn1" data-role="button" data-mini="true" data-theme="c" data-corners="false">MORE
need to load and reload the same page for making the links work
hi im developing my first app using jquery mobile, and i have an issue with 2 pages, in both pages if i load normally the page the link doesnt work, and if i reload the page the links works perfect. http://www.mntdesign.co/?/m/portfolio http://www.mntdesign.co/?/m/about in both web pages i have something like this: <!DOCTYPE html> <html lang="{country_code}"> <head> <!-- META TAGS Declaration --> <meta charset="UTF-8"> <title>MNT Graphic Design - About </title> <meta name="viewport" content="width=device-width,
Help keeping track of my variables
Hello, When a user login to my website his account is automatic displayed with column: name of sender, Time, Response. The last column:Response: have two buttons: accept and decline. If the user click accept a dialog box should come up. I want when I click accept in row 1 then the sender appears in the dialog box. and if click"accept" the second row a new dialog box appears with sender name that is associate with this row. result.php is where build table from my database. It is then display
Trouble with Simple Button Click Function
This seems to be pretty straight-forward, but I cannot get my functions to fire on button clicks. See the fiddle: http://jsfiddle.net/mMd6F/ I must be missing something simple...Thanks in advance. Brian
Button reminds as clicked (i.e. in blue)
Hi Forum; I am using JQM 1.3.1. In my form I have the next button: <input type="button" id="but" value="Today"> When clicking this button, I need it to return to its default color, insted of blue, as it is down. I see this question in lots of places and the suggestion is always to do removeClass('ui-btn-active'), but in my case I tried it in lots of ways and never works. For example I did: $('#but').on('click', function(e) { setToday(); $('#but').removeClass('ui-btn-active');
jQuery UI
how to install the different jquery UI in same html page.
Help needed to capture form data in Jquery
Hi guys, have just starting using jquery and need some help with a form I have created. If someone can help me. In HTML (this is only a portion of the form) <td></td> <td>$<input type="text" class="amount" id="inc_rent_0" value=0 /></td> <td>$<input type="text" class="amount" id="inc_rent_1" value=0 /></td> <td>$<input type="text" class="amount" id="inc_rent_2" value=0 /></td> <td>$<input type="text" class="amount" id="inc_rent_3" value=0 /></td> <td>$<input type="text" class="amount" id="inc_rent_4"
after addClass to <button> an function doesnt work
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="css/basic.css"/> <script type="text/javascript" src="js/jquery-2.0.2.js"></script> <script type="text/javascript" src="js/basic.js"></script> </head> <body> <div id="start"> <button class="create"> New Form </button> </div> <div id="main"> </div> </body> </html> This is my HTML and this here my JS: $(document).ready(function() { var linecountername = 0; $('.create').on('click' , function(e) { $(this).hide(); linecountername =
how to show a full page when presing the ok button in jquery dialog box in frameset
HI I am using frameset and the codes are <frameset rows="33px,*" frameborder="no" framespacing="0" border="0" onload="x()" > <!--<frame src="logout.jsp">--> <frame src="home.jsp" scrolling="no"> <!-- <frame src="home.jsp">--> <frame src="template.jsp" name="content" > </frameset> now in each and every page i am checking whether there any sessions exist or not. if not then go to failedsession.jsp function x(){ var timeOut =1000 * <%=session.getMaxInactiveInterval()%>;
jQuery selector speed vs ExtJS
I visited page http://jsperf.com/mojo-of-dojo-and-jquery and noticed that selector of ExtJS are over 100 times faster. This is huge difference. Anybody know the source of difference?
jquery mobile 1.3.1 data-icon not appearing
Hello everyone, i am using jquery mobile 1.3.1 with jqurey 1.9.1 and icons are missing. I have the image folder in the same place where my CSS files are but still cant get it work, here is my code <!--JQuery CSS Mobile libraries --> <link rel="stylesheet" href="jquery.mobile/jquery.mobile-1.3.1.css" /> <link rel="stylesheet" href="jquery.mobile/jquery.mobile-1.3.1.min.css" /> <link rel="stylesheet" href="jquery.mobile/jquery.mobile.theme-1.3.1.css" /> <link rel="stylesheet" href="jquery.mobile/jquery.mobile.theme-1.3.1.min.css"
Save data using jQuery
Currently m working on a dynamic project, facing two issues. 1.) How we can create and save an html file using jQuery . 2.) How we can fetch data from multiple html pages and save/append this data into a single html page at once.
Wordpress - Submenu drop down menu jquery slideDown not working good - why
i am developing a Wordpress theme and i want that my menu / submenu have effect like this : http://www.yootheme.com/demo/wordpress/glass so i have this code in my wordpress theme for submenu : if ( jQuery(window).width() > 985) { jQuery(function () { jQuery('#categories.nav li, #pages.nav li').hover(function () { clearTimeout(jQuery.data(this, 'timer')); jQuery('ul', this).stop(true, true).slideDown(500, 'easeInOutCubic'); }, function () { jQuery.data(this,
How to detect user click on browser back button ?
Already I used hash change event.But it shows the alert on just change the url.I want one alert for browser back button onclick.
How to change browser backbutton functionality ?
I want to replace browser default backward button function with "new location".Using javascript. That means "New link"
buttonset buttons overlap slightly?
I just got started using JQuery UI very recently, and had been using the dot-luv theme. I just set up a buttonset and noticed that the buttons are slightly too close together. You can see what I'm talking about in the image below; the right border on button 1 is hidden behind button 2, whereas when button 3 is active it shows a border all the way around. Am I doing something wrong here? I also tried this with the dark-hive theme and it behaved similarly. Adjusting margin-right pushes things unevenly,
jQuery Zebra_datepicker problem with focus
Hi to you all! I have a serious problem getting the datepicker work properly. I made an html project and put in a zebra_datepicker jQuery plugin. I've created an index page containing 3 textboxes : 1 textbox as a datepicker-start 1 textobx as a datepicker-end 1 empty textbox I can select the start date and the end date but I cannot move the focus to the empty textbox after selecting the end date. Please somebody help me since I'm relatively new to jQuery
I wrote a script,
I wrote a script, but I do not want them to see it, which means you can do Save page and see the code that I built Can encode the MAIN.JS
Automatic back button with no text
Hi, If I add an automatic back button to the page and leave the text empty, then the resulting button is a bit shrunk (too short). <div data-role="page" data-theme="c" data-add-back-btn="true" data-back-btn-text=""> I suppose if the text is empty, the generated button should also be decorated with the notext attribute. data-iconpos="notext" Any opinions on this ? Patrick
jquery-ui-map
Hi, I am completely new to javascript and jquery, (although I have done a lot of programming !) this I adapted from: http://jquery-ui-map.googlecode.com/svn/trunk/demos/jquery-google-maps-basic-example.html which seems like a pretty nifty plug - in This doesn't seem to work, is there avything inherently wrong with the way its written. Much thanks in advance! <!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">
highlighting a table row
I've got a select box on my website.. with one of the options being 'delete'. This 'delete' should highlight a certain row within a table, and redirect the user to an other page. I've got the coding below, but it doesn't highlight the table row at all. What am I doing wrong here? <script language="javascript"> $(document).ready(function() { $('select').change(function() { if ($(this).val()=='delete'){ $.ajax({ var parent = $(this).closest('tr'); parent.animate({'backgroundColor':'#00B2EE'},300);
Some problem with de menu
i need some help with the menu i use the jquery.dcmegamenu on a page the page is www.autospin.es on change the page the menu is large to down. how to stop this? Thanks, amic.
How to block img tag source from loading?
How can I block IMG tag sources from loading? Im using the button UI to load buttons instead of images. But the images do appear, then on document.ready get zapped. I can block them with jquery, but Im trying to block the images from flickering. i wish jquery had a beforedocument.ready function for just such actions
Start & Stop JQuery Animation
<!DOCTYPE html> <html> <head> <style> div { position: relative; background-color: #abc; width: 40px; height: 40px; float: left; margin: 5px; } </style> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> </head> <body> <p><button id="go">Run »</button></p> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> <script> $( "#go" ).click(function(){ $( ".block:first" ).animate({ top: 100
Jquery Cycle Hash Navigation
Hi to everyone. I'm using Jquery Cycle to show up some pages with "Hash" and its working very fine navigating and loading pages. But my thing now is the back and next browser button that is not working at all. Does anybody have the same issue?. Here's my code for the slideshow: $slideshow = { context: false, tabs: false, timeout: 0, slideSpeed: 1000, tabSpeed: 600, fx: 'blindY', init: function() { this.context = $('#slideshow'); this.tabs =
Load content into div after clicking <li> link
Hi guys, I'm very new to all of this so please have mercy on me! Anyways, I've got a <ul> navigation bar set up, here's a live link to that: http://www.chocolateaccents.com/test/yearround.html I'd like to load content into a DIV that would be below the navigation bar after one of the <li> links are clicked for testing purposes the content can just be html but later on I'd like to make it html with PHP How would I go about this? Thanks to anyone willing to help my sad little self.
JQuery Dialog Widget Problems in IE Compatibility Mode
I will preface my post with the caveat that I am a brand-new jQuery user. I am an experienced programmer -- started programming on IBM System/34 in 1985. I have only been doing web-development for the past 5 years -- using the IBM System i as the http server; writing applications for K-12 schools (attendance, grading, etc.). I have fallen in love with jQuery -- it's the closest thing to poetry I have ever come across in the programming world. However, I still have A LOT to learn about it. Anyway
Menu with easing effect
Hello, i want to make a similar menu of the following tutorial : http://www.webstuffshare.com/2012/03/auto-moving-submenu-using-jquery/ My menu is here : www.intergayhiv.com I would like that when your mouse is over, an image appears. Each button has its own image. However my menu shows always the same image (of the first button) at all buttons hover, it does not link the images to their submenus... I use WordPress, i installed the html codes together with the two scripts in the header body : <div
Problem with using radios values on Jquery
for example i have this code in HTML <div> <input type="radio" id="respuesta1" name="respuesta" class="respuesta" value="1"> </div> <div> <input type="radio" id="respuesta2" name="respuesta" class="respuesta" value="2"> </div> <div> <input type="radio" id="respuesta3" name="respuesta" class="respuesta" value="3"> </div> <div> <input type="radio" id="respuesta4" name="respuesta" class="respuesta" value="4"> if i do on Jquery if ($('#respuesta1').is(':checked')) { alert ("1 is checked"); } that is
Datepicker in a dialog box month/year dropdown is not working in fire fox
I am not sure, why the datepicker in a dialog box is not able to open the month and year drop down, showing only the default selected once and unable to select the other month/year. this is only in Mozilla Fire Fox and in chrome and IE this is working fine.
creating a jqueryui selectable causes Uncaught TypeError: Object [object Object] has no method 'selectable'
I have a ul which I turn into a selectable using: $(".ul01").selectable({ filter: "li", selected: this.li01Selected }); on 'selected', I call a function that creates another selectable: this.li01Selected = function(event, ui){ $(".ul02").selectable({ ... The problem happens when $(".ul02").selectable() is called: "Uncaught TypeError: Object [object Object] has no method 'selectable'" I have tried var x = jQuery.noConflict(); x(".ul02").selectable() but I get the same error. I have checked that
How to do selector
Hello, Im trying to select only "a" tags that have a "img" child. How would I do this? Thank You
Next Page