getting value from textbox which having same id
<div id="first"> <input id="Text1" type="text" class="class1" /> </div> <div id="second"> <input id="Text1" type="text" class="class2" /> </div>
jquery Are You Sure? plugin: the confirm dialog is not showed if I click on an ajax link
If I change the form and I click on ajax link, the confirm dialog is not showed and all changes are lost. How can I fix this?
Adding a line break
I am trying to add a link break but somehow it is not working. Everything is working except adding a link break. <script type="text/javascript" src="/JS/jquery-1.11.3.min.js"></script> <script type="text/javascript"> $(document).ready(function () { $('td.ms-formbody').each(function(){ var theDescrip = $(this).contents('span.ms-metadata'); $(this).prepend(theDescrip) + '<br/>'; }); }); </script>
Dynamically dropdown List
Hello, I am dynamically creates a table with 2 dropdown (Container Type & Container Id) using the code listed. The table was created successfully with two dropdown but the statement listed below did not get executed, the alert did not popup. $('#SelContainerTypeId option').each(function(name, val) { var opt=val.text; alert("Value Text " + opt); ???? }); ** I did not understand why the alert did not popup, anything wrong with the code ? Thanks for any advise.
Buttons don't work after submit or clicking link
Hi Forum, i have a problem, i use the code attached. After i load the page the buttons for power, plus and minus are working as expected, but after i submitted the form or i clicked one of the "a href" buttons the power, plus and minus buttons are not working anymore. Can anyone help me to solve this issue ?! Thanks in advance !!! <!DOCTYPE html> <html> <head> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" /> <title>LED-Control
Installing jqueryui themeroller locally
Hi can anyone help me to get jqueryui themeroller running locally? So far I have done following steps but having some issues which I am not able to resolve. 1. Download sourcecode from https://github.com/jquery/download.jqueryui.com 2. Installed most recent version of nodejs and npm on my workstation (Windows 10) 3. Trying to run npm install on nodejs command prompt with admin privileges. And I am getting following error. May be its nodejs issue, but someone might have faced this on this forum? I
release date of jquery-ui 1.12.0?
Hi dev-team, I'm waiting for a bugfix which is planned for v1.12.0. Could someone please give some further infos about a possible release date of v1.12.0? Thanx a lot for feedback Patrick
QUnit test function select
Hi everyone! Im going to try once again :) Im working with Qunit for testing javascript functions in a web site. I did a couple of test but im not sure if im doing it right or wrong, I dont get errors but im suspecting that Im not really testing the function it self but just simulating functionalities in the test.... Can someone tell me if im right or wrong? Im so very new in QUnit that I dont know whwere should I start... But if somene has the time to explain very shortly if Im on the right way
please help me
<body> Nilai a : <input type="text" name="a" id="a"><br/><br/> <select name="oper" id="o"> <option value="tambah" class="tambah"> + </option> <option value="kurang" class="kurang"> - </option> <option value="kali" class="kali"> x </option> <option value="bagi" class="bagi"> / </option> </select><br> Nilai c : <input type="text" name="b" id="c"><br/><br/> <button class="btn2">Hitung</button> <p id="hasil"></p> </body> <script>
My css autocomplete doesn't work in modal bootsrap, please review !
hi guys, i have been stuck in css autocomplete please don't know how to debug it, here is my demo please go here http://lihatdulu.earworks.co.id/ email : sidaurukfreddy@gmail.com pass : dauruk0512 Please after you loggin then trying in first div just type in the 2 input type,my autocomplete working well there then press icon plus modal will be dissapear then here is Please review guys
Jquery validation
MaxMin =" "; if($(\'#sprice\').val() > 0) MaxMin = "max"; else MaxMin = "min"; rules:{ sprice:{ MaxMin:$(\'#sprice\').val() -1 }, lprice:{ max : $(\'#lprice\').val() - 1, greaterThan:\'#sprice\' } Can we do like this(MaxMIn - code inside PHP) ?
Jqueyr validation
Hi, I am using jQuery validation for my forms(http://jqueryvalidation.org/). I have a problem that names are viloating. Remove, add Rules also not working Can i use id to define rule? Please prvoide me an example? <script language="javascript" type="text/javascript"> $(document).ready(function (data){ $(\'form[name='.$data['form'].']\').validate({ // Rules for add new product javascript include rules:{ sprice:{ max:$(\'#sprice\').val() -1 }, lprice:{ max : $(\'#lprice\').val() - 1, greaterThan:\'#sprice\'
i add a attr: data-id to an input text how to get the value?
Hi friends simple question i have this: <input type='text' name='xtarima_izq_0' class='inputNoTarima2' id='xtarima_izq_0' size='10' value='' data-id='1222' autofocus> <button id="btnExecute">Test</button> and i try get the value of data-id attr in this case: 1222 i try: $(document).ready(function () { $('#btnExecute').on('click', function () { alert($("#xtarima_izq_0").dataset.id); }); }); here the fiddle: http://jsfiddle.net/jamiguel77/u3hmLoc9/5/ but not luck!!! thanks
Why my jquery doesn't create right form
Hi again, Here is thing i need to clone the form then remove the original form, but hard for me so i created like this http://codepen.io/sidaurukfreddy/pen/RWQMKV which i remove then created new one, my problem is when users click on it why my create form doesn't working good ? please anyone guide me how to create form like for will be remove it ? Thanks
Autocomplete problem on mobile device
Hi There, im having an issue, where on a mobile device the onscreen keyboard covers the menu items from the autocomplete suggestion, if i use Blur() with the On callback, the keyboard disappears but the menu items dont show either, im thinking this cause it must be tied to the text input being infocus, what are my options getting around this on a mobile/tablet device with virtual keyboard $('#autoComp').autocomplete({ source: function( request, response ) { $.ajax({ url : 'ajax.php', type: 'POST',
Jquery mobile 1.2.0
I am using jquerymobile 1.2.0.js and jquery mobile datebox plugin.In my page one input field is popup from jqm1.2.0 and other field has datebox .onclick of datebox it opens datepicker and the selected date got displayed.After selecting the date ,onclick of popup fields popup opens and its showing the datebox improperly without making me to select the popup content.This is happening only on ios9 .Do anyone have any idea for this?
how to scroll on a div? scrollTop and offset.top not working for me.
i have a master div named: myScroll the css: .myScroll { overflow: auto; height: 400px; } and this Scroll have 28 divs (28 rows) with ajax i fill each row, sometimes 1 div have 3 lines in other cases, 12 lines and so on.. (different number of lineS) (see image attached) then i want move to a visible area and i try: $(".myScroll").scrollTop($("divRow_" + idxTar).offset.top); where: var idxTar = $(this).data('id'); idxTar = Number of row here a fiddle: http://jsfiddle.net/jamiguel77/4Lo9ftx6/
Problem with using replace() and points
Hi there, I'm pretty new and I hope this hasn't been asked yet, but I was not able to find an answer to my question neither via googeling nor in this forum. I have this problem. I have a string consisting of points and numbers For example stringXy = "1.2.1-TaskXY" What i wand to do is just to get the number part and replace all the dots by underscores. Im trying stringXy.trim().replace(/./g,'_').substr(0,5); However I just get the result "_____". I hope someone has an answer for me. Thanks in
JQuery multiple select filter bug
I have a multiple select with a filter. Filtering works properly, but when you select a filtered item it does not change to the selected state (there is no tick in the box of the selected item). I followed the instructions of the offical JQuery Mobile page. The only difference is that they do not use a multiple select. Is there a workaround to have the filter functionality with multiple select boxes? Official JQuery Mobile filter select My select: <form> <div class="ui-field-contain">
how to manipulate input element and more..
hi guys, I'm pretty new to Jquery so forgive me if i may sound foolish. here's the situation i'm facing. i have two div's. one containing 4 checkboxes and the other containing an un-ordered list with no child/children. i intend to fill up this particular un-ordered list with the values of the four check boxes. so as i select each check-boxes, each values are display as a list. here's my html code on it. <div id="one"> <input type="checkbox" name="first" value="Jide" /> <input type="checkbox"
variable being passed from nowhere to geo location function
I have always had a problem with understanding veriables that get passed from thin air and are not declared anywhere, see the below script for example, i can across it when i was trying to understand the geo location API: function geoFindMe() { var output = document.getElementById("out"); if (!navigator.geolocation){ output.innerHTML = "<p>Geolocation is not supported by your browser</p>"; return; } function success(position) { var latitude = position.coords.latitude; var
Jquery Success/Error Msgs in a Modal possible, instead of .slideDown(); ?
I'm working with a BS3 template and a formbuilder for speed, it suits me for now. However, this form when a user submits a contact request and it generates either a success or an error message, it totally throws the vertical sliding left and right panels of the BS3 template out of sync. It's possibly the .slideDown(); That's causing the worst of it but I'm only just diving in to jquery and unsure if there's a viable alternative to .slidedown Try it Here... if you would like to, the contact script
What is this plugin?
Hello every body, could you tell me what is this plugin, like on screen shot? Image uploader with sortable and main image
popup troubles
I defined a popup: Please sign in E-Mail: Password: Sign in But the Button is always visible on each of my pages. And the rest of the popup just appears for a sec when I open it like this: $('#popupLogin').popup(); $( "#popupLogin" ).popup( "open" ); BTW: I have always troubles by posting code in this forum. Every code will be interpreted even when I use the code-tag.
How to achieve "Reference Variable" functionality
I know that JS can't do reference variables like PHP (my native language), but theres gotta be some way to accomplish something similar to it, without using a global variable. In my code, I have a function that initiates a DataTables instance (And this has nothing to do with DataTables, btw), and when DT is initiated, it launches a function that will monitor the data source of the table, and when anythings changed, it will reload the DT instance. This function that monitors the data source can be
change css
hey guys, i'm trying to alter the css of a image using the following: preview.css({ 'top' : preview_left, 'left' : preview_top, 'position' : 'relavtive' }); although preview_left and preview_top have a value console.log(preview.css('top')); it returns 0px here is my jsfiddle: http://jsfiddle.net/destramic/5jf9wwna/ for the life of me i can't see where it is I'm going wrong, if someone can help me on why the css properties
ajax not working
Dear Sir Refer http://webvikas.net.in/goregaonbiz/bigsale.php after typing name say "an" I get auto suggested names When I select "Anjali ..." text box near Shop Search is populated with the id of the selected name Shop Search Value of selected name is filled up in field near Shop Search Following code is used for this <script type="text/javascript"> $(function() { $("#searchname").autocomplete({ source: "shopnamesearchautofill.php", minLength: 2, select: function(event, ui) { $('#searchid').val(ui.item.recid);
how to do operation (minus) on a html table with inputs in the cells
hi friend i have this sample working: http://jsfiddle.net/jamiguel77/ac16w87k/2/ if you write some number on the column of qty2 it react. but i have a error the ids are same (duplicated): qty3=qty1-qty2 noCajas1 noCajas2 noCajas3 i changed it to: row1: noCajas1_1 noCajas1_2 noCajas1_3 row2: noCajas2_1 noCajas2_2 noCajas2_3 and so on... in this fiddle: http://jsfiddle.net/jamiguel77/ac16w87k/3/ this operation: qty3=qty1-qty2 not work anymore, how to fix?
sometimes the message is appended multiple times, why?
I built a chat using Jquery and Ajax. After calling Ajax, jQuery appends the last message in the chatboard. But I don't understand why sometimes he does it twice !! Not always, but just sometimes (especially if the browser is slow)... and I think the problem is only in multiple appending itself, because the message is NOT really inserted twice in the database. How can I solve this problem? Thank you very much, in advance.
how to send data form post using ajax
i try to send data from form through ajax but i fail please help me my code below <div class="col-sm-5"> <select name="car_id" id="car_id" class="form-control"> <?php while($car_row=@mysqli_fetch_assoc($car_result)) { ?> <option value="<?php echo $car_row['car_id'];?>"><?php echo $car_row['car_name'];?></option> <?php }?> </select> </div> <div class="col-sm-5"> <select name="km_id" id="km_id" class="form-control"> <?php while($km_row=@mysqli_fetch_assoc($km_result))
Jelly Bean
What video format is supported in android version 4.2. Trying to get a video to play using .play(); function - the format I'm using is h.264 with AAC audio but it's not playing when I click a play button. Any advice would be helpful.
jQuery Validation Plugin with multipleSelect dropdown
Hello All, I am trying to validate the dropdown checkbox multipleSelect with the JQuery Validation plugin but am unable to get it to 'see' the fields within the dropdown. All other form fields validate properly Client Side and my Server Side validations all work properly, I reallyneed the Client side to validate this field though.Also, the error/ success box blocks the email and phone fields so in order to correct either one of those, the page has to be refreshed, how can I move the position of the
X-Editable Bootstrap field loads only on the first edit link
I'm using Bootstrap X-Editable along with bootstrap-wysihtml5 I have a comment list on every post page with an edit link under each comment. But I can only edit the first comment on the last (the newest submitted comment) and the rest simply don't load the X-Editable field. $('#note').editable({ validate: function(value) { if($.trim(value) == '') return 'Value is required.'; },
jQuery UI:s Datepicker don't display in FF and IE
Goal: Make the datepicker to display when you activate the fixed menu (it will be active when you are scrolling). Problem: It works for Chrome but not for FF and IE. I just don't know how to solve it. Info: *It should be working for the latest version of FF, IE and Chrome. *http://jsbin.com/loyimowaka/3/edit?html,css,output Thanks!
key down isn't called when there is no input field
i can't catch the escape event in there there is no input field in the dialog. in the sample bellow it's working only if there is input, when i remove it, it stop working. how can i catch the event of pressing esc or enter in this case? <div id="dialog-confirm2">
Dialog
<input type="text" /> <%--this is the redundent input i don't need in the dialog--%>
</div> (function () {
var dialog = $("#dialog-confirm2")
.dialog({
resizable: false,
height: 150,
modal: true,
closeOnEscape: false, //hide x button
})
.on('keydown', function (evt) {
if (evt.keyCode === $.ui.keyCode.ESCAPE) {
alert('test');
Element not found...
Hi, I have a div with id="HourCapsule_7h00" created at the beginning of $(document).ready. At the end of $(document).ready I have to change the background of HourCapsule_7h00 so I do $("#HourCapsule_7h00").css('background', 'MyNewColor'); It doesn't change because $("#HourCapsule_7h00").length = 0 which means it doesn't find this element however when I inspect the page with F12 I clearly see the element is there and the name is right. Is there something I don't know ?
href in popup listview: jquery selector not selecting intended element
In the following html block in a jqm app, I cannot select "DEF" (which is in the second <li> element): <div data-role='popup' id='popupSwitchView' data-theme='none'> <ul data-role='listview'> <legend>Choose a view</legend> <li><a href='javascript:;' data-role='button' data-transition='fade' data-mini='true' class='ui-btn-active switchview' id='ABC' name='theView' value='ABC'>ABC</a> </li> <li><a href='http://google.com' data-role='button' data-transition='fade' data-mini='true' class='switchview'
How to alert message display in Today Button In bootstrap datetimepicker
Hello, How to alert message display on "today" click button in bootstrap datetimepicker. Here I get source and configure in my local server but not getting message display on Today button click event. Link : http://www.malot.fr/bootstrap-datetimepicker/ Any idea then send me code.
Tabs freezing in latest version of Chrome
Hi All, I have a .NET MVC application that uses the tabs widget. On the page that uses tabs, there is a large amount of data, check boxes, etc. All was working fine in Chrome version 45, but since updating to Chrome 46, the tabs will freeze. I have tested in the latest versions of Firefox and IE, and all is good. It is only happening on Chrome 46. Does anyone have any info on this issue? Thanks for any comments. KB
disable click while fadeOut delay
I'm writing a little game and have to turn off the click function temporarely: $('.drag').click(function(){ $(this).children().show(); var myID = $(this).attr('id'); tempArray.push(myID); if(tempArray.length == 2){ // turn click off $('.drag').children().delay(1000).fadeOut(100); // after fading out turn click on again tempArray.length = 0; } }) During the 1 second of the delay, clicking on class ('.drag) should be turned off. After the delay the same click
Next Page