Setting up functions correctly in Jquery (for Ajax & PHP mail)
Hi Everyone, I am having difficulties with the below code. I have it working, but for some strange reason it is temperamental. It works some times, and not others. By this I mean that sometimes I receive the email, sometimes I don't. Sometimes I receive the email with the full canvas png image, sometime is receive the email with the canvas png image without the text div but only the svg. Sometimes it works perfectly and I receive the email and the full canvas png. I have a website with an online
accidentally recall invited method or property
when ie8 to excute js file which use jquery1.11.3.js, it will return this message "accidentally recall invited method or property" and jquery is not working, it still can't normal working when i alter jquery version to jquery1.8.3.js, there undoubtly has some problems,but the original code is no problem,i confirm it at other browsers,such as firefox,chrome etc.
Jquery drop and drag functionality
Hi all, im hoping you can help me out, im new to jquery, im from a php background, i am working on a drop and drag function within admin panel ( its a cms im working on), the basic idea behind this is simple, butn ot sure how to do the jquery progrmaming, i have some div boxes which are draggable, on dropping these div boxes i am looking to insert some different div boxes via a innerHTML function or call a class to insert the div boxs. I have looked around, google it, looked over the jquery + ui
Jquery .click will not work
Can anyone spot my error in trying to get .click to work in the example below? Thanks for help, R THIS Code Works .. <input type="button" name="next" class="controls-input-connect hov" id="next" value="Next" onclick="nextRecord();" />; BUT .. This Equivelent Code DOES NOT WORK <input type="button" name="next" class="controls-input-connect hov" id="next" value="Next"/> <script type="text/javascript" > $("#next").click(nextRecord); OR $("#next").click(nextRecord() );
Uncheck Parent Nodes When a Child Node Is Unchecked
I want to do as follows with the jQuery code below When we select a parent node then all the associated Child node will be selected. When any Child node is Unchecked the associated parent node will be Unchecked automatically. When the Unchecked Child node is checked the associated parent node will be checked back automatically. (function ($) { function Tree() { var $this = this; function treeNodeClick() { $(document).on('click', '.tree li a input[type="checkbox"]',
textbox scrolling problem
in my jquery pages which is used inside application in webview, if there are 4/5 text boxes, the last 2 text boxes, even though visible after full keyboard is displayed, are still scrolled up, where as in native i have full control over what to scroll and when. why is this not so in jqm ? are there any work around ? also i see that using data-position=fixed makes my hader not to scroll, but it becomes invisible for sometime and then becomes visible, is it a known bug ? regards jags
Checking if there is an element by ID from $.get
I am using $.get to get a webpage (not GO to a webpage, just get it ) I want to check if there is an element with the id #ctl00_cphRoblox_rbxGroupFundsPane_GroupFunds on it How to do?
Use .scrolltop() when form is valid?
Hi all! I want to create this jQuery syntax that triggers the .scrolltop() function if a form is valid. If the form is not valid, I don't want anything to happen. So basically when a visitor have the right zipcode for delivery, I want them to be scrolled down to another form. Ok? I don't know the scrolldepth yet, but will figure this out while I have a decent syntax to work with. The ID of the form is #zipcheck-fieldset and the class of the submit-button is .check-zip-code. (I don't know which on
Upload File
Hi, I am using for the first time upload file. My application is regarding jquery mobile phonegap. Suggest me the steps for upload file regarding jquery mobile app only.
Button with link only works once
Hi Folks, i am new to this, and i am helpless. I designed my website for my RGB-LED Control with query mobile. It looks nice and works fine. But my buttons only work once. For example: i push the dim up button, it dims the led up. i push the dim up button again, nothing happens, there will be no ne http request registered by my controller. i push any other button, then the dim up button again, and it works again for one click. It seems so me that a link is only clickable once and then marked as
Changing the back-btn-text on press of a button.
Hi, if I have a back button in the header like this: <div data-role="header" data-add-back-btn="true" data-back-btn-text="Yahoo"> Is it possible to change the back-btn-text on the press of a button? Thanks in advance.
Modal dialog open/close shifts page bkgd
My modal dialogs open/close shift the page bkgd. I was able to counteract this page shift manually setting the margin right then left on close, but it breaks on smaller viewport sizes. But I think that is dirty nonetheless, I am guessing there is either something set incorrectly or just not set?
Tabs Text Area
I've looked in a couple of files but cannot find what I am looking for. I am using the vertical tabs. I am trying to make the text area wider. It is the grey area in the attached image. I tried looking for where the color is the same in the files but that did not help me find the right place. Help is appreciated. Thank you. Mike Here is some of the code: <link rel="stylesheet" href="../jquery-ui.css"> <script src="../jquery.js"></script> <script src="../jquery-ui.js"></script> <style> .ui-tabs-vertical
display 'loading wait..' till the popup div is loaded
dear sir refer http://webvikas.net.in//palavi/landscape.php#nav7 when I Click Zoom Image A pop up is displayed I want Loading wait message to be displayed before pop is displayed and this message should remain till full div is loaded At present the Loading wait is not displayed I am using <script type="text/javascript" src="js/jquery-1.11.3.min.js"></script> and my JQUERY Code <script type="text/javascript"> jQuery(function($){ // local $ is jQuery! $("#closemyDiv").click(function(){
Ajax search system expand - clone by click
Hello, i work on a form, who a user can add details about a customer and choose products wich the customer bought. For this i used an ajax autocomplite script i found on this page : click here The function works nice already. And i get the details and product as email, but i would expand like that: If the user chose a product (by clicking on a product), the table row should be dublicated and the user should add another product. I changed already small things but the main code is on the linked page
can you pass a function to animate()?
hi, can you pass a function to animate()? can you animate this? $('a#test').addClass('selected'); or can you only animate CSS settings (I can't imagine animate() to be so limited...;-) this doesn't work.... $('a#nav').click( function(e) { e.preventDefault(); $('#test').animate(function() { $('#test').addClass('selected'); }, 600); }); neither does this.... $('a#nav').click( function(e) { e.preventDefault(); $('#test').animate(function() { $(this).addClass('selected');
Changing border-color of image
In my css all images are formatted with a border: border: 1 px solid #ffffff; When I click a button, this image appears in a div: $("#"+myPictureID).append($("<img>", {src: myImage})); How can I provide that image with a border: 1 px solid #000000; I don't see where to put the css. Your help would be appreciated, Henk
accessing table with a certain class within a certain div id where div id is in a variable
I want to access a table with a certain class and prepend something to the table. But there are many of these tables each in its own div with a unique id. I can get all the tables like this: $("table.table-class").each(function() { $(this).prepend(...); }); But I only want to prepend to one table that is in a div I have in a variable: $chart [<div id="chart_0" style="width: 95%; height: 450px; position: relative;">…</div> How can use that $chart variable to get at just its table.table-class
Jquery AJAX triggers preflight OPTIONS request only when I include headers
I am trying to send a request to the Web API hosted in another domain. In fiddler when I intercept the calls it makes a OPTIONS request only when I add headers. If I remove the headers option from the ajax call, it sends a GET request but there is no response in either case. Can anyone please explain me why the calls are intercepted differently when I add a header option. $.ajax({ url: request.url, method: 'GET', //dataType: 'json', //data:
Tab Bar
Hi, is it possible to make a tab bar like this (the blue one with "recent", "nearby") with jQT?:
sending asp:dropdownlist value with json.stringify
Guys ı have a asp:DropDownList inside a form.What I want to do is get the selected value of ddl and send this value to webmethod via $.ajax method with using JSON.stringify. And save this value to my database.How can ı do this? related code are below: <asp:TableCell> <%-- <asp:TextBox runat="server" ID="txt4"></asp:TextBox>--%> <asp:DropDownList ID="DropDownList1" runat="server"> <asp:ListItem Value="Men">Men</asp:ListItem> <asp:ListItem Value="Women">Women</asp:ListItem>
JQUERY TO ENABLE/DISABLE FUNCTION ON TEXT BOX VALUE CHANGE BASED ON CHECKBOXLIST.
<asp:CheckBoxList ID="chkIsSubjectToAnyOrder" RepeatDirection="Horizontal" runat="server" Enabled="false"> <asp:ListItem Value="0" Text="am not" title="1.b.I am not subject to any order of any court or administrative agency disbarring, suspending, enjoining, restraining, or otherwise restricting me in the practice of law." style="font-weight: bold; font-style: italic;" onclick="MutExChkList(this);"></asp:ListItem>
black background
I am trying to use JQT just by using this example... <!DOCTYPE html>
<html>
<head>
<title>Books Store</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link type="text/css" rel="stylesheet" media="screen" href="jqtouch.css">
<link type="text/css" rel="stylesheet" media="screen" href="apple.css">
<script type="text/javascript" src="jquery-1.7.js"></script>
<script type="text/javascript" src="jqt.js"></script>
Jquery progress bar
Hi, I am new to Jquery. I have a web page that takes some input from the user and then deletes documents(around 1 lakhs) from the database. Currently when the user clicks on submit,the request goes to the servlet and the servlet calls the java files. However when the user clicks on submit...The pages goes blank(Since the request is now moved to servlet).. What is want is to stay on the current page and open a progress bar showing the status of how many documents has been deleted and disable user
How to check if any cell is empty in a html table ?
Hi All, I have a html table where I am creating rows on Insert button click. row might be have 5-6 columns or so on. Now before save I want to check if any cell is empty if any cell empty, show alert message. Actually should not allow user to save if any cell is empty in html table. Thanks,
Find element child by id
Hey! Have same elements: <div> <div class="elem" mid="123"> <div class="t" vmid=""></div> </div> <div class="elem" mid="234"> <div class="t" vmid=""></div> </div> <div class="elem" mid="345"> <div class="t" vmid="234"></div> </div> <div class="elem" mid="567"> <div class="t" vmid="345"></div> </div> <div class="elem" mid="678"> <div class="t" vmid=""></div> </div> </div> How I can find element child by vmid ? Result like: 345 567 678
jQm ajax pages
Hi, I am doing a hybrid app. So I need to add pages dynamically. But for some reason it does not work. Could you please check and help me fix the problem? Here is the frame of the main page where I want to inject the jQm page. index.html <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" /> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
how can I stremline and consolidate this code?
hi, I have a standard nav show/hide feature in a mobile site... basic code (questions inside code): $('a#menu').click(function(e) { e.preventDefault(); if (!$('#main_nav').is(':visible')) { $('#main_nav').fadeIn(1400); $(this).addClass('active'); $('#wrapper').animate( { opacity:.4 }, 600); } else if ($('#main_nav').is(':visible')) { /* following three lines the same as for $('#wrapper').click() below how do I do this
preview image from crop
hey guys i'm trying to get a preview image after it being cropped using this function...although its not displaying the cropped picture (preview)...i'm getting rather confused with all these co-ordinates etc and to be honest I'm slightly out of my depth here. here is the function and my jsfiddle is here. https://jsfiddle.net/destramic/52mL83pb/ function preview(image, selected) { var offset = image.position(), image_x = offset.left, image_y = offset.top,
Conversion from older version of JQuery to newer not working.
Hi, can anyone help me with the following? I want to implement the following navigation as seen on this jsfiddle: https://jsfiddle.net/a4poster/MGdm2/42/ . However, I want it to run on jquery-1.11.0.js or later, I have tried but I am getting nowhere so any help would be greatly appreciated. Thanks -A4.
Interactive BG and Adobe Muse
Hi there, I need some help to get this interactive BG: http://www.onextrapixel.com/2014/04/09/create-an-interactive-moving-backgroundobject-that-reacts-to-viewers-cursor/ done in Adobe Muse. Could some please just tell me how this one works in Adobe Muse? Cheers
Old JQuery codes in Dreanweaver cs6
Hi Guys. I recently started with Mobile Apps using Dreamweaver which kind of makes things easier but I found out the codes which Dreamweaver is using are all outdated and needed to change Jquery and JS and related css files. Since I replaced them all the icons are gone. What am I doing wrong ? <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>moapp</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="jquery-mobile/jquery.mobile-1.4.5.min.css" rel="stylesheet"
vedio on the web ...
hey guys , i just recently had the requirement of embedding a video on a website and i used the following syntax: <video width="100%" height="auto" loop="" autoplay=""> <source src=""> Your browser does not support the video tag. </video> ofcource you can put the source in the source tag , now i have heard about fitveds.js etc . Just wanted to know , what js had to offer as far as video is concerned, I had seen a similar thread posted a few days ago , but just
Adding a class to dynamic content
Hello, I'm trying to add classes to a dynamically generated bootstrap datepicker. on a static page this code works $(window).load(function() { $( ".day" ).each(function() { $_inner = $(this).text(); $(this).addClass( "day_number" + $_inner + ""); }); }); but on the dynamically generated not. I don't know how to work width on() in that case. any help would be appreciated.
Why is jQuery not adding numbers properly?
Here is my JavaScript code: Is the logic contained in this code correct? I noticed that when the $RoundOneEarnings is increased by the correct amount only after the first question is answered. Afterwards, it increases it by the wrong amount. var $RoundOneEarnings=0; //global variable for Round One earnings. function showClue(e) { var eventTarget=e.target; if (eventTarget.id=='10') { function inputProcessing (e) { var $end_time=e.timeStamp;
How does url() work, and why might it end up pointing to the wrong place for images that are part of a jQuery UI theme?
In jQuery-ui.css, I see the following: .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; } I see what looks like a function call: url(images/ui-bg_glass_75_e6e6e6_1x400.png)
Dialog button focus is misshapen
Using the latest Chrome in Windows 10, any jQuery UI Dialog box close buttons (the default X in the upper right corner) have a screwed up focus shape. See below. This not only happens on my own dialog boxes, but also the preview ones on jQuery UI's site, so I know it's not an issue with the implementation on my site. Does anyone know what may be causing this?
Moving content of one div into another div
Hello all I'm trying to move the the content of one div, into another div. Just not getting it and its now working for me. Here is the code. https://jsfiddle.net/Seanhegs/end1bsqa/ Can anyone shed any light for me?? Thanks Sean
what is a wrapping element ?
I was just reading THIS SECTION in bootstrap and came across the following statement: Only one plugin per element via data attributes Don't use data attributes from multiple plugins on the same element. For example, a button cannot both have a tooltip and toggle a modal. To accomplish this, use a wrapping element. What is a wrapping element , something to do with wrap() and unwrap() or just an element is used as a container for the child element on which you are actually going to init the plugin.
add button
hye every one i want to put a button when i click on that button one row will be added at botton in form can you help me
Next Page