Validate page correctly
I have a few textboxes gathering info all with validation controls in an asp net page. When the page is fully valid i would like the user to download a file and show a panel box and hide the original. To do this i have <script> $(function () { $('#<%=pnlDone.ClientID%>').hide(); $('#<%=pnlOne.ClientID%>').show(); if (Page_IsValid("")) $('#<%=Button1.ClientID%>').click(function () { setTimeout(function () { $('#<%=pnlDone.ClientID%>').show(); $('#<%=pnlOne.ClientID%>').hide(); }, 1000); }); }); </script>
Adding Top Margin to JQuery Validation?
Hello, I am trying to use the JQuery Validation Plugin found at jqueryvalidation.org and I have the validation working fine on the site. However, the site uses a floating menu so when you click the form submit button the page scrolls to the form input field that the validation error message is for. But the floating menu gets in the way of this functionality. There must be a simple way to add an offset top margin to this so that when you click submit and the validation scrolls to the form field that
How to interpret on what JQuery do?
Referring to following coding , I would like to know on how to interpret following coding as show below: //export that._eTTE('equity_future_export','xlsx',''+that.product+'_Futures'); // (1)'equity_future_export', (2)'xlsx',(3)''+that.product+'_Futures'); // there is only 3 parameters instead of 4, would it be correct? _s2ab : function(s){ }, _eTTE : function(id, type, name, fn){ // id = equity_future_export // type = xlsx // name = where is "'+that.product+'_Futures" defined? There is no _Futures
children behaving strangely
On a page which offers the viewer a choice of colours for various elements, I have this structure for changing the background: Two functions are invoked: showBg() changes the gradient on the html tag; showLink() shows a link to loading a new page about the chosen colour: this is where there’s a problem. function showLink(child) { $('.abt').fadeOut(400); $('#bgswatch a:nth-child(' + child + ')' ).delay(1200).fadeIn(1200); } The function works fine—but the child numbering is crazy. When I count
How do we use Jquery sortable "serialize" data on the sorted list?
Hello, Below is my what I have on my view page: <script> $("#myFav").sortable({ axis: 'y', stop: function (event, ui) { var Order = $(this).sortable('serialize').toString(); // save this Order value to the database } }); </scrip> <div> <ul id="myFav"> <li id='item_1'>Item 1</li> <li id='item_2'>Item 2</li> <li id='item_3'>Item 3</li> </ul> </div> So how do we use this "serialize" data which is comma
HTML Encode
I have a general knowledge about jQuery syntax but I can't figure out how this piece of code works: function htmlEncode(value) { var encodedValue = $('<div />').text(value).html(); return encodedValue; } Can someone please clarify this to me? If seems in first step it select all closed <div /> tags in the page (what???!!!) then it set its text to value (what???!!!) and in final step it return html markup of <div /> + value. (WHAT????!!!!!!!!!!) It doesn't make
Validacion masiva usando Jquery y Ajax
Saludos comunidad espero esten bien... Tengo un problemita con validaciones masivas en Jquery... para que me puedan entedner les dejo el enlace donde tengo publiado el problema con detalle...espero me puedan ayudar: https://es.stackoverflow.com/questions/120038/validacion-masiva-de-un-datatable-usando-ajax-y-jquery
Hide keyboard Key JQuery Mobile
Hi, I’m developing tablet functionality,fields should only accept numbers. But is displayed “, + . = How can I hide these keyboard key ? I also noticed that all these keys have the same value for event.which (229), backspace also. I’m using tablet with Android 4.4.2
How to add a new function for replay audio
Hi there, I am new to jQuery and find a Code Snipped which I use, but there is a missing function for replay audio files. And I searched now for days to find a solution. Can someone give me a hint? Currently you can start each audio file and pause it and to continue you press play again. If the file then ends, you can't replay the audio, and this is my missing function which I don't get to work. HTML Audio Playbuttons <audio id="myAudio"> </audio> <div data-pos="0" data-src="test1.mp3" data-src2=""><button
Passing variable to php for chatbox
Hello. I'm trying to pass a variable from jquery to PHP to write it to an HTML file that then gets read by PHP that contains the original jquery. (chatbox) I'm not quite sure where it's broken. I don't know jquery at all, I've just pulled someone else's code that they put out and modified it. This is the a.php which passes the variable to b.php <!--THIS IS WHERE THE CHAT STARTS--> <div id="wrapper"> <div id="menu"> <p class="welcome">Welcome, <b><?php echo $first_name; ?></b></p> <div style="clear:both"></div>
How to replace .toggle function since deprecated with add/remove class and slide up/down of siblings?
Hi, I'm a beginner. I have this code who works fine but is pointed as deprecated by jQuery migrate. How can I change it? ! jQuery(".toggle_title").toggle( function(){ jQuery(this).addClass('toggle_active'); jQuery(this).siblings('.toggle_content').slideDown("fast"); }, function(){ jQuery(this).removeClass('toggle_active'); jQuery(this).siblings('.toggle_content').slideUp("fast"); } );Maybe something like this will
Returning the total of the combined values in an array.
Hi, if I have an array of numbers, myArray = new Array(0,3,2,5,9,7);Is there a quicker way of adding the numbers together to get the combined total instead of using a for/next loop like I am currently doing. Thanks in advance.
jQuery UI Slider scrolling to bottom if bound through an iFrame on iPhone devices
Strange behaviour inside iframes and jquery ui slider: http://cdittrich.de/playground/ab/iframe.html In the example there are 4 sliders inside a div, and 4 inside an iFrame. If I use the last slider inside the iFrame on iPhones it scrolls the iFrame to the bottom. Any explanation for this behaviour?
Open modal window when li items in div are below 6
Hi I have a div with list items in it with the class 'card'. These list items can be dragged to a different div and dropped using the jQuery UI. How can I tell when the amount of list items in the div are down to five (starts with about 50). Any help is much appreciated. Nick
uncaught type error assistance
Hi, I'm working on embedding a widget and i'm getting this error: Uncaught TypeError: jQuery(...).genivitycalc is not a function at HTMLAnchorElement.onclick. This is what it's referencing: <a id=”gc-genivity-button” class=”gc-ret-health-gray” onclick=”$(‘body’).genivitycalc(‘init’)”></a> I tried replacing the $('body') with jQuery('body') but that did not work. This is what i'm working with: <!– Ignore this if already included JQuery in your site –> <script src=”https://www.genivity.com/wp-content/uploads/2017/02/jquery-1.9.1.min_.js”></script>
How list events in Jquery UI datepicker
i need list events (birthday parties, events ) in Jquery UI Datepicker, When I click on these events, I'd like to change the hover for example in the calendar. Example image: Code today: codepen.io/abech/pen/VrWOLR
Replace <options> with .html()
Hello, I have the following problem. I would like to renew the options in a form per AJAX. Therefore I wrap a <div> around these options and get the new options out of another file. All is working well until the line "alert(result);". The next line "$("#options").html(result);" doesn't work. Could you tell me why this is the case? <!doctype html> <html lang="de"> <head> <meta charset="utf-8"> <title>Fill Div-region Options füllen</title> <script type="text/javascript" src="scr/jquery.js"></script>
Bootstrap modal pop not working with http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js
Hi, I am trying to make use of a Collapsible Nested GridView with Paging using ASP.Net and the problem is that I am already using a bootstrap modal pop-up which allows postback. My problem is that the modal pop-up closes automatically after postback when I include the http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js script.
unable to bind jtable in mvc 4
i write certain piece of code using mvc 4 and jquery and jtable ,but data is not visible in grid ,only blank grid is present , (No data available!) although i have updated all references of jquery in vs 2012 , action method is showing 3 records at quick watch but not showing in grid any help here is view action method [HttpPost] public JsonResult DeptList() { try { List<TBL_Department> persons = new List<TBL_Department> {
Jquery datepicker : changing the min and max date recursively
Hello All, I am trying to add multiple date pickers on the dynamically generated rows . It works fine if its just adding a row and selecting from and to date . But say for example if i have added all the rows i need and change either from date or to date, i would like to change the min and max dates recursively. My problem it doesn't seem to recognize the on change event in the function below Below is the code. $.datepicker.setDefaults({ defaultDate: '+2w', changeMonth: true,
Working with multi-dimension arrays - help please.
Hi, if I have a object that includes a multi dimensional array: sport = new Object(); sport.game = new Array(1); sport.game[0] = new Array(2); sport.game[0][1] = 12; sport.game[0][2] = 24; sport.game[1] = new Array(2); sport.game[1][1] = 3; sport.game[1][2] = 7; a1 = sport.game[0][2]; // Is there a way to get the value [0] highlighted in yellow, a1 = sport.game[1][2]; // Or in the second case the value [1] highlighted in yellow? Thanks in advance.
Why my combobox only work in first row
Why my combo only work in first row but in second row doesn't work ? Myscript : $("#btnAddRow").on('click', function() { var table = document.getElementById("myTable"); var lastRow = table.rows.length; var row = table.insertRow(lastRow); col1 = row.insertCell(0); col2 = row.insertCell(1); col3 = row.insertCell(2); col4 = row.insertCell(3); col5 = row.insertCell(4); col6 = row.insertCell(5); col7 = row.insertCell(6); col8 = row.insertCell(7); col1.innerHTML = "<select name='fselect' id='buah' style='width:55px'><select><?php
boot strap and jquery problem conflicit
hello to every one , I am using theme from here http://all-free-download.com/…/magic_city_template_2087.html and integrated in mvc 4 . and using jtable plug in but i find error here Uncaught TypeError: $(...).jtable is not a function at GetFilter (DepartmentCreate:91) at HTMLInputElement.onclick (DepartmentCreate:177) any one help me
Select value in Json with variable
Hello, I have two variables: var idtags = 82; var default_value = '[{"82":"2"}]'; How can I do to select the value in the json, according to the idtags variable? Best regards
no event when loading an external page into the dom
Ok, first off do NOT confuse my use of the word "external" with the keyword external used in <a tags. That's NOT what this is about! I have a multiple page document and everything there works fine. I also have several other .html pages that are rarely ever used so I don't want to clutter the dom with them. An example would be the about.html page. When loaded, this page will (or should) give some info about the device it's running on as well as the version number of my app. So, inside my index.html
jquery 3.2.1 version animate() - callback function executing before animation completed
Hi All, We have upgraded jquery version 3.2.1, animation()- callback function executing before animation is completed after execute next line. $(".btn2").click(function(){ $("p").slideDown(1, function(){ console.log("inside") }); console.log("outside") }); JQuery 3.2.1 output 1.inside 2.outside. JQuery 3.1.1 output 1.outside 2.inside. Sample Link(jquery 3.2.1): https://www.w3schools.com/code/tryit.asp?filename=FLMCAWA173W6 Sample Link(jquery
jQuery autocomplete Safari issue
Hello, I'm really new at jQuery and have managed to integrate the jQuery autocomplete to a wordpress site. Almost everything work as I want with one small problem. I'm using a plugin for woocommerce called Extra product options. This plugin give me the ability to use conditional logic to custom build a product. I needed to extend this plugin to show images of a lot of different color options and also show a new color number if the old one was entered. I managed to get everything to work except
About jQuery Code inside learning and V8
Hi: I try to learn more jQuery Code inside in these days, and recently find some issues about V8. Some How, some people suggest reading V8 can help more understanding about javascript, but it indeed a huge work. I didn't see a book really analyze it in deep. And furthermore, I can't make sure it really can help me to know jQuery better. For me, jQuery Code is still many unknown and powerful, like some issues about promises using. So my problem is, is reading V8 really help to understand more about
Manage claas in list
Hi there. I have a simple list <ul class="dropdown-menu"> <li class="header">Esercizio Contabile</li> <li> <a href="#" class="esercizio"> <i class="fa text-aqua"></i> 2018 </a> <a href="#" class="esercizio"> <i class="fa
How to select submit form with ajax, after using jQuery add elements method .after ()
Page .php on wordpress <script> $(document).on("click", "#solicitarServico", function() { $(".simulador_de_precos_box").after(" <form accept-charset=\"UTF-8\" name=\"contact-form\" id=\"contact-form\" method=\"post\"> <input type=\"text\" name=\"name\" required>"); <button type=\"submit\" name=\"submit\" id=\"submit\">Send</button> </form>"); }); </script> <script> $( "form" ).on( "submit", function( event ) { event.preventDefault(); var data = {
TypeError: $(...).dialog is not a function
I am facing an issue when trying to display a div as dialog box, getting the error has TypeError: $(...).dialog is not a function Wondering if i am not getting the div available i even tried to append it before the dialog function called, Still facing the issue, Please guide... function RowClickBillListBoleto(arg1,arg2,arg3){ if( ! $('#boleto-message').length ) { alert("Length is zero"); $('body').append('<div style="display:none"><div id="boleto-message" title="Boleto document is being created"><p>Boleto
How does React work with jquery-ui?
Hi. Everyone, I wanna make my select options can be draggable recently but failed. Why??? The first method: 1. I downloaded the jquery-ui@1.12.1 package from jqueryui.com site. Extracted. 2. Copy jquery.js into my src folder. And import resources in my jsx code : import './jquery.js'. It goes smoothly. But In another method， It goes wrong: 1. Use npm tool to install jquery-ui@1.12.1: npm install jquery-ui@1.12.1 2. import it: import 'jquery-ui' or import 'jquery-ui/build/release.js'. It throws the
Is there a way to have not only position of object remembered, but if it has been rotated?
Is there a way to make it remember rotation as well as location? <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title></title> <style> #draggable, #draggable2 {cursor:move; } #containment-wrapper { width: 1500px; height: 2000px; border: 2px solid #ccc;} .zoomTarget { width: 1000px; height: 500px; border: 2px solid #ccc; } .object { float: right; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; transition-duration:
Images in background aren't draggable
Hi there, I'm new to this forum and to jQuery so I don't quite know the etiquette on how exactly to ask my question, but here's what's going on. I'm hoping to make a site with a collage of draggable images (sliced up in photoshop) with many layers. I want people to be able to drag away pieces of a top layer to get to the images underneath, and then be able to drag those away to more images underneath, and so on. The issue is, whenever an image is placed behind another in the browser, it suddenly
Help is autocomplete and linking values
Hey guys I'm using autocomplete to return a set of zipcodes on a saerch. I need the values to be linked to a page for pricing based on the zipcode the input. Code is below: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>jQuery UI Autocomplete - Default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <link rel="stylesheet" href="/resources/demos/style.css">
BubbleSort values greater than zero leaving any zeros at the end of array;
Hi, if I have the following Array: tide = new Array(8,4,3,9,0,0,12,0); Currently if I do a bubbleSort I end up with this: 0,0,0,3,4,8,9,12; I do no know how to bubbleSort the Array to remove the zeros at the start and end up with them at the back of the array: 3,4,8,9,12,0,0,0; Any help would be good thanks in advance.
Install Final Countdown plugin on Angular 4
Can someone please tell me how to install JQuery Final Countdown on Angular 4. I've enabled allowJS and install the library via bower install jquery.countdown and I can see the folders in bower_components. .. Now what do I do? Import? declare var jquery ? I'm very new to JQuery. What is the easiest way to test if I've installed it correctly? (I've created the project using ionic cli so I don't have angular-cli.json)
Bradley Witham- jquery error
Hi, I am Bradley Witham , I an using Jquery and getting this error. Error: "TypeError: emails.match(/@/gim) is null" How can i resolve it.
Change a dropdownlist select option to input checkboxlist
I have a dropdownlist using select and it works fine. Now I need to convert it to checkboxlist. For some reasons, I can not clear the input checkboxlist before appending new ones. Below is my code. Any help will be appreciated Code as select ------------------- <tr id="select"> <td> <span id=Drop>Administration</span> <br> <select name=ddl id=ddl disabled style="HEIGHT: 25px; WIDTH: 95%"> <option value="" selected>--Select Administration
Pop-up codeigniter
hello . I need help . I inserted the script. but it does not work correctly. help me please . which container or block I click it's opening just the same thing but it should open the element that was clicked http://digi.besm.co.uk/ $(document).ready(function () { $("button").click(function () { $(".pop").fadeIn(300); positionPopup(); }); $(".pop > span, .pop").click(function () { $(".pop").fadeOut(300); }); }); <div class="first-con"> <!-- Content wrapper
Next Page