How to load two or more popup in sequence
I wanna use JS to load two or more popups in sequence, after i close the first popup, then display the second one . but it looks not working $("#popupMSG1").popup('open'); $("#popupMSG2").popup('open'); how can i do that? thanks a lot!
Make 6 divs look like grid but with 2 ways to scroll??
This is really more than a JQuery problem and any help would be greatly appreciated. I've created a .JSFiddle of my problem. I've got a grid cut up into 6 div tags. Top1 | Top2 Mid1 | Mid2 <-scrolls vertically Bottom1 | Bottom2 <- scrolls horizontally Mid2 and Bottom2 are set in css to scroll-y & scroll-x respectively. the rest are set to hidden. When Mid2 scrolls (vertically) I need Mid1 to scroll with it but leave Top1, Top2, Bottom1
Sortable distance deprecated NO NO NO NO
This is NOT a brilliant idea. The reason given is user interaction should be instant and / or handles should be used. This is absolutely not true. For instance, you may have items that can be clicked OR sorted... clumsy clicking will move the object a pixel or two instigating sort when the user needed a click. I know of several cases like this where a single click evokes help, a double click evokes and edit or dragging evokes a new position... as in navigation editors, etc.
How to use php function inside javascript file?
Hello i have this function for languages using php function lang($var){ return $var; } when i write <?php echo lang("test lang"); ?> the function output will return ( test lang ) so now is my question how can i use this function inside javascript without creating another languages function to use it inside javascript, all i need is i want to convert or another idea to use php function inside js files. Kind regards.
datepicker Validation
Hi All, Help me, <div class="input-group m-b bootstrap-touchspin"> <i class="fa fa-calendar input-group-addon"></i> <input id="ActualDeliveryDate" type="text" class="form-control datepicker" maxlength="10" data-attr="ActualDeliveryDate" placeholder="mm/dd/yyyy"> </div> </div> In the above code ,i need validation, if i select date=08/03/2017 after getting current date if i modify date=0/0/0 . It Should fire Validation error ,that given date is not valid. hope you understand ,what i mean. Thanks
JQuery UI resizable grid, inconsistent behavior depending on grid value, jquery-ui version
I need a resizable bar that can go all the way to no bar. Depending on how what I set the grid to, sometimes I can, sometimes I can't. The values I try are multiples of the initial size of the bar. Here are examples Working: https://jsfiddle.net/dg851voo/ $("#app-interactionAdjustingTheFractionBarsSTART-question-bar-5").resizable({ handles: 'n', grid: [0, 60] }); Not working: https://jsfiddle.net/xmzj3x54/ $("#app-interactionAdjustingTheFractionBarsSTART-question-bar-5").resizable({ handles:
Native jQuery date format
Hi, Is it possible to format a date without having to use a pluging? I mean native jquery only? I want to get the current date in ddmmyyyy.. for example: 21122017 01072017 Thanks, Jassim
Check if image exists on server
Hi, I am trying to check if an image exist on the server then I can display it otherwise display a default image. Using below code: $.ajax({ url: 'https://people.softnames.com/images/home/splash/NASSER/4.png', crossDomain: true, success: function (data) { alert('exists.. display this image'); }, error: function (data) { alert('does not exist. display an alternative default image here;'); }, }); but it returns an error although the above url does return an image.
How to change select-option width?
Hi all, I have created a select option dropdown list. But when a text in the option is too long, the option box is longer then a select box ... I write here, because I think this is possible only with jquery ... thanks ... here is an example jsfiddle it should put longer text to the new line ... but I dont know how tnx for answers, indeed
SyntaxError: missing } after property list
Here is my json data. Json validator shows this is valid in javascript. But I got error of missing } at position 78 ( jquery.jqGrid.src.js:1:78). {"total":1,"PageSize":1,"Page":1,"records":10,"rows":[{"id":"CaSNP01900516","cell":["CaSNP01900516","Ca8","2449175","Substitution","T ","C ","Ca_02342","Uncharacterized protein At1g04910"]},{"id":"CaSNP01900521","cell":["CaSNP01900521","Ca8","2449198","Substitution","T ","G ","Ca_02342","Uncharacterized protein At1g04910"]}]} let me know why this error.
How to play single audio file where the page has more mp3 audios?
I have downloaded one Jquery mp3 audio player and tried to incorporate more mp3 files in a page. Everything works fine but I want to play any one audio at a time. Right now all the files are playing. So if I play a song rest files needs to be paused and change the respective icons. Please check this fiddle and help me to sort out thanks.
Selectmenu Jquery UI change event on pageload
I'm currently using JQuery UI SelectMenu Widget in my application. The options in the selectMenu are filled at runtime based on some values in sql tables. Based on the option selected in the selectedMenu a datatable needs to be filtered on a specific column. .Js snippet $(document).ready(function() { var table = $('.tableContent').DataTable({ "columnDefs" : [ { "className" : "dt-center", "targets" : "_all" } ] }); $("#osFamilySelect1").selectmenu({
Problem using nth-child selector inside table
Hello, I have a problem with the nth-child selector by using it with Jquery. Normally my code defines what I want, but either there is a conflict between my row and column selections or I do not use the correct selectors or there is a bug in the browsers. JSFiddle Problems : A) Friday from 12:30 pm to 1:00 pm should not be in black since the club is open from 8:00 to 21:30 B) the club closes at 19:00 on Saturday - all time slice from 7:00 pm must be in black color. The problem (A) should not be displayed
Trouble Installing Paver Plugin
I'm coding a website for this charity event and although I can write HTML, I have no experience in java or jquery, as you can probably see by the code. I have managed to implement 2 plugins so far - FadeThis and Shine.js however upon trying to install Paver to add a panorama to the page, I somehow broke it and even when the page was working, the panorama aspect didn't. I will eventually get round to learning jquery however at this point I would appreciate if someone could help on this specific task
Unexpected Behavior of jqGrid when placed on Dialog
My app calls for a jqGrid to be placed on a jQuery-UI Dialog. I can make the grid appear as desired, but when it does all controls (including close window) on the Dialog become non-functional. It almost appears as though the grid is operating modal and preventing interaction with the underlying dialog. I have tried various combinations of modal and non-modal attributes in both the dialog and grid, but I can't seem to get around this. Suggestions?
Checking if video source is empty
I have 20 videos displaying onto screen. How can I check if any of the video src's tags are empty <source src="" type="video/mp4" /> Here's my script so far $('video').children().each(function(index) { //console.log(index + " " + $(this).attr('src')); if($(this).attr('src').length == 0){ console.log('hide' + index + " " + $(this).attr('src')); $('.row-5 div.col-1-5 .icon').addClass('disable'); $('a.icon').removeAttr('href'); $('div.vid').hide(); } else { console.log('show' + index+ " " + $(this).attr('src'));
$.datepicker.parseDate('ymmdd', '070126'); Missing number at position 6
I need to parse dates like '070126' to '26 Jan 2007'. You can do that with the datepicker, but it gives me the an error... $.datepicker.parseDate('ymmdd', '070126') #=> Missing number at position 6
Tag it help
First up, I'm using this script. https://goodies.pixabay.com/jquery/tag-editor/demo.html Below is my code, I've included these scripts and they link okay. <link rel="stylesheet" href="CSS/jquery.tag-editor.css"> <script src="Resources/jquery.caret.min.js"></script> <script src="Resources/jquery.tag-editor.min.js"></script> THis is my error which I get AFTER I type 2 characters... jquery-ui.min.js:23 Uncaught TypeError: Cannot read property 'length' of undefined at b.(anonymous function).(anonymous
display 2 type datepicker in one
hello i have a plugin for show gregorian and jalali datepicker: https://amirkabirdataminers.github.io/ADM-dateTimePicker/ but i want show both in one calendar exm attach file. ( exm: <span>Day Jalali<br>Day Gregorian</span>) please help me how can i this?
focus on input field
So I have multiple text fields in a form, and when they click on the input field a hint will come up like Example - john@doe.com. Not as an alert, but show up beside the field and then fade away. I have 4 boxes I am trying to do that for, but I need a way to tell the boxes apart. this will just show all 4 messages at once (document).ready(function() { $("input").focus(function(){ $("span").css("display", "inline").fadeOut(2000); });
call a function within $(document).ready(function() {
First of: I know it's something which has been written (well, typed) about a lot, but even though I found workarounds, I haven't been able to get around this limitation. To get into details, a while ago I set up a page with a Highcharts graph, most of the code is pretty much the same as https://blueflame-software.com/using-highcharts-with-php-and-mysql/ , I based it on that. The data.php was originally written in such a way that it got the data from the MySQL database between the moment of accessing
What could result in the following jquery-3.2.1.min.js error?
jquery-3.2.1.min.js?_=1501353680880:2 Uncaught TypeError: $(...).on is not a function at HTMLDocument.<anonymous> (<anonymous>:3:25) at j (jquery-3.2.1.min.js?_=1501353680880:2) at k (jquery-3.2.1.min.js?_=1501353680880:2) Switch to jquery-1.8.0.min.js resulted in the same.
TypeError: $(...).Jcrop is not a function
var jcrop_api, boundx, boundy; function updatePreview(c) { // croping image preview if (parseInt(c.w) > 0) { var rx = 220 / c.w, ry = 220 / c.h; } } function showCoords(c) { // show all coords $('#x').val(c.x); $('#y').val(c.y); $('#x2').val(c.x2); $('#y2').val(c.y2); $('#w').val(c.w); $('#h').val(c.h); } $('.thumbnail-img').Jcrop({ onChange:
Loops and array
Im just starting to learn jquery and having a bit of trouble with loops. I am trying to create a variable array that contains certain product names, if the product name in the array matches the heading inner text, then add a class to the product image. I have come up with the below which works fine when there is only one individual product in the variable, but if i add more than one product to the variable, it breaks. Can anyone tell me where I'm going wrong? Code looks like this so far: var product
What are some of the jQuery UI functions/plugins we can't live without?
DatePicker is one. Feel free to add your pick below:
passing javascript variable to form
I'm a newbie to Javascript and from what I've read I assume there is a much better way to my approach, but here it goes. I have a form with onclick such that when a clear image is clicked on in a table cell, the background pic of the cell changes (showing that it has been selected, or unselected if clicked again). That all works, now I want to define some variable so that when the form's Submit button is pressed, a form variable is passed showing whether or not the user selected that option. The
get the content of cells when selection by column (selectable)
Hello, my question is quite simple, but I can't manage to make it work properly I have a table and I want all cells of the table to be "selectable" by using the selectable plugin of jquery UI here below my table : <table id=\"selectable\">
<tr> <th class=\"ui-widget-content\"> A </th> <th class=\"ui-widget-content\"> B </th> <th class=\"ui-widget-content\"> C </th> </tr>
<tr> <td class=\"ui-widget-content\"> 1 </td> <td class=\"ui-widget-content\"> 2 </td> <td class=\"ui-widget-content\">
how to reverse bit?
Hi, I don't know how to explain but let me put it this way.. I have this in my js file: visible: is_organization this should be reversed so if is_organization is true then visible should be false and it should be in the same way, I mean: visible: is_organization and not with if statement. How can I do this please.. Thanks, Jassim
How to allow special characters in jQuery “contains”?
Original question asked here . So when this function is triggered it selects an item in a list via filtering elements with that class and with the text that the user provides through the var text. If the above exists then it simply clicks that element, else show an error. However if the user provides text like "hi(hello world)", this would be seen by jQuery as part of the function and not text, so it doesn't work. So any special characters like "!/-()" will be seen as part of the function and
Bootstrap Multiselect Issue
Hi, I have the following code, taken from Bootstrap Multiselect: nonSelectedOptions.each(function() { var input = $('input[value="' + $(this).val() + '"]'); input.prop('disabled', true); }); The above works, as it disables all items in dropdown A but it is also disabling items in dropdown B because this line doesn't specify the dropdown ID/class: var input = $('input[value="' + $(this).val() + '"]'); So if the index was 5, it will set 5th items in all dropdowns on the current page as disabled. Any
Reading "natural" size with jQuery
The image below has a natural size of 3264x2448 and has been resized to 600x450. Is there a way with jQuery to read the natural size from the image element? Thanks
jquery post without page reload in jquery-3.2.1
there is a working solution for jquery 1.9.1 with $.ajax /* jquery-1.9.1 */ $(function () { $('form').bind('submit', function () { $.ajax({ type: 'post', url: 'worker.php', data: $('form').serialize(), success: function () { alert('form was submitted'); $( "#result" ).html(result); } }); return false; }); }); i tried the code above with the newest version
trying to select the first parent of type section
I'm trying to get the nearest Section element with class name lc-local-section-wrap. I've tried $(this).parent().closest("section") and about everything else, but now I'm stuck! Html: <section class="lc-local-section-wrap"> <div class="lc-local-button-wrap"> <input type="text" id="TextCount" value="1" /> <button type="submit" value="@Model.ToString()" class="btn btn-danger lc-buy-button"><i class="fa fa-cart-plus" aria-hidden="true"></i></button> </div> <div class="lc-buy-button-done">
dependency injection at run time in jquery plugin
Hi, I have written a jQuery based from validation. Almost all of the general purpose validation requirements and other things are implemented inside plugin. I'm using this plugin in an environment where form template and data are fetched from server, compiled and passed to this plugin. Here is the syntax: $(form).myFormValidator({ formTemplate: formTemplate, formData : formData }); Now let's say a particular form is having a special requirement, for example an input's change event function
Table2Excel JS showing warning message that file format & extension dont match when we open excel sheet
Below the steps to reproduce: 1. we have used table2excel JS ( https://github.com/rainabba/jquery-table2excel ) for converting HTML data in Excel sheet. 2. We are successfully converted dynamic data in excel sheet but when we try to open(after downloading) that excel sheet we are getting some warning message i.e. file format & extension don't match. 3. Please refer the below screenshot for the same. 4. Is there any proper way to convert HTML data to excel sheet without getting such warning message.
This object is stored in localstorage, how to get this into a table?
key:myDb value:[{"fname":"akhil","lname":"manakal","age":"24","gender":"Male","mobile":"7093117454","uname":"akhilm","pass1":"Mraverage@1","email":"akhil@gmail.com"}]
Closing menu on anchor click.
I asked this question earlier but I deleted it by accident. I am using the code found here and would like the nav to close when I click a href, it works in regular browsers but not in mobile, the link is just followed. So for example, I would like the menu to open when clicked, the when a link is click, IE: <li><a href="mysite/myaccount">The team</a></li>, the menu closes and the link is followed. I had a previous user mention to add preventDefault(), which I did, but it obviously stopped the link
Is there any Jquery plugin to build a workflow editor which contains HTML elements inside DIV?
I am looking for a plugin which will provide drag and drop feature along with connecting wires/lines to the dropped div that contains html form. It can be open source or licensed. Thanks in advance!
How to an element in a validator function in parsley.JS
I am trying to make a custom validator in parsley.js and currently i have the following: window.Parsley.addValidator('intlTelNo' , { requirementType : 'integer', validateNumber : (val , requirement ) => { console.log(val); return true; }, messages : { en : 'Please enter a valid phone number.' } }); I am using this validator in my HTML like so: <input type="" name="Phone" placeholder="Phone" id="intl-phone-number" data-parsley-intl-tel-no data-parsley-trigger="focusin focusout" data-parsley-errors-container="#error-container">
Hi, i am super new to jquery. I am learning how to write javascript to jquery. Can anyone help me to write this function in jquery.
function getInfo() { if (localStorage.account){ var i = parseInt(localStorage.account); } else { localStorage.setItem('contador', "0"); var i = parseInt(localStorage.account); }
Next Page