I have a code submit Form. Plz help me fix error
I have code index <script type="text/javascript"> $(document).ready(function() { $("#login").validate({ submitHandler: function(form){ var name = $('#name').attr('value'); $.ajax({ type: "POST", url: "test.php", data: "name="+name, success: function(){ $("#sao").load('test.php'); } }); } }); }); </script> <?php echo '<form action="test.php" method="post" id="login"><input type="text" id="name" /><input type="submit" id="submit" value="nhap" /></form>'; echo '<div id="sao"></div>'; ?>Code test.php
issue with 2.1.0 and ie
details & steps to reproduce: http://forums.asp.net/post/5626631.aspx i'm new here, so sorry if i'm posting in the wrong place. Summary: package id="jQuery" version="2.1.0" targetFramework="net45" /> NuGet 2.1.0 breaks ASP.NET MVC5 applications in vs2013 editions but apparently only for ie. Sorry but i do not know the jQuery community -- i'm reporting this here in the hope that someone (or many someones) can fix this in a timely fashion. FWIW, i realize browser specific issues are substantially
Keep div always in viewport
Hallo I have a Div with a search-form and I want to scroll it till it's on top of the viewport and then keep it there... The HTML-code looks so: <body> <div id="header" style="height: 100px;"><img...></div> <div id="wrapper" style="margin: auto; width: 1000px; position: relative;"> <div id="cont" style="width: 800px;">bla blub foo</div> <div id="suche" style="position: absolute; top: 30px; left: 810px;">...</div> </div> </body>That means when scrolling the div #suche should scroll up max. 100px and
New to jquery, want to add effects n all using jquery in codeignitor ? Can ne 1 help me?
Starting from basic so can you please tell me how to do coding in codeignitor
help fixing the code for datepicker.
Have these two scripts, that work independently but not both in the same time.Please any help how to fix these or replace both. The idea is to disable sundays and the present date with the next two days date. thanks three day not selectable <script type="text/javascript"> $("document").ready(function () { if (!Modernizr.input.placeholder) { makePlaceholders(); } if (!Modernizr.inputtypes.date) { var $dates = $("input[type=date]"); $dates.each(function () { var thisDate = $(this); thisDate.datepicker({
how to get whole JSON data from webservice at once?
I'm trying to get JSON data from my webservice to display it in a data grid editor (developed with jquery) called Handsontable ( http://handsontable.com/ ) Basically my JSON looks like this: [ ["", "2012", "2013", "2014(YTD)"], ["Ferrari", 1460089088.3900001, 1637243070.99, 283566771.55000001], ["Alfa Romeo", 1199141138.1900001, 1224624821.1500001, 192307335.49000001], ] What i want to do is passing the whole json from webservice to initialize the variable called myData in my html file
put 2 jquery in 1 script
if i have jquery 1.1.11 and jquery.time, can i put its together in html form?
No data-transition if anchor href has parameter
Hello. I'm having problem with data-transition in jQuery mobile If I use this code without having "id" parameter in the href : $('#allList').append('<li><a href="#DeadlineDetail" data-transition = "flow" >'+ allDeadline.class +'<br>'+ allDeadline.duedate+' '+ allDeadline.duetime+'<br>'+ allDeadline.description +'</a></li>');The data-transition can work normally But if I add the "id" parameter to the href like this : $('#allList').append('<li><a href="?id='+allDeadline.id+'#DeadlineDetail" data-ajax
jQuery validate - mutually exclusive validation - want to ignore default Message
Hi, I have two text boxes in the page. The validation is either of them should be entered but not both. I have to show error message when the page is submitted either both of them empty or both of them entered. I have this working, but in addition I am getting the default error message saying "Warning: No message defined for <text_control_name>", which I do not want. In fact in the validate method I did not declare any messages but I am using the showErrors() method to show the error message based
Jquery syntax Error
Hi, I am getting below jquery error from my website Timestamp: 4/24/2014 5:02:16 PM Error: Error: Syntax error, unrecognized expression: 'POST' Source File: http://citpl.projectsmanagementsystem.com/js/jquery.min.1.7.1.js Line: 3 Can anybody help me to fix this issue, it was not before, it is just giving this error again and again Thanks Madan
ajax jquery return back call can use again php
//ajax jquery return back call $('#content-itemCat-2a').html(output).show(); //return value output which is 700 <div id="#content-itemCat-2a">700</div> Hi expert here i would like to ask question if i can pass this return value output in div which has an id of #content-itemcat2a in php using array? or i need again to manipulate thru jquery thing
Loader widget's loading message not displayed in JQM1.4.2
I want to programmatically transition from a page to a second page when clicking a button, and I want a loading message to be displayed from the moment the 'transition' event triggers until some time-demanding tasks have been completed (this is why I'm interested in displaying a loading message). These tasks aren't AJAX-related calls. The problem is that the loading message isn't appearing on the page when it is requested to appear once the 'transition' event triggers, and neither it is when requested
Change zoom button (not work!)
Hello friends! Good day! I need your help. This is what I have: http://codepen.io/anon/pen/okGwA I need to change the zoom button: with this effect: My code but does not work: $(".buttonZoom").click(function () { $(this).text(function(i, v){ return v === 'FULLSCREEN' ? 'CLOSE SCREEN' : 'FULLSCREEN' }) });
Issues with configurating Infinite Scroll
Hi! i have trouble making infinite scroll work! I'm talking about this website: http://www.timrodenbroeker.de/bereich/projekte/ I placed this at the bottom of the <head>-Area: <script src="http://www.timrodenbroeker.de/wp-content/themes/trvk/js/jquery-1.11.0.min.js"></script> <script src="http://www.timrodenbroeker.de/wp-content/themes/trvk/js/jquery.infinitescroll.min.js"></script> And this into the beginnig of the <body> (then i changed the selectors.): <script type="text/javascript"> // infinitescroll()
Making typed.js stop after typing the last sentence
Dear community, i use the wonderful typed.js plugin by Matt Boldt for my home page: http://www.timrodenbroeker.de Now everything is fine, just one little thing shall be changed in the behaviour of the script: I want it to wait at the end of typing the last sentence, before it forwards to the projects-page. Do you have an idea how this can be done? Thanx in advance!!! Here's my code: <script src="http://www.timrodenbroeker.de/wp-content/themes/trvk/js/typed.js"></script><script> $(function(){
focus next autocomplete input by ENTER key
Good day to everyone, I'm trying to set up focus on next autocomplete input field by pressing ENTER or NUM ENTER keys on previous one. Had found this code in ''jquery-ui.js'' case keyCode.ENTER: if ( this.menu.active ) { suppressKeyPress = true; event.preventDefault(); this.menu.select( event ); } break; case keyCode.NUMPAD_ENTER: // when menu is open and has focus if ( this.menu.active ) { // #6055 - Opera still allows the keypress to occur // which causes forms to submit suppressKeyPress = true;
Como criar um slider jquery automático para qualquer resolução e com controles..
Saudações pessoal.. Preciso de ajuda pessoal em criar um slider em jquery automático e com controles,não tenho muito conhecimento em jquery,já olhei pela internet exemplos,mais são um pouco complexos,e o slider vai ocupar a width 100% do site. Na verdade eu modifiquei um slider CarouselLite,mais não consigo deixar ele com width 100%,gostaria que tivesse 4 imagens por vez e que cada imagem tivesse um link ao passar o mouse. Se alguém puder me ajudar,desde já agradeço.. Att, Alex..
Autocomplete ALMOST working on bootstrap theme
Hi everybody i'm ripping my head out over integrating jquery UI in a bootstrap theme. i simply want to use the Input elements of jquery UI in some places. all the elements i need are working, but not the dropdown/autocomplete http://codepage.net/test3/?page_id=2 the dropdown button is missing. otherwise it seems to working fine. removing the bootstrap.min.js' on the bottom of the page gets rid of the problem (of course, that's no solution). any idea on how to get this control working? it seems
when to use iteration?
$(document).ready(function() { $('div.chapter a').attr({ rel: 'external', title: $(this).text()； }, }); This code is wrong, because $(this).text() could not grab the correct content, but I do not know why. Jquery is implicit iteration, so the attr() method will run for each matched <a>. then why $(this).text() could not get the content of each <a>?
Any way to Have a Custom Horizontal scroll bar for dataTables
Hi all, I am looking for a better way to manage jquery dataTables without having horizontal scroll bar.I am looking a way to have the first column and the header freezed and on clicking a arrow button, i expect the columns to scroll . Any help and suggestion is highly appreciated.
How to create an array from a url
Im using the split("&") but it quits after the first occurrence.
Jquery Ui Widget dialog with wicket
Hi, I am using wicket message dialog box, which is a jquery ui widget dialog. I want to close the dialog box , when user clicks on "confirm button. Even if the operation takes time, the dialog box must close. When I press "Cancel" dialog box closes immedialtely, but when I click "confirm", and the operation takes longer , then the dialog box is still open. I don't want this behanvior, I am doing something like this: final MessageDialogAjaxBehavior confirmDialog = new MessageDialogAjaxBehavior("confirmDialog",
Form validation - won't hide DIV which contains two empy inputs
Hi all, Thanks to those who helped me out with using .submit() in my last post, this place is great when I get to the point of staring into the abyss thinking there's no solution in sight. I've spent the last 2 hours on another problem which I hope you can help with, probably very simple but reading the code, this should do what I want, but it doesn't. I have 10x rows of text inputs - each row contains 2x text inputs. I call each row a "pair" (pair of text inputs). I know I didn't need to use the
jQuery Conditional Statement Question
What am I doing wrong? I have a div that I want to show based on what the user selects on a previous page. The values are being passed from page to page using PHP. The div is still hidden even when the user selects "Yes" option. jQuery(document).ready(function(){ jQuery('#GoBack').click(function(){ parent.history.back(); return false; }); //var t = '<?php echo $TransferOwnership; ?>'; //if (t == "Yes") jQuery('#NewOwnerInfo').show(); //else jQuery('#NewOwnerInfo').hide();
.submit() not working
Hi all, I'm hitting a roadblock in validating my form with PHP so have attempted to use jQuery which I understand... better. I hoped! .submit() doesn't run the script, nor does it prevent the form being submitted to the PHP. However, if I use .click in place of .submit, the script runs. I've bounced in and out of Google and people are saying wrap the function inside document.ready, which I have. They've also said make sure none of the name attributes are called "submit". They aren't... what now!!
Change Height of Horizontal Radio Button Group
Hi I would like to change the height of a horizontal radio button group. I have tried change style of fieldset and each input and changing css. Is it possible to change the height? <style> #popMaintDist { height: 10px ! important; } </style> </head> <body> <div data-role="page" id="page"> <div data-role="content" id="content" style="width: 100%; margin-left: 0px; margin-top: 0px; padding-top: 0px; padding-left: 0px;"> <table style="width: 100%;"> <tr> <td> <label for="popMaintDist">District:</label>
Maintain state of dynamically created checkbox list during page refresh
Hi There, I need to maintain state of upto 100 checkboxes whether it is checked or not. My page automatically refreshes every 10 seconds, so if the user had selected some checkboxes and is still in the process of selecting more checkboxes, the moment page refreshes(not postback-more like f5-page refresh code is in javascript using setinterval), the checked state vanishes. I am creating the checkboxes dynamically. I have 10 rows and each row has 10 checkboxes and each row represents checkboxes pertaining
Hidden Checkbox Problem
I have grid with hidden rows with checkboxes. on Click on Header row(Select all) All hidden check boxes are checked. i have a img button to expand and collapse the hidden rows. In Expanded mode everything works fine. But in collapsed mode when select all check box is checked the hidden checkboxes checked property is true but on expanding that row it is not checked. any suggestions I tried using .attr and .prop with different version of Jquery.
I clone <Div> and after refresh it disapper and page comes to its real state.
When i click on (address_deatils_dropdown {id of button} ) button it clone the div element but when refresh the page the . It disappear and goes to its original state. (address_inputs {id of div to be clone}) this is my code $(function () { $("#address_details_dropdown").click(function (e) { e.preventDefault(); $('#address_inputs').clone().insertAfter("#address_inputs").find("input[type='text']").val(""); }) }); Thanks
validatio formular jquery
Hello, I'm starting to learn jquery and I want to validate a form with input and select. The problem is that I am getting n. What I did so far: $.each($('input,select', '#meu_form'), function(){ if($('input').val().length < 1) { $(this).addClass("error"); $(this).focus(); return; } if($('select').val()== "Mês") { $(this).addClass("error"); alert("Escolha invalida"); return; } });
How to use external variables or functions in jquery?
How to call a function of another js file in a js file? How to access mysql in a js function? How to pass the variables from php to a js function? Please state the procedures clearly or share some related links, thank you.
How to use variable in this $.each selector
Hello, Most times I feel so stupid when I post these types of questions, But, how do I use a variable in this $.each selector statement? Ive tried for two days and havent been able to get it ...The variable is the $arr ... var $action = $('form').attr("action"); var $arr = $.trim($action.split(".")[0]); $("#ccsmenu a[href*='+ $arr+ ']").each(function (idx) { Sorry for being such an idiot
problem in uncheck the checkbox
Hi I have check all under that multiple check boxes, my requirement is while select the check all , all the check box should be selected, and if any one check box is unchecked then checkAll should be unchecked. first part is working fine i getting problem in second part. can any body help me , code is as below: <th><input type="checkbox" id="selectall"></th> '<input type="checkbox" class="notificationSentChk" value="'value1'"/>'; function registerCheckBox() { /// this part is working fine $("#selectall").off("click");
Bound click event fires more times than it should and the number of times it fires increases and this slowing down performance of page.
<script src="../jquery-1.8.2.js"> I have bound a click event to all input type password on a parent page like so: iBody.find("input:password").bind("click", function(e) { var target = $(e.target); if (target.is("input:password")) { extendsession(); } }); function extendsession() { var urlThis = "../BPOServicing/BPO_Bottom.htm" clearTimeout(down); $.get(urlThis, timeIt());
Custom dropdown
Hi, I'm Trying to do a custom drop-down using jquery. <select> <option>Please select a name</option> <option value="1">Tom</option> <option value="2">Jerry</option> </select> I don't want 'Please select a name' to be part of drop-down. It should be there as a link and the drop-down icon on the right (aligned with it). when clicked on it, the option list should appear below. When clicked on for eg., Tom it should replace the text 'Please select a name'. I tried it with disabled and other
nth-child in ie7
hi guys, does jquery handle (like polyfills do) selectors that are not supported by specific browsers? for instance should nth-child selector work in IE7 when used as a jquery selector, even thought IE7 does not support the selector?
Problem initializing jquery mobile buttons
Hi, I am developing a simple JQuery Mobile app, using JQuery Mobile 1.4.2 and JQuery 1.10.2. As part of the initialization process, a method is called in the app's namespace which binds some event listeners and also disables a few of the buttons on the app's index.html page. I am having difficulty performing the disables: * If I use the "disabled" HTML attribute instead of the API, the buttons are disabled, but I cannot subsequently enable them via the JQuery Mobile API ( $('button-id').('enable')
datapicker doesn't work! what's the problem?
I copy the code from the web,why it can not show the calendar? <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Draggable - Default functionality</title> <link rel="stylesheet" href="jquery-ui-1.10.4.custom/css/ui-lightness/jquery-ui-1.10.4.custom.css"> <script src="jquery-ui-1.10.4.custom/js/jquery-1.10.2.js"></script> <script src="jquery-ui-1.10.4.custom/js/jquery-ui-1.10.4.custom.js"></script> <link rel="stylesheet" href="jquery-ui-1.10.4.custom/development-bundle/demos/demos.css">
jQuery UI Themes with Asp.net button control
Hi, I'm using the jQuery UI Themes with ASP.NET specifically the modal popup. My question I have two asp.net buttons runat=server within the form elements, The events are not firing the button click event when clicking the button, why not? How can I integrate the themes. It just make UI development easier but this appears to be a roadblock. Any help would be appreciated. Scenario, I created a login.aspx page have two links register|| forgot password, when the user clicks on either link the jQuery
Why my Autocomplate not work in Dialog?
I have dialog that contain autocomplate. <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js" type="text/javascript"></script> <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/ui-lightness/jquery-ui.css" type="text/css" rel="stylesheet" /> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.js" type="text/javascript"></script> <style type="text/css"> label, input { display: block;
Next Page