re: jquery sumo multiselect select
i am using jquery sumo select control and i want to use this control inside table and click on add need to add new row and remove row.but when i try to add row data is cloning to next row. and max selet option should be 1. but when adding new row data is not binding to the control. http://jsfiddle.net/p89ka9jq/930/
I can't get my jquery accordion css menu to drop down.
Here is my code code pen My php add_action('wp_enqueue_scripts', 'ho_nav_js'); function ho_nav_js() { wp_enqueue_style('ho-nav-main-style', get_template_directory_uri() . '/js/style.css'); wp_enqueue_script('ho-nav-main', get_template_directory_uri() . '/js/ho-nav-main.js'); } class HO_nav_Walker extends Walker { var $db_fields = array( 'parent' => 'menu_item_parent', 'id' => 'db_id' ); function start_lvl(&$output, $depth = 0, $args = array()) { $indent = str_repeat("\t", $depth); $output.= "\n$indent<ul>\n";
What is “beforeSend”
Hi, I have notices that jQuery File Upload plugin takes some undocumented parameters like “beforeSend” method – is this documented anywhere? Regards, Janusz
Got stuck with this mouse tilt effect
Hey everyone, I'm very new to jquery and I tried to code a tilt effect on a card with the help of some plugins and snippets. So, you see the actual status of my work in the iframe above. The cards are moving if the mouse is moved. My problem is that every card is moving. My aim is that only the card which is hovered with the mouse should move and the rest should do nothing. Can someone help me with my problem? Thanks, Chris
malsup jQuery Form: How to enable submit button after form is bound
Guys, I have a form with image preview using malsup Jquery Form But when I submit the form, the submit button has got no action. I know it's been defaultPrevent-ed by the Plugin to run an AJAX call. I don't know how to enable the button. how do I do it? pastebin: https://pastebin.com/NVa3N039 <form id="multiple_upload_lampiran"
method="post"
name="multiple_upload_lampiran"
action="lampiran_upload.php" enctype="multipart/form-data">
<input type="hidden"
Why it doesn't return the value?
So basiclly I have a very simple function to get online players but it doesn't return to the value what I'm looking for. $(document).ready(function() { var ip = "mc.hypixel.net"; loadPlayerCount(ip); window.setInterval(function() { loadPlayerCount(ip); }, 60000); }); function loadPlayerCount(i) { $.get('https://eu.mc-api.net/v3/server/info/' + i, function(s) { if(s['status'] == false) { return -1; } else { return s['players']['online'];
How can i sort a list of elements/items based on specific text or numbers using jquery ?
Hello community. I 'm building a search function which is filtering the listed items by their names everytime a user is start typing into an input field and at the same time it counts the number of displayed items/results. I want to improve it more so i added 2 checkboxes that will allow users to sort the results by (eg best rated, or specific tags). In my current example there are 2 checkboxes (OPEN FIRST, BEST RATED) How can i make them so if someone click on them to sort the listed items ? MY
Issue on Binding jQuery UI Slider with Checkbox Event
Demo I am able to check and uncheck some checkboxes on jQuey ui slider stop() using following code. But this looks like is not adding any event to the check boxes!. As you can see the check boxes are re-acting against direct check in out by logging on console but doing nothing when slider change. Can you please let me know why this is happening and how I can fix this? $(function() { $("#slider-range").slider({ range: true, min: 50, max: 54, values: [50, 54], stop: function(event,
The price value dont appears with "$"
I have this code so when the user introduces for example "10" it appears 10,00 in the price field: document.getElementById("show_price").onblur = function () { var $price = document.getElementById("registration_type_price"); $price.value = this.value; this.value = parseFloat(this.value.replace(/,|\$/g, "")) .toFixed(2) .toString() .replace(/\B(?=(\d{3})+(?!\d))/g, "."); } But I would like to show also the $, like 10,00$. Do you know how to achieve
Why does the Close button indent to the right?
/* The 'Add Apps' button is aligned to the Left. But for each toggle, the Close button indents the right. When it toggles back to the Add Apps, that is correctly aligns to the Left. */ $(".application_add").toggle(); $("#application_toggle").click(function() { $(".application_add").toggle(); if ($("#application_toggle").attr("value") == "Add Apps") { $("#application_toggle").prop('value', 'Close'); $(".application_add").find("input").prop('required',
how to find document.ready function in globalnamespace
hi, Any variable we create in the script(javascript) tag of HTML, it goes to the global namespace. which can be seen in the console tab of the developer window(f12). I wanted to find out where does document. ready function goes, and whether it goes to the global namespace or not. your sincerely
How to add a custom button in the insert menu?
Im using tinymce in a textarea and the content the tinymce code is like: tinymce.init({ selector: 'textarea', plugins: 'image code link lists textcolor wordcount ' + ' hr pagebreak colorpicker textpattern anchor table media', relative_urls: true, file_browser_callback: function (field_name, url, type, win) { // trigger file upload form if (type == 'image') $('#formUpload input').click(); } }); And its working. But I would like to include in the "Insert"
How do I get jquery validation to apply the "success" function to only elements that have a certain class present?
Hello, I am using the jquery validation plugin. It works well...perhaps too well. It is applying validation to every input on the page because <span class="glyphicon glyphicon-ok form_control_feedback"></span> is inserted after every input field. I would like it to be more selective. Perhaps only inserting the above class if another class is already present in the input. Can anyone help me out with this? Thanks
Better mechanics for this code?
Hello, I have the following code and even though it does what i want to do i think that i write too many lines of code for this function. In short, i have some modals in which i load forms dynamically with .html(). I want to add / remove in each modal opened the "modal-lg, modal-md" class etc.. in a better way. In my fiddle i use some if statements. Is there any other way to achieve this by using less lines of code? I've tried addClass, removeClass, toggleClass etc.. but it doesn't seem to work
ajax Why my code is all correct but its still not working?
$(document).ready(function(){ $('.trolley').click(function(){ $(this).find('i').toggleClass('open'); // call the icon class in h3 class and add .open $('.addbar').toggleClass('open'); }); $('.a1').click(function(){ var qunti = $('#itemnum1').val(); var id = $('#hidden1').val(); $.ajax({ url:"Promotionaddajax.php", method:"post", async: false, data:{ "cart": quanti, "item": id }, success:function(data) { $('#itemnum1').val(''); } });
Hold a keypress (Shift Key) in Javascript/Jquery
Here we are not checking that the shiftkey is pressed or not. What i need is to press shiftkey on a function call We have code where a key can be pressed on element keypress. e = jQuery.Event("keypress"); e.which = 13 //choose the one you want $("#test").keypress(function(){ alert('keypress triggered'); }).trigger(e); My requirement is Shift Key should be kept pressed on my function and released on another function called. function called(){ .. code .. // need shift key pressed } function called_another_func(){
Loading jQuery UI Slider All Selected Range (Not Only Min & Max) To an Array
Can you please take a look at this Demo and let me know how I can load the selected range values between Min and Max into an array? the selected.push(ui.values); is giving me the Min and Max of selected which is Ok but I also need the values between too $( function() { var selected =[]; $( "#slider-range" ).slider({ range: true, min: 133, max: 146, values: [ 133, 146 ], stop: function( event, ui ) { $( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[
How to get main image from wikipedia using jquery or php
I have an HTML page where I put city image. I want to load the main image of city from Wikipedia using jquery or php. I tried using jquery with ajax but it loads all images i just want to load main image $.ajax({ url: "https://en.wikipedia.org/w/api.php", data: { format: "json", action: "parse", page: "Mumbai", prop:"text", section:0, }, dataType: 'jsonp', success: function (data) { console.log(data) var markup = data.parse.text["*"]; var i = $('<div></div>').html(markup); $('#article').html($(i).find('img'));
Get values from multipy inputs for search field
Hi. Kindly asking for help. I have this code https://jsfiddle.net/advokatb/caj5ds2u/4/ There is one search field, several checkboxes and several inputs (they are for numbers). As result I need to make search query something like this: OperaName alto:1 bass:2 So the 1. "OperaName" i should type myself in search field. 2. alto (name of checkbox) should be pushed to search field with the number that I type in input with class qty. If qty field is set, than alto:1 should be appended to the main keyword
JQuery - JSON API Connection
Hi, I am using the following code trying to POST / add some property data through to an API using this code https://api.beds24.com/json/createProperties - I'm new to JSON and API's but have a fair understanding of programming, I am getting no errors and the console response looks ok (but I have very limited JSON API knowledge), will add the response to another post as too long for this post. Please could someone have a look and point me in the right direction to getting this working. Thanks for looking.
Add total number of Rows
I am dynamically appending data to a tr and want to add number of rows to the bottom of the table. Below is my code. Any ideas will be appreciated. $('#admin').change(function() { var select = $("#admin option:selected").val(); $.ajax({ cache: false, async: false, type: "GET", url: "@(Url.Action("Employees", "Details"))", dataType: 'json', data: { "id": select }, success: function(data) { $("#admin").val(select); var target = $("#LoadEmployees"); target.empty(); for (var i = 0; i < data.length;
jquery sumo multiselect
hi i want to add ok cancel in bilow of single column only but its width sown full control width. http://jsfiddle.net/RahulKanheya/p89ka9jq/814/
jquery multiselect
i am using jquery multiselect in that i want to show multiple cloumn in dropdown. but i did 't find any option to show dropdown value in multiple column using blow pluging example. http://jsfiddle.net/RahulKanheya/p89ka9jq/767/
click function on Bottstrap toggle button
Hi, I´m generating two toggle buttons in my site: function addDataLayerToggleItems(layerName, layer) { $("#LayerControl-List-DataLayer-Items").append( $("<div>", { class: "checkbox" }).append( $('<input>', { type: "checkbox", id: layerName, 'data-toggle': "toggle", 'data-on': "Ein", 'data-off': "Aus", 'data-on': "Ein", 'data-off': "Aus", 'data-onstyle': "success", 'data-offstyle': "danger", class: "toggle" }) ).append( $('<label>').text(layerName) ) ) } how do I generate a click event to do something
JQUERY DYNAMIC TABLE DELETE PROBLEM
I am dynamically creating a table to add employees. After adding more than one row, i have deleted the first row. Again adding the same not working..any help will be appreciated. my code is as follows function() { $(document).on("click","#btnAdd",function(){ var empid_name = $("#selEng").val(); empid_name = empid_name.split("_"); var empid = empid_name[0]; var empname = empid_name[1]; var hour = $("#txtIHour").val(); if(empid_name=='none') { alert('Please select an Engineer'); return false; }
Script loaded in header isn't recognized in Ajax, why?
This is kinda tough to explain, so bear with me. On mobile devices, I load a script named "mobile.js" in the header. This script has functions to detect a swipe and a taphold (which I believe were both recommended on here), and then I also include a function to hide a specific element when the user focuses on an input, textarea, or contenteditable: $(function() { if ($('#local_banner').css('display') != 'none') { $('input, textarea, [contenteditable]') .on('focus',
JQUERY MOBILE: PROBLEM SUBMIT FORM
Hello I use this script to send the form data after validating it. The problem is that when I press the send button it tells me that you have to complete the field (required) but still sends me the data to the server. How can I change the code to send me the data only after the validation has been completed? <!DOCTYPE html> <html> <head> <title>Forms</title> <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
JQuery Links
Hello everybody, I have a problem with rendering links. No matter what I do in the CSS, the links are never presented as intended. in CSS the links for the menu look like this: header { position: fixed; top: 0; left: 0; padding: 0 100px; background:#262626; width: 100%; box-sizing: border-box; text-shadow:0 0 0; } header .logo { color: #fff; height: 50px; line-height: 50px; font-size: 24px; float: left; font-weight: bold; } header nav { float: right; } header nav ul { margin: 0; padding: 0; display:
Sorting.js - problem with loading images
Hello friend, i really will appreciate your help about a problem that i have with sorting.js the code is: /* SORTING */ if (jQuery('.show_album_content').size() > 0) { var $container = jQuery('.portfolio_grid_isotope'); } else if (jQuery('.portfolio_packery').size() > 0) { var $container = jQuery('.portfolio_packery'); } jQuery(function () { if (jQuery('.show_album_content').size() > 0) { $container.isotope({ itemSelector: '.element' }); } else if (jQuery('.portfolio_packery').size() > 0) { $container.isotope({
How can i filter items from a list which those items contain specific text by clicking in a checkbox using jquery?
I have a list that contains 6 items/divs. How can i filter the items that contain specific text by clicking/select a checkbox? For the following example i want to filter the items that contains the word "green" when i select the checkbox labeled "green" and so on. I want to make it work with jquery. Could you please help me? Thanks in advance. Here is a JSFIDDLE with my code.
how to apply a DOM value in JQuery plugins?
I created an Ajax code which could change the value in the span but what I actually want is the value apply into the Jquery seat-charts plugin, is there any way to move the output of Ajax to Jquery plugins? below is my plugin code: <script> $(document).ready(function(){ $("#time-select").change(function(){ var time = $("#time-select").val(); var date = $("#date").val(); var branch = $("#branchval").val();
Different dropdown boxes for items generated from db.
Hello, I have a page where it loads some items from db. I want each item to have a "settings" dropdown box in which there will be options like "edit, delete etc...". I made it to a point but the thing is that when i click an entry's settings button to open up the dropdown box, it collapses every item's dropdown box in page. This is my HTML and Jquery code so far... Html settings btn: <a href="#" class="settings-btn" id="entry-settings" data-entry-id="<?php echo $pet['pet_entry_id']; ?>" rel="nofollow"><i
Click Event Not Firing When Radio Buttons Wrapped In A DIV Are Selected
I have a bunch of bootstrap panels on my web page and each panel contains three radio buttons. The panels which contains the radio buttons and the index, name, and value of the radio buttons are dynamically generated so I don't know ahead of time what the values of the mentioned attributes will be. Below is a sample of my radio button code after it is generated. <div class="panel panel-primary"> <div class="form-group"> <input type="radio" id="Xc2RT" name="Canine_1" value="Wolf"> Wolf </div>
Customer site breaking my plugin
Our plugin uses jquery, all functions are defined as jQuery. Works on all other customer sites without a problem. Works in the wordpress admin. On the home page or any page of the customers website where our plugin isn't called, chrome developer tools console shows jQuery works fine, however on the pages of the site where we load our plugin, jQuery no longer works and it now requires $ sign. I am at a loss. It's some kind of conflict, but looking through their JS files I haven't come up with a solution.
jquery sumo multiselect
i am using jquery sumo multiselect in that i want to use cascading dropdown(based on first dropdown second dropdown should load eatch time). but i getting error please find link blow pluging example. http://jsfiddle.net/RahulKanheya/p89ka9jq/801/
[SOLVED] Calling $.get() gives XML error message and I am not using XML
I am learning and experimenting with AJAX and $.get() in jquery. I have adapted a test case from tutorialspoiknt.com and changed the test case from using PHP to using JSP. I am running the test case using Firefox 61.0.2, Tomcat 8 and jquery-3.3.1.js. I'm calling $.get() as follows: console.log("xxxxxxxxxxxx get"); $.get("result.jsp",{ name: "Jim" }, function(data) { $('#stage').html(data); } ); console.log("yyyyyyyyyyyy get"); The script executes and I get the log messages:
jquirey plug in update assiatance
Hey all, hope all is well. It's been a while that i touch Jquery. The scripts on my website is out of date and i need some assistance in upgrading. Don't remember on how I got the scripts Can anyone assist? The code is posted here. <!DOCTYPE html> <html lang="en"><head> <title>Kennesaw Acworth Atlanta Marietta Computer Laptop Repair Universal IT Technologies LLC Network Wiring, IT Outsourcing, IT Support, IT Service Providers Virus Removal Web Design Services Near Me</title> <meta name="p:domain_verify"
why is my seat Charts only display the third map?
now I know that the map in seat charts can be store in an array form. But why I click on any of the linked image it will only show the third map?
how can I change a property in jquery plugin with onclick an image
<script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="jquery.seat-charts.min.js" type="text/javascript"></script> <script type="text/javascript"> var price = 100; $(document).ready(function() { var $cart = $('#seats_chose'), $tickects_num = $('#tickects_num'), $total_price = $('#total_price'); var sc = $('#seat_area').seatCharts({ map: [ 'cccccccccc', 'cccccccccc', '__________', 'cccccccc__', 'cccccccccc', 'cccccccccc', 'cccccccccc', 'cccccccccc', 'cccccccccc', 'cc__cc__cc'
Jquery ui tabs doesn't display properly while the page is loading slow.
I am using a couple of libraries as below: <link type="text/css" rel="stylesheet" href="https://.../static/jquery-ui-1.8.23.custom.css"> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" media="screen" rel="stylesheet" type="text/css"> <script type="text/javascript" src="https://.../static/jquery-1.10.2.min.js"></script> <script type="text/javascript" src="https://.../static/jquery-ui-1.8.23.custom.min.js"></script> I just upgrade jquery from 1.5.2 to 1.10.2 this
Next Page