No event is generated on dynamically generated DOM elements
Hi, I am generating various DOM elements using ajax and inserting into a div with Dynamically generated element <button class="mybtn" id="1">Btn1</button> <button class="mybtn" id="2">Btn2</button> Div into which I am inserting the elements <div class="col-md-12" id="displayslots"> </div> When i use this below code no click event gets fired :( , please help $(document).ready(function() { $(". mybtn ").on("click", function(){ var id=$(this).attr('id'); alert(id); }); }); Thanks for help in advance
webcam plugin?
Hi friends anyone now worked with WebCam and JQuery? and of course upload to any part of the server the photo taked? the plugin that i used is: https://github.com/infusion/jQuery-webcam can share the code? (all code, css, js, jsp, java) thanks i am get this message: Your WebCam should be here! and when activate the console get a red error: Uncaught TypeError: jQuery(...).webcam is not a function thanks any advice?
Anyone see why this code might not work?
this code works: $('#offer span').click(function(){ var $divx = $('#offerbody').first(); $(this).html( $divx.is(':visible') ? ' [+] ' : ' [–] '); $divx.slideToggle(); }); this code does nothing (I was hoping it would make the div hidden): $(document).ready(function () { var $divx = $('#offerbody').first(); $divx.css('visibility','hidden'); $(this).html( $divx.is(':visible') ? ' [+] ' : ' [–] '); });
JQuery and eXist Database
Will JQuery retrieve XML data from the eXist database? I've tried using the XMLHTTPRequest Javascript object with no success whatsoever. I hope someone can assist me.
Why is this event handler not working?
I'm trying to write a script that creates a grid of squares based on user input and then has those squares change colour on mouseover, like some kind of really low res Etch-A-Sketch. Everything is working properly except for the colour changing part. Here's my code (the class 'written' just changes an element's background colour to black): var newLine = "<div class='line'></div>"; var newTile = "<div class='tile'></div>"; var createLine = function(n) { $('#container').append(newLine);
recording an animation to a video
Hi, is it possible to save/record a jquery animation to mp4 or avi video ?
Results are different per browser
I have tried this code in IE, FireFox, and Chrome and get three different results and do not know why. Here is a link to the page for a live look. http://collectorwiz.com/slots/reeltest.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style> #holder { float: left; height:
jPages
Hi. I'm using jPages for pagination in a website I'm working on. It is working quite well. The only problem I have is that when from the listing page (for example jPages page 4) I go to a detail page and press the back button to go back to the listing, jPages is starting from page 1 again, instead of the last current page (page 4). Is someone familiar with jPages and know how to solve this?
Multi slideout divs
Hi, By searching the web I've found a way to have multi divs slideout from the left but I can't figure out how to toggle them i.e. when one div is clicked the previous opened divs closes. This my jQuery so far, would appreciate someone's help thank you. jQuery(function($) { // jQuery 1.9 > Toggle Event dep 1.8 $('#slideClick').click(function() { var it = $(this).data('it') || 1; switch ( it ) { case 1 : $(this).parent().animate({left:'0px'},
Pass encryption key value securely to URL
Hi, I am updating my database programs and came across this code snippet that is NOT secure in that you can see the value of "myKey" as it is passed. $('button[name="revise"]').click(function() { location.href='accountRevise.html?recId='+recId+'&company='+company+'&myKey='+myKey }) I don't think $.post would work as I want to end up at, and stay at, the 'accountRevise.html' page. What would be the best way to pass this value securely to 'accountRevise.htlml' ? R.
what is the best method to access the position values stored in the DB
Hi, I am using JQuery UI Draggable for moving the Divs around and storing the positions once all the operations are done. So once i logout and login again i need to show the dragged positions that were done initially. So how can i achieve this, could anyone suggest what would be the best approach for this ? Any help on this is more appreciated. Thanks, Ravi
jQuery-AJAX: Checking if Data Exists, if not “POST”
I am trying to check if the data already exists in the JSON Array Object that is returned on 'GET'. IF the data already exists, I want it to ignore the data. If it does not exist I want it to "POST." Please help. It seems to be skipping the "POST" call. function POST(section){ $.ajax({ type: 'POST', dataType: 'json', async : false, data: JSON.stringify(section), url: '/api/v2/help_center/en-us/categories/200384077/sections.json', contentType: "application/json; charset=utf-8", headers: { "Authorization":
jquery tab control and requriedfieldvalidator
using //code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css, I have created a tab control on the aspx page which works great! As soon as I put a requriedfieldvalidator, the tab control stops working (display in tabs). please help!
Uncaught TypeError: Cannot read property 'element' of undefined
Hello Guys: I'm working with ASP .Net and JQuery, i'm developing a MsgBox Dialog control (ascx) the control work's successfuly but i can't display it on Chrome, Opera, Safari and Firefox this browsers send the next error: Uncaught TypeError: Cannot read property 'element' of undefined.... The MsgBox dialog only appear in IE, i don't know what's happen, the code that i wrote to display this MsgBox dialog is <script> Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequest); function
Match element content and asign point per match.
I'm trying to compare orange and red boxes respectively to the green box, find LI's with matching contents and then assign points to them. With WHat I have so far, It doesn't asign the points correctly. E.g 1. The orange box shoud have 40 points because 4 ofs it Li contents all have matches in the Green box. 1. The orange box shoud have 430 points because 3 of its Li contents all have matches in the Green box. How can I achieve this. My code is as shown below. $(document).each(function () { var
JQuery Dialog not Showing in Front
I have the below jquery codes that stay behind when called. It pops-up but behind the current page. I call it using this <p id="onclick">Contact</p> $(document).ready(function() { $("#onclick").click(function() { $("#contactdiv").css("display", "block"); }); $("#contact #cancel").click(function() { $(this).parent().parent().hide(); }); // Contact form popup send-button click event. $("#send").click(function() { var name = $("#name").val(); var email = $("#email").val(); var contact = $("#contactno").val();
jQuery 1.x and 2.x detecting browser with PHP
<!doctype html> <html> <head> <meta charset="utf-8"> <?php // JQuery 1.x and 2.x URLs $jQuery1 = 'jquery-1.11.2.min.js'; $jQuery2 = 'jquery-2.1.1.min.js'; // Default $jQuery = $jQuery2; // User Agent $arr = explode(' ',mb_strtolower(str_replace(array('.','/'),' ',$_SERVER['HTTP_USER_AGENT']), 'UTF-8')); for($i=0; $i < count($arr); $i++){ if($arr[$i] == "msie"){ // Internet Explorer ? if($arr[$i+1] <= 8){ // <= 8 version ? $jQuery = $jQuery1; // Jquery 1.x } } } // Print echo '<script src="'.$jQuery.'"><script>';
After jQuery mobile pageShow silentscroll, page jumps to top
Hi! We have a basket page, where there are the products, and then the shipping methods. This is a jQuery mobile site. What I want to achive, that if a shipping method selected, then if there is a page reload, jQuery mobile jumps to a div to the shipping methods. Here is the code, what scrolls to the shipping methods. This is an inline script. $(document).on("pageshow", function (e, ui) { $.mobile.silentScroll($('#kosar').offset().top); }); Expected result: on page refresh, the window scroll to the
Why is this jQuery integer math failing?
I've got this jQuery to sum all values in "Amount" columns on exiting any of them, updating the "Total" text input with the total: /* boxAmount1...boxAmount5 - when any of them change, update boxGrandTotal */ $(document).on("blur", '[id^="boxAmount"]', function (e) { var amount1 = $('[id$=boxAmount1]').val(); var amount2 = $('[id$=boxAmount2]').val(); var amount3 = $('[id$=boxAmount3]').val(); var amount4 = $('[id$=boxAmount4]').val(); var amount5 =
How to convert jqtree json to datatable in c sharp
How to convert jqtree json data into datatable in c sharp
how to add onblur in autocompletes for text box fields.i am not getting this one please help me any one.
how to add onblur in autocompletes for text box fields i have to validate the textboxes in autocompletes when input is worng
How to set autoheight of textinput?
Hi, I have set a width of text input to 100% of my div. But how to set height of this text input when first line is filled up? .. then it should give me a new line ... or in reverse ... if I am deleting some characters from for example second line, and there are no more characters and I press Backspace ... then second line disappear ... hope you understand me. And thank you for answers.
How to fetch selected node id from Jqtree.
How to fetch selected node id from Jqtree. Structure of data is: [ { Id:65 Name: 'node1', } ] Here i want to fecth id value
Select2 - disable the user input as a choice
I'm trying to set datas from ajax in a select2 select... But the problem is that if I write something which isn't in my datas i can select this choice anyway ! And this will take this value "I don't exist" ... The formatNoMatches() function seems not to be called ... My code : $(".select2-ajax").select2({ ajax: { url: "ajax.call.php", type:'POST', dataType: 'json', data: function (params) { return { nom: params.term, // search chars page: params.page, }; }, processResults: function (data, page)
How to fetch the selected child position inside parent node in Jqtree
How to fetch the selected child position inside parent node in Jqtree ex: A -->A1 ->A2 ->A3 A is parent node ,A2 is selected node.i want to fetch the A2 position.
understanding modernizer feature detection script
Hey guys , have a look at the below script : Mod = {}; attr = {}; Mod['input'] = (function(prop){ for (var i = 0; i < prop.length; i++) { attr[prop[i]] = !!(prop[i] in inputElem); } return attr;. })('autocomplete autofocus list placeholder max min multiple pattern required step'.split(' ')) console.log(Mod['input']); its a feature detection script from modinizer , i just abstracted that code and modified it a bit
Div alignment on Click
A requirement for my project is that when a user clicks on the a link the page scrolls to the next section on the page. The issue is that every screen height is different. Aligning to the beginning of the next section doesn't solve the problem. So instead of scrolling to the top of the next section i want to scroll so that the bottom of the next section is aligned to the bottom of the viewport. Is that possible. Can anyone provide code to acheive this.
jQuery 'playing'
Hello, at the mobile webiste www.jvp-gmbh.de , I have placed the Slider.js (You have to use your smartphone if you want to visit the mobile version) The Slider is working. How I can use the 'previous'; 'next', 'stop/play' button as it is shown in the example 'playing' at http://www.slidesjs.com ? <!DOCTYPE html> <html lang="de"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="Robots" content="index, follow"> <meta name="Description"
jquery form elements
Hi, I have a variable which contains html form name, and this variable gets updated dynamically. How do i loop all the form elements which has id parameter and get values of those elements using jquery? Thanks,
jQuery Button - "Callbutton"
Hello, I am using that jQuery: http://demos.jquerymobile.com/1.2.1/docs/api/themes.html How can I create a Button, with which the user can call after clicking it? Example: http://m.fbn-dd.de/ The Picture with the telefon and the Description "Anruf hier"
How to make a Submit button also open an image in a lightbox?
I need an "Add to Cart" button to both submit the form and then display an image for 2 seconds (item added icon) in a lighbox, then have the lighbox close automatically. Exactly how do I do that? (sorry, I'm very new to jQuery and site development in general) ---Frank
text editors for ios?
Hi, I'm looking for the ability to do some light dev on my ipad. Looks like Sublime Text does not make an iOS app. Looks like Textastic is a somewhat popular text editor app for iOS with good reviews. Are there any other similar apps that I should consider? What about online (cloud) text editors?
Does jQuery 2.x support IE11 Enterprise Mode?
We are currently starting development of a new enterprise intranet framework. In the conceptual phase the question arose, whether we can incorporate the latest version of jQuery 2.x, bearing in mind that IE11 might run in Enterprise Mode. Enterprise Mode means IE8-compatibility, so does this impose jQuery 2.x will not support it? Many thanks in advance!
AJAX double call on submit
I'm using bootstrap 3.0 form and want to do ajax submit instead of regular one. I like bootstrap's form validation and I use preventDefault() to stop original form from firing. but form still keeps firing on submit so I get 2 submits instead of one. I now removed "action" url from the HTML form so it now fires on .html?parms how do I prevent original form from firing? I tried on "click" but bootstrap's validation stops working if I do that. $('#investorsSubmit').on('submit', function (e) {
Is there are shorter way than using each() to apply something to each item within an array?
Hi Guys, So I've done some development using the groovy language recently and wondered if javascript or jquery has something similar (I'll just use pseudo code to illustrate my point faster). Say I have a function that accepts an array of strings, but the array I have contains integers: myFunction([1, 2, 3, 4]) Lets say there was a function called toString in the library that converted objects to strings. If I tried just doing [1, 2, 3, 4].toString() it would just convert the array object into a
Security vulnerability in jQuery Form Plugin
During a security scan of our application, part of the jQuery Form Plugin was flagged with a vulnerability. Issue - The file jquery.form.js interprets unvalidated user input as source code on line 538. Interpreting user-controlled instructions at run-time can allow attackers to execute malicious code. Version: 2.87 (newer versions have the same issue) Is there a fix available for this?
Resizing and re-measuring loop
Is there any delay between I change a CSS property from a container and the elements inside/around can give me a correct reading of their dimensions? If there is, how do I force a repaint / recalculation and listen for the completion to re-measure them?
To Reset link on Anchor Tag on Enter Key Press
I have a Login page. After successfull Login user redirectes to Main Page that is a ASCX Page. I have used div elements in it. <div title="Main" id="main"> <a href="/Home.aspx" id="home"> <div class="link-title"> Home </div> </a> </div> <div title="Contact" > <a href="/Contact.aspx" id="contact"> <div class="link-title"> Contact </div>
How do I create an image link to open a page in a panel?
I know how to do this with a Panel Button but I can't seem to do it with any other link type (text or image). Please help. ---Frank
Having Issue on Adding animation to Dynamic element in jQuery
Can you please take a look at this demo and let me know why I am not able to add the .slideDown()function to the process of entering a dynamic div after the parent of selected element? $(function () { $("button").on("click", function () { $(".err").hide(); var elem = $(this); elem.parent().after('<div class="alert alert-danger err" role="alert">Thanks For Adding</div>').slideDown("slow"); }); }); @import url("https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"); body { padding:50px;
Next Page