unable to clone a row and dynamically change the second select value when changing the first select
I have dynamically added new row by cloning the last row. The row contains two select picker control. I made another function that dynamically change the value of the second select when changing the first select. This function is not working on the cloned rows. Any idea what I made wrong?? <html> <head> <script type="text/javascript" src="./include/jquery/jquery-1.11.3.min.js"></script> <script type="text/javascript"> $(document).ready(function () { $('#btnDel').attr('disabled', 'disabled');
Having issues with prependTo()
I have a timeline on my website, and it gets live updates via AJAX calls, and it prepends any new timeline items to the top of the list. Error in console: Error: Uncaught TypeError: Failed to execute 'getComputedStyle' on 'Window': parameter 1 is not of type 'Element'. Heres the exact JS code for the timeline: // Timestamp of latest item var first_timestamp = $timeline_class.find('li').eq(0).data('timestamp'); var $timeline_class = $('#timeline'); var scroll_at_top = '30'; var asset_id = [12,34,56];
Custom Download jQuery UI force downloading of UI Core
Hi, Thank you so much for taking your time in this. I have been using jQuery UI in a lot of projects. The same issue i have is that whenever i want to download one element of jQuery UI, at custom download, it always forces to download jQuery UI Core together. Example, I downloaded Selectmenu and later i want to have datepicker. Most of the time i have to delete the UI Core in datepicker custom download .js because i already had it in Selectmenu. Is there any option i can avoid this without fixing
Clicking on input field showing undefined error in mobile only
I am using tooltiper form validation for validating the input field it is working fine with valdation but when i click on input filed on mobile i am getting this error "undefined"
Horizontal scroll made draggable
Hi there, I'm building a portfolio site and to do something a little bit different with it (for me) I thought I'd do a horizontal scrolling website. The difference being, there'd be no scrollbars and you can click+drag on the content area to scroll it. I've gave it a crack but I've hit a brick wall and would really appreciate some help. Here is a rough wireframe of my goal, which might help explain what I'm wanting to achieve: As you can see the content (gallery) is aligned to the left edge of the
Input Check Label blocks javascripting checking of checkbox
I have tried to replicate this on jsfiddle, but there doesn't seem to be an issue. The issue seems to be with JQM. I have tested the real file in chrome@windows and chrome@android using JQM 1.4.5 and the issue seems to be there on both devices. https://jsfiddle.net/bdvwk15q/ I have an android application with a webview reading local jqm files. On document ready I am checking if the checkbox should be checked or not. However when I use a label it won't display the updated checked state. This works,
Force jQuery to work when website is minimized using mobile
Can I asked for idea to make jquery work when a website is minimized and locked using mobile? I'm working on a website dealing with countdown timer. The time can be extended depends on the trigger I created. The problem is that the timer is not synch if the website is minimized or locked using a mobile and the time was extended.
I want to load jquery-ui from my local machine
In one of my machine on the network (not connected to internet) I have a node.js server running. The index.html file contains the following <link rel ="stylesheet" href = "jquery-ui,css"/> <script type src="jquery-1.8.3.js"></script> <script type src="jquery-ui.js"></script> I had kept the jquery-ui,css, jquery-1.8.3.js,jquery-ui.js in the same folder as the index.html But these files are not being loaded even when I access it from localhost or from any other computer in the network. My OS is raspberry
Send sort to an e-mail
Hello, how can a sort like this can be sent to mail? i've been doing an example, good for the drag n drop sorting, but cannot have this order sent to mail. here's what iv'e had so far: http://juremosserfelices.com/drag/ Please letme know where to look for it if this is not the right place.
Any way to load all the jquery in the html page after 5 seconds?
Question 1: I have a lot of different <scripts> in my html page like this: <script> my jquery code </script> 'Is there any way that the jquery kicks in after 5 seconds? if yes, how can I do that in jquery code? Question 2: I have also <DIV> in my html page - Is there any way that I can load the <DIV> content after 5 seconds?
Is there any way to check if DIV span have text?
I have DIV and span like this: <div id="mydiv" class="classdiv> <span>some text here<span> </div> 1) Is there any way to check if there is any text in the span? (fyi....the span does not have any id or class) 2) Is there any way to add this check and check constantly via jquery like every 2 or 3 seconds?
How to block I.P addresses from visiting webpage via Jquery?
How to block I.P addresses from visiting webpage via Jquery? I want a list of I.P addresses to block from visiting one of my website (not complete website). Is there any Jquery / Javascript that I can use in the web page and redirect blocked visitors to homepage?
jquery validation not working consistently
Hello gurus, I am having a weird problem. Our requirement is that when a user checks any radio button choice as poor or fair, then the textarea box becomes a required field asking the user to explain why s/he checks a box as fair or poor. The problem is that when I fire up a browser and run the following code without feeling out the names or checking any of the radio buttons, then messages display indicating required fields. Then if I check all required fields inclusing checking at lease on as fair
understading complex animate function .
was just going through the source of Jbox and saw the following lines of code: this.wrapper.stop().animate({opacity: 0}, { queue: false, duration: this.options.fade, start: function() { this.isClosing = true; }.bind(this), complete: function() { this.wrapper.css({display: 'none'}); this.options.onCloseComplete && (this.options.onCloseComplete.bind(this))(); this.options._onCloseComplete && (this.options._onCloseComplete.bind(this))(); }.bind(this), always: function() { this.isClosing = false; }.bind(this)
Jquery Slider - getting value into php
hi all. I'm a php guy who uses jquery ui, but not very good with javascript. What i have is a working jquery ui slider, that works no problem. I have it on a database update form. I have successfully made it so that on loading the form, it sets the value of the slider to that of a particular database field. all that works. BUT... when the user presses the "save" button on my form, the php does all the mySQL saving of the data using a standard UPDATE statement. What i am unsure how to do though,
Opinion Poll : fill up div with color as per percentage of Yes and No Count
Dear Sir In a opinion poll module I am using a php program to derive new count (this program is called by jquery) I am getting correct counts from php (opinion polll Yes and No count) my final query function is var opyn= $('#opinionpollfilldiv').text().split('~'); // i am getting value from php program when a person clicks yes or no //Value a I get is 88~5 means 88 Yes count and 5 is No count // alert(opyn[0]+' '+opyn[1]); // i split them and getting correct values $('#countyes').val(opyn[0]);
Send key/text to element selected by class
Hi Guys, im trying to make a jquery for send a text and the 'enter' or 'return' key. I tried this: setInterval(function () {$(".kdview kdscrollview").trigger(jQuery.Event('keypress', {which: 13}));}, 5000); with no success every 5seconds the element not get the key 'enter'. Im using this with GreaseMonkey (firefox addon). Thanks for help.
External html links in SimpleModal OSX Dialog
I decided to use an external html with links in a separate html file - page.html IN osx.js changed this: $("#osx-modal-content").modal to: $("#osx-modal-content").load("page.html").modal External html with links works, but now this link - <a href="#" class="simplemodal-close">x</a> does not close the dialog! Page.html: <div id="osx-modal-content"> <div id="osx-modal-title">Choose a city</div> <div class="close"><a href="#" class="simplemodal-close">x</a></div> <div id="osx-modal-data"> <p><a
Remove background color and show picture instead
Good afternoon, I have this code in index: <div id="Menu"> ... command images... <div/> and then other line: <div id="1" style="position: absolute; width: 29px; height: 29px; top: 30px; left: 30px; background-color: rgb(0, 0, 0);"></div> so the idea is that when you click on a command image the change of several divs with specific IDs occur. I am trying something like: $("#1").removeAttr('bacground-color'); $( "#1" ).attr( "bg-image", $src ); ... in other way I am trying to see just a picture instead
Sourcecode working in your Local computer?
http://stackoverflow.com/questions/31723242/set-div-elememt-same-height-as-parent Based on this sourcecode above this text, I tried using it in my computer and the source code doesn't work in my local computer. Question: Does this sorucecode work in your local computer? Thanks!
How to avoid this toggle() behavior?
Hey fellas, I'm just a jquery newbie, I just notice that when you toggle() (hide/unhide) a div, there is a weird diagonal movement, I would like to get this div scrolling up or down only, and not in a horizontal way, is this possible with this or another jquery function? Thanks in advance!
load a new page without rer]freshing the page
please is there any way I can use jquery go to another page without refreshing the page
How do I know that plugin uses a website
Hi Guys, I need to know which plugin or code being used in this website to change the background when I hover in the blocks. I would also like to find out how do to change that animation when the site is viewed from a mobile. Website: https://edwin-europe.com/ Many thanks!
Alert on Doubletap
Hi I am new to jquery.I got task from my senior is that i have to do alert from ipad using jquery or javascript when i doubletap a div in ipad.Please suggest me some solutions. <div style="padding:50px;"> <a href="#">doubletap me in ipad</a> </div>
Ajax Accordion and draggable/droppable
Hi all, I am fairly new to JQuery and work with ASP/Ajax and Javascript most of my time. I do like the way that JQuery is so succint and compact and I am beginning to use it more and more. I have a site that is based upon a treevew but want to be able to show more information to the user so have an Ajax Accordion. I want to be able to drag and drop data from one pane in one accordian and drop to the other. after 2 days trying to get _something_ working I am getting close but I really don't think
How can I move each instance of sidebar below the main content for each div?
jQuery(".two-col-callout .col-md-3").detach().appendTo('.two-col-callout .textwidget'); The above code unfortunately appends .col-md-3 to all instances of .textwidget on the page. I think I need to use jQuery(this) to target that single div. The url is http://vacaville.wpengine.com/admissions/ if anyone would mind helping a brother out. Thanks in advance!
Window.scroll not working in IE11
So I'm using the scroll event to trigger a masonry layout as follows: $(window).scroll(function(){ $('.man').isotope({ itemSelector : '.grid', layoutMode: 'masonry' }); }); $(document).ready(function () { $(window).scroll(); }); Works great in Safari, Firefox, and Chrome, but fails to work in IE, only when I manually scroll I get the result that I wanted. I'm using this version, <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
Element Class with no CSS
I'd like to be able to select a specific group of elements. Is there any performance or other issue with specifying a class name for each element if there is no CSS defined for the class? For example, if I have the following: <div id="part1" class="myGroup">other stuff</div> <div id="part2" class="myGroup">other stuff</div> $(".myGroup").something... If I have no CSS class called .myGroup, would there be any problem with that? Tony
bug with function() and $.AJAX() plugins
There seems to be a bug with $.ajax, when you put a "plug-in" function inside the function() where the plugin only gets called once. I'm not sure if it's with all the functions, or just some of them. I know it's with the accordion for sure, but not sure if anything else behaves that way, or not. There should be a built in ajax listener for the function(). I'm assuming that no one else has ever encountered this issue, but it wasn't solved by a discussion, so now it is a bug in the core. the temporary
Resemble.js
I need to compare two images created at runtime using Resemble.js, but am unable to do so,.... Need Help!!!
Kinetic.js
I am facing issue while trying to copy the data of a Kinetic object to a img variable in the same code tried to use var image stage.toDataURL({ callback: function(dataUrl) { kineticdataURL = dataUrl; image=dataURL.toDataURL; or - - - Both dont work :( image =kineticdataURL; } }); window.open(image); but got an empty screen, need help..
Why does triggering event result in endless loop?
This test page illustrates a behavior that I did not expect. When an object triggers an event from a function that is a member of the object, and the event name is the same as the function name, then not only is the handler function called, but the function that triggered the event is called repeatedly. If the event name and function name differ then this does not occur. Am I doing something wrong or is this in fact intended behavior for some reason? Here is a sample to demonstrate: <!DOCTYPE html>
Detect check boxes state in multi select dropdown
I have a 'select' (dropdown) control with multiselect='multiselect' which shows checkboxes next to each item in the dropdown (code below). As you may notice, the first item is 'Select all', used to check/uncheck all other checkboxes. <select id="test" multiple="multiple"> <option value="-1">Select all</option> <option value="1">BMW</option> <option value="2">Lexus</option> I am trying to detect the checked event but it doesn't work, not sure what i am missing. Please suggest $("#test").change(function(){
How can I disable a button using jQuery?
This code is working pretty well: $(document).on("change", '[id$=boxGrandTotal]', function () { var savebutton = document.getElementById('[id$=btnSave]'); var payment = $('[id$=boxPaymentAmount]').val() != '' ? parseFloat($('[id$=boxPaymentAmount]').val()) : 0; var total = $('[id$=boxGrandTotal]').val() != '' ? parseFloat($('[id$=boxGrandTotal]').val()) : 0; if (payment == null) payment = 0; if (total == null) total = 0; if (payment == total) { alert('Total and Payment
swipe php page
I have a mobile website that extracts data from a mysql database. There are categories which contain photographs. Basically the photographs are numbered. As a last page I have a page where one photograph is displayed full width. I have a session variable in this page holding the array of photographs so the number of the next and previous photo is known. IIf there had to be a button to go to the php file with the next photo I would call the page again with a request variable holding the next number.
Need Help - styling of AJAX created table not persisting
Hi guys, I'm new to JQuery and am having trouble with some css styling that I have applied to a table created via an AJAX request. I have a div off screen which scrolls into view when the appropriate link is selected. This div contains a table which is populated via an AJAX request to the database. The success function of the AJAX request contains some styling which is applied when the call is made. The table is simply a list of football teams. Once the list is in view you can select one of the
Datatype of jQuery Ajax Post
The file is successfully parsed without dataType: "JSON". With dataType: "JSON". , it does NOT work!!! WHY????? [getfromPHP.php] $(document).ready(function () { var data_json = {jenre:'jenres', querynum:'q_num'}; $.ajax({ type: "POST", url: "json_encode.php", data: data_json, //dataType: "JSON", success: function(result){ alert(data.fruits[0]); // apple }//success
Want to understand a particular form of jquery syntax - Newbie Dumb question.
(function(global, factory) { 'use strict'; if (typeof define === 'function' && define.amd) { define(['jquery'], function($) { return factory($, global, global.document, global.Math); }); } else if (typeof exports !== 'undefined') { module.exports = factory(require('jquery'), global, global.document, global.Math); } else { factory(jQuery, global, global.document, global.Math); } })(typeof window !== 'undefined' ? window : this, function($,
Long form: scrolling to a missing checkbox/radio button?
I'm very new to js but am quite familiar with sql, html, php. I have a form that's quite lengthy. I would like the form to validate in such a way that then user is automatically scrolled to a question with a missing response (and perhaps the box is highlighted with an error message). I've seen a number of people doing this with textboxes, but haven't been able to find a neat way of doing things with radios/checkboxes.
jQuery Validate - check value before remote method is called
Hi - I have a username field, that a user may change during an update. There is a remote method validator (http://jqueryvalidation.org/remote-method/) that will check to see if the new username is available. I also have a hidden field which contains the user's current username. Is it possible to check, during validation, and before the remote method is called, whether the user has actually changed their username? (say for example, if they change their mind, or the name they want is unavailable and
Next Page