Not returning nan for two vars
I've stopped my boxes displaying nan for the top two boxes when letters are entered into them. I when enter in letters into the third box and then a number into box 1. or 2. I get nan. Its probably really easy but I can't work it out? 1.<input type="text" id="first"/> 2.<input type="text" id="second" /> 3.<input type="text" id="third" value="10"/> $(document).ready(function(){ var num = 5; $('#first').keyup(function(){ var firstValue = parseFloat($('#first').val()); var thirdValue = parseFloat($('#third').val());
JQuery Tab Control Starting Issue in MVC Project
Hi, I am pretty new to JQuery and MVC. I just want to use a tab control in my MVC project using JQuery. I tried to use that example in the official site of JQuery. Just copied and pasted the content into my Index.cshtml page. But the tab control is not working. Any suggestions are welcome. Thanks, Sudeep
cache:false ajax jquery...?
Hi Frnds, In my project i make Ajax call to get result form my service, i put cache: false in my ajax call the result is not cachen in browser, My question is, 1) First the result is cache in browser(Client) or Server. 2) The proxy server there in between server and client system in that case what happen is the result is cached in proxy server or not, when the same request came from the client it take the result from the proxy server Instead of server.? 3) Is the proxy server cache the result....?
How to display photos in timeline using jquery and css ?
Hi all, I have to display photos as date wise in html page. Like below -------------------------------------------------------------------------------------------------- | | | 2014 | | | August photos ----------| | | --------- July photos | |
Problem with iPhone 6 and Fullscreen mode
I try jquery mobile 1.43 and 1.44 together with iOS 8 and iPhone 6. My Application works without problems in normal Safari browser mode. But if i set an home screen icon and then start the Web Application i got a problem in the fullscreen mode with svg icons. It fills icons on the whole page in background and and also in buttons on the header. Here a screenshot:
error "Object required" on official jquery 1.11.1.js file
I have copied jquery file from: http://jquery.com/download/ http://code.jquery.com/jquery-1.11.1.js I am not able to use, because i am getting the error "Object required" on line 4202. If you check your line number maybe different, because i had to concatenate approx 15 lines because of the error "Unterminated string constant". If you check http://code.jquery.com/jquery-1.11.1.js for code // Make sure textarea (and checkbox) defaultValue is properly cloned // Support: IE6-IE11+ div.innerHTML = "x";
Using node js & jQuery to get DOM object
Hi guys, I'm trying to monitor the contests offered by Draftkings to keep people up to date on their latest offerings on my fantasy football site. To do that, I need to capture data from the DraftKings.com/contest-lobby site. Specifically, in the DOM, their is (what I believe to be) a javascript variable or object named "packagedContests". I believe it is an array of hashes. In other words, you have the primary variable name packagedContests, then you have a child object numbered 0-2000, and each
Jquery click function after change class not working
I think my question is really simple but I don't know why my jquery is not working. By pressing the button navIcon my navigation is animated 70px from top. Also the second classname of the button navIcon (navIconInactive) is changed to navIconactive. That works fine. But now I want to undo it as you can see in my code. I have no idea what is wrong with my code. Thanks for your help! Here is my code at jsfiddle: Code
Why does this jQuery varibale read as undefined within a each loop?
This should be really simple and i do feel daft for asking this BUT for some reason the following code alerts as undefined. Why? myCount = 1; jQuery("div").each(function() { alert(myCount); });
Sending values to a URL
In my prevous posts I was working on a chained select boxes with three options. I have that working. I have a small form that gives option for category, watts and lamp. I know the purpose of Ajax is so you don't have to refresh the URL. Is it possible now I have the variables, I can pass them to another URL? $('#select_form').submit(function(){ location.href = '<?php echo get_bloginfo('url')?>/search-results'; });
How to add javascript for plugin on the page
Hi, I am using a plugin called slidedeck on my wordpress page. The slidedeck is just a slider which moves slides horizontally as well as vertically on click event. I am using the same slider on multiple pages and want the slider to navigate to different slides on different pages. I have got the code that works to go to any slide using a button. However, I want it to be on page load instead of button. Working code: <a onclick="jQuery('.slidedeck').slidedeck().prev(); return false;" href="#">Click
change attr value if value =
I want to change all fill values into svg when clicking a button, but only if a color == #18B0FE , if color != #18B0FE I do nothing I am trying $(".map-close").click(function() { $('path').attr('fill').each(function() { if($(this).is('#18B0FE')){ $('path').attr('fill', '#01283F'); } }); }); but it doesn't work thanks for your help
Hiding and showing paragraphs for each image
Hi - I'm trying to have a samll caption for a series of pictures in a gallery where the caption is initially hidden for all pictures. When a user clicks on a picture the caption shows and if they click on the picture again it closes. Also if a user clicks on any other picture the caption for a previous picture would close and the caption for the new picture would show. Have tried this and it isn't working: Any help really appreciated! <!doctype html> <html> <head> <meta charset="utf-8"> <title>Trial</title>
jquery popup window when changing a value in dropdown list box
i need a code for, when i select a value addcurrency in dropdown list box, then one poup window should come to add currency.here i tried my jquery script but not working. <script src="scripts/jquery.min.js"></script> <script src="scripts/jquery.dialog.min.js"></script> <script> function currency_fun(ch) { if(ch=='add_cur') { //window.location.replace("addcurrency.php"); $(function(){ $("#t").onclick(function(){ $.dialog({ mask:false, height:'auto', title:'Add Bank Account', html:"<form id='fm'
How to add a AJAX Language Dropdown that reloads the current page?
I'm trying to write a language dropdown select into my header of my JQM apps. The language is handled by the server side coding (PHP/SQL); data, stored, etc. The server side part works perfectly, but I can not figure out how to handle the ajax events and the existing bindings on the current page. I'm seeing multiple events firing off after I select the language more than once. I think it's due to the use of the "pagecreate" which I use when loading the page. Here's the index pages 'pagecreate' (trimmed
Upgrade to v1.4.*: Proper use of pagecontainer's change method.
Quick Upgrade Question: Is this the proper change to pagecontainer's change method from $.mobile.navigate()? Old: $.mobile.navigate(self.settings.base_url + response.controller + '/' + response.method); New $(":mobile-pagecontainer").pagecontainer('change', self.settings.base_url + response.controller + '/' + response.method, {allowSamePageTransition: true, showLoadMsg: true, reload: true} );
Changing a dropdown list value makes the value blank
Hi, I'm trying to change a dropdown value depending on a radio button that has been selected. My code didn't work so I brought it back to the absolut basics, which look like this: $(document).ready(function(){ jQuery('#attribute92').val("W"); });My DD looks like this: <select name="super_attribute[92]" id="attribute92" class="required-entry super-attribute-select"> <option value="">D</option><option value="3" price="0">W</option><option value="10" price="0">VW</option></select>It
append image with variable assigned ID(called using ajax)
Solution ------------------------------------------------ dsvick Re: append image with variable assigned ID(called using ajax) 37 minutes ago I assume "album1" is a div or something that holds all the images? This code here $(this).children().attr("id") is getting all of the children of the element that was clicked, then you are asking for the id, it will always return the id of the first child. If that doesn't help you may want to post the actual markup that you're dealing with. Dave ----------------------------------------------
using .live() to select text in a textarea
I am trying to do something really simple, using .live() and I get $(...).live is not a function. What am I doing wrong? $('textarea').live('mouseup', function() { $(this).select(); });
jQuery Multi Select not load option values with ajax
Hi, Values sent by php are not loaded properly in the plugin. Can anyone help me? HTML <div id="controlSoft" class="controls"> <select multiple="multiple" id="my_multi_select1" name="my_multi_select1[]"> <option value="dads"> </option> <option id="softHint"/> </select> </div> PHP <?php $q = intval($_GET['q']); $con = mysqli_connect("127.0.0.1", "root", ""); if (!$con) { die('Could not connect: ' . mysqli_error($con)); } mysqli_select_db($con,"pcd"); $querySoftware="SELECT * FROM software WHERE
neither .post() nor ajax() will work with this code
If I use .click(function .post will access the url. If I use .change(function .post will not work. ajax will not work in either case I am baffled. Can someone explain please. <div id="forms"> <fieldset> <form name="myName" id="myName" > <p>To Search for a Name: Type Partial Name Then Enter: <br> To Display all Names: Type All Then Enter:<br></p> <p> <label for='partName'>Enter Name</label> <input type="text"
Listview widget - Collapsible dividers
JQM 1.4.4 How can I make the dividers on a listview widget collapsible? I see lots of hacks like http://jqmtricks.wordpress.com/2014/05/02/make-listview-dividers-collapsible/ Is that the best way? Is there a more "out of the box" way to do this with markup and JQM features? Thanks
Responsive listview grid - Disable Ajax
I use the responsive grid widget in my app and as I navigate the pages, many times I find that the page displays in a narrow form-factor in spite of being on an iPad. Tapping the Refresh button on the Safari URL bar fixes the issue (changes listview to tiles). I am thinking the media queries that implement the responsive views are getting confused as various pages are getting loaded/unloaded from the DOM. Is there a way to globally disable AJAX so that pages are loaded like on a desktop browser and
viewport size from JQuery
I tried several things using JQuery to get the usable window size, mostly of the $(window).width() and $(window).height() variety, and never found something work in all browsers. Using older JQuery 1.11.1. I finally found a snippet on stackoverflow for a routine they called getViewPortSize() that seemed to work nicely in IE, Chrome, Firefox, and iPad/Safari. It really seemed like something pretty basic JQuery would do. But the $(window).height() kept coming up way small in Firefox 32.0.2. Recommendations?
See if input and span is the same
Hi, I have following html: <span id="results">xxxx</span> <input id="input_here" type="text"name="UserInput"></input> If #results has the same value as input_here I would like to alert a message. If there would be two inputs there wouldnt be any problem. But if results have for example the value 5 and I put in 5 into input_here I want an alert. I have tried to do different if else but can't get it to work. if(parseInt($("#input_here").val()) == $(parseInt("#results").html()) { { $("#used").html("number
Is there a similar plugin but free for interactive maps?
Here is the link, http://codecanyon.net/item/mapplic-custom-interactive-map-jquery-plugin/full_screen_preview/6275001?ref=jqueryrain It is a premium plugin. Any one know of something similar but free? I need the same features - SVG generated map of a country + states(separately clickable) Click state to zoom in... Please let me know.
Drag and Drop weird bug
When I drop an li element from one list to the bottom of another list, the highlight animation doesn't trigger. Only when I drop it to the bottom. However, after the initial drop if I move it after its been dropped slightly, it will trigger the drop effect. What on earth is going on? thanks!
Update a form input value after ajax call
I have an input field on a for that has an initial value set as follows <input id="ZTotalDate" name="ZTotalDate" type="date" class="form-control" value="2014-09-22"> I want to change this value after a ajax call on the change of another field e.g. $('#BU').change(function(){ $('# ZTotalDate ').load('Fetchmaxdate.asp?buid=' + $('#BU').val()); }); but this fails to change anything. I tried $.get('Fetchmaxdate.asp?buid=' + $('#BU').val(), function(data){ $('#ZTotalDate').val(data); }); but for some
removeAttr ('disabled') is not working
$('#imgbtnNew').click(function () $('#imgbtnsave').removeAttr ('disabled'); return false; ) Is not working. Thnks
Validate required dropdown/select inconsistent behavior with input via keyboard vs. mouse
Trying to unobtrusively validate a required dropdown/select. Everything works fine when form is submitted. While user is editing, however, input is validated inconsistently depending on how they do it. Can demo this using the standard jquery demo page (search for "Please select a fruit"): 1) Use your mouse to select a fruit from the list. 2) Tab out of field. Valid value reported. 3) Use your mouse to select the first, default, "Select..." item. Valid value still reported. This is incorrect--the
Validate Email For A Specific Domain
I am trying to get this to work without any success https://forum.jquery.com/topic/validating-multiple-domain-email-addresses-which-a-form If anyone has a working example, I would greatly appreciate any assistance. I can not even begin to describe how many hours I have put into this without success. Any help is appreciated... <script src="http://code.jquery.com/jquery-1.8.3.min.js" type="text/javascript"></script> <script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.10.0/jquery.validate.js"
Select only text visible on webpage, from DOM parent element
Inside a content script of my work-in-progress Firefox add-on, I have a variable named `element ` containing the reference toward a generic DOM element. This element may contain children or grandchildren, which in turn may contain text nodes visible on the rendered webpage. My goal is to extract all the visible text contained in this DOM `element `. Internet Explorer has the innerText method, which does exactly what I need but, unfortunately, that is not a standard method and does not work/exist
what is @Html.ValidationMessageFor and how can i use it.
Hi Could you please let me know the steps involved i using @Html.ValidationMessageFor and does it do validation on client side or server side. Does it mean it will show the annotation messages we write to the model properties. Please explain each step involved in implementing it. Thank you, Best regards, Joseph.
Problem parsing AJAX response as valid JSON
I'm having a terrible problem try to track down the cause of/solution to this problem. I'm also unable to copy the data here as it's on a different network/system. Thus, any help would be much appreciated even though I understand it might be difficult. Here's the issue: I have a simple sever set up to send me JSON data. Using firefox I can enter the url and get back the JSON result. I can copy/paste that result into Java and parse it into a JSON object no fuss/no muss. Thus I am confident the JSON
Just dont get it
I have the following jquery contact form on my site. As soon as I fill in the form and press submit the form disappears and I get thrown back to my home page. I suspect it is the <div> at the beginning of the code that is throwing me back out. Anyway, the mail never gets delivered. <div class='mainbody'> <?php //If the form is submitted if(isset($_POST['submit'])) { //Check to make sure that the name field is not empty if(trim($_POST['contactname']) == '') { $hasError = true; } else { $name
using jquery to select 3 items from a list?
so I have this list in django <div class="box"> {% for b in list %} <div class="id">{{ b.id }}</div> <div class="image">{{ b.image.url }}</div> <div class="name">{{ b.name }}</div> {% endfor %} </div> // for display of selected items <div class="listbox"> <form action="." method="" class="c"> <div class="item one"> <div class="imgholder"></div> <div class="name"></div> <input id="one" name="one" value"" type="hidden">
AjaxForm beforeSubmit with ajax calls and Alertify plugin
I'm developing a quite complex validation system, where there have to be two ajax calls to validate uniqness and repeatness of some data. To be clear I require presence book, owner and number fileds but except of presence the combination of these files should be unique (this is when a function should return false) and if the cmbination of book and owner is present in db a confirm dialog should be show to make that this combinations can be doubled. Now when the $.get call are complete the functions
Filtering a table on number values
I have the following code I am using to filter some table data... $(".filter").keyup(function() { $("tr:hidden").show(); $("td.gradeName:not(:contains( '" + $("#filter_grade").val() + "'))").parent().hide(); var solidMin = $("#filter_solids").val() - $("#filter_solids_pm").val(); var solidMax = $("#filter_solids").val() + $("#filter_solids_pm").val(); $("td.solids:not(:contains('" + $("#filter_solids").val() + "'))").parent().hide(); }); There are text fields with the IDs filter_grade, filter_solids
Uncaught Error : Function not defined
I am trying to embed scrollbox in my webpage http://svanubhuti.in/core/itad/corbod1.php with include method. . When i load that webpage, each jquery library gets loaded but scrolling effect is not working. When i check it in console, it shows Uncaught error : function not defined Please help. I'm really confused. Source code of embedded file is as follows.. <link href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet"> <link href="demo.css"
jQuery return link
I have following GetLink function to return a url to button click which browser go to the link return. I wanted to add jQuery to validate and prompt user to choose to continue or not. Once I added jQuery then it does not go to link, it seems that GetLink function does not return right link to jQuery. The confirm message shows when it validates the result. I think I am missing something here to get link from javascript to jQuery. Your help and information is great appreciated, Regards, iccsi function
Next Page