Upload file using FormData and jQuery.ajax.post
when I upload a file using FormData() in IE 8/9 it shows the following error. Please need help.... Webpage error details User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E) Timestamp: Wed, 23 Apr 2014 14:06:30 UTC Message: 'FormData' is undefined Line: 6 Char: 13 Code: 0 MyCode: $('#UploadImage').click(function () { var formData = new FormData();
Upgrading Jquery Application
We have a jQuery application written by a developer about 5 years ago. Naturally, since it is old, it no longer works with the latest browsers. Currently it works with Firefox 3.6.28 The application can be found here https://github.com/arnab8/Compile The application is not standalone but works as a plugin to mediawiki software. I spoke to the developer who had made this application and he said that only the jQuery libraries need to be upgraded and the application should work nicely with the latest
arto8 modulator
arto8 modulator - Lightweight javascript modulator (size: 998 byte) for preparing javascript code in module style architecture. http://arto8.site11.com/ArtoJS/arto8.php
transition-duration", "10s" not work in my jquery
i have a code like this, i made that for change a navigation when > 370 $(window).scroll(function () { if ( $(window).scrollTop() > 370 ) { $("#header").css("background", "#34495e", "transition-duration", "10s"); } else { $("#header").css("background", "white", "transition-duration", "10s"); } }); "transition-duration", "10s" not work in my jquery, but another work well. thanks :) i tried that at chromium and firefox
ajaxStart/ajaxStop issues with non-async requests
Hi, I have a simple plugin (see below) that is used to display a loading spinner when doing ajax stuff. It seems to work fine in Firefox but in IE and Chrome it doesn't work. I use the same plugin in another project and it works fine in Chrome and IE so I'm really stuck with this. According to this thread it is due to the request being not async but I tried it with an async request and it still doesn't work. I'd really appreciate some help with this. Thanks Plugin code: (function($){ $.fn.extend({
Ajax.ActionLink not canceling action with onBegin and jQuery
I have function that is called in "onBegin" ajax option of ajax.actionlink function cancelAction() { $.ajax({ data: { p: "test", z: "value" }, url: '@Url.Action("DoSomething", "TestCtlr")', type: "GET", dataType: "json", success: function (data) { if (data.do == 0) { // do something } else { alert("error message"); } }, } )} return false; } and ajax.actionlink @Ajax.ActionLink("Click here",//link text "Insert", // action name "Projects", // controller new { poz = item.itemID.ToString() }, // route
Map unordered list to dropdown.
I have Unordered list on button. and I have dropdown with same values. I want to map the values. Whatever I select from ul li . it will display in the dropdown. 1. Slected American airline by clickin on button (its unordered list) 2. I want same value (American Airline) in dropdown automatically. Second box is dropdown. How can I do in jquery? <div class="btn-group"> <button id="add_airline_button" class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown"> Add Airline
Trying to change select option text on hover
I have a fiddle http://jsfiddle.net/MbJCy/ I want to change the text size on a hover, but I dont think I have the correct selector ...What am I doing wrong? <select id="ID1"> <option value="One Thousand">1000</option> <option value="Two Thousand">2000</option> <option value="Three Thousand">3000</option> <option value="Four Thousand">4000</option> <option value="Five Thousand">5000</option> </select> $("#ID1 option").hover(function () { $(this).css("font-size", "20px"); }); $("#ID1 option").blur(function
how to make button enabled by using jquery
Hello I have disabled all the buttons at my jsf page by using JQuery.Unfortunately, after that process I realized I need some buttons enabled at my screen. Could you please look at below and help me how to enabled buttons by using jQuery? I tried several jquery functions but did not succeed at all. Any help would be appreciated. Best Regards Alper Kopuz This is my JavaScript that I defined at the beginning of the page : <script> jQuery(document).ready(function() { var kaydetBtnEnabled
Question on a jquery function
I'm trying to run a function that executes a spinner while a PHP script is loading and also refreshes a PHP file that counts the number of rows inserted to show the script's progress. This is what I have so far: <script type="text/javascript" language="javascript"> // start spinner on button click $(document).ajaxSend(function(spinner) { $("#spinner").show(); } ); // refresh progress script and output to #content div function updateProgress(){ $('#content').load('progress.php'); } myTimer
issue with 2.1.0 and ie
details & steps to reproduce: http://forums.asp.net/post/5626631.aspx i'm new here, so sorry if i'm posting in the wrong place. Summary: package id="jQuery" version="2.1.0" targetFramework="net45" /> NuGet 2.1.0 breaks ASP.NET MVC5 applications in vs2013 editions but apparently only for ie. Sorry but i do not know the jQuery community -- i'm reporting this here in the hope that someone (or many someones) can fix this in a timely fashion. FWIW, i realize browser specific issues are substantially
Keep div always in viewport
Hallo I have a Div with a search-form and I want to scroll it till it's on top of the viewport and then keep it there... The HTML-code looks so: <body> <div id="header" style="height: 100px;"><img...></div> <div id="wrapper" style="margin: auto; width: 1000px; position: relative;"> <div id="cont" style="width: 800px;">bla blub foo</div> <div id="suche" style="position: absolute; top: 30px; left: 810px;">...</div> </div> </body>That means when scrolling the div #suche should scroll up max. 100px and
how to get whole JSON data from webservice at once?
I'm trying to get JSON data from my webservice to display it in a data grid editor (developed with jquery) called Handsontable ( http://handsontable.com/ ) Basically my JSON looks like this: [ ["", "2012", "2013", "2014(YTD)"], ["Ferrari", 1460089088.3900001, 1637243070.99, 283566771.55000001], ["Alfa Romeo", 1199141138.1900001, 1224624821.1500001, 192307335.49000001], ] What i want to do is passing the whole json from webservice to initialize the variable called myData in my html file
Jquery syntax Error
Hi, I am getting below jquery error from my website Timestamp: 4/24/2014 5:02:16 PM Error: Error: Syntax error, unrecognized expression: 'POST' Source File: http://citpl.projectsmanagementsystem.com/js/jquery.min.1.7.1.js Line: 3 Can anybody help me to fix this issue, it was not before, it is just giving this error again and again Thanks Madan
ajax jquery return back call can use again php
//ajax jquery return back call $('#content-itemCat-2a').html(output).show(); //return value output which is 700 <div id="#content-itemCat-2a">700</div> Hi expert here i would like to ask question if i can pass this return value output in div which has an id of #content-itemcat2a in php using array? or i need again to manipulate thru jquery thing
Change zoom button (not work!)
Hello friends! Good day! I need your help. This is what I have: http://codepen.io/anon/pen/okGwA I need to change the zoom button: with this effect: My code but does not work: $(".buttonZoom").click(function () { $(this).text(function(i, v){ return v === 'FULLSCREEN' ? 'CLOSE SCREEN' : 'FULLSCREEN' }) });
Any way to Have a Custom Horizontal scroll bar for dataTables
Hi all, I am looking for a better way to manage jquery dataTables without having horizontal scroll bar.I am looking a way to have the first column and the header freezed and on clicking a arrow button, i expect the columns to scroll . Any help and suggestion is highly appreciated.
How to create an array from a url
Im using the split("&") but it quits after the first occurrence.
Maintain state of dynamically created checkbox list during page refresh
Hi There, I need to maintain state of upto 100 checkboxes whether it is checked or not. My page automatically refreshes every 10 seconds, so if the user had selected some checkboxes and is still in the process of selecting more checkboxes, the moment page refreshes(not postback-more like f5-page refresh code is in javascript using setinterval), the checked state vanishes. I am creating the checkboxes dynamically. I have 10 rows and each row has 10 checkboxes and each row represents checkboxes pertaining
Hidden Checkbox Problem
I have grid with hidden rows with checkboxes. on Click on Header row(Select all) All hidden check boxes are checked. i have a img button to expand and collapse the hidden rows. In Expanded mode everything works fine. But in collapsed mode when select all check box is checked the hidden checkboxes checked property is true but on expanding that row it is not checked. any suggestions I tried using .attr and .prop with different version of Jquery.
I clone <Div> and after refresh it disapper and page comes to its real state.
When i click on (address_deatils_dropdown {id of button} ) button it clone the div element but when refresh the page the . It disappear and goes to its original state. (address_inputs {id of div to be clone}) this is my code $(function () { $("#address_details_dropdown").click(function (e) { e.preventDefault(); $('#address_inputs').clone().insertAfter("#address_inputs").find("input[type='text']").val(""); }) }); Thanks
How to use variable in this $.each selector
Hello, Most times I feel so stupid when I post these types of questions, But, how do I use a variable in this $.each selector statement? Ive tried for two days and havent been able to get it ...The variable is the $arr ... var $action = $('form').attr("action"); var $arr = $.trim($action.split(".")[0]); $("#ccsmenu a[href*='+ $arr+ ']").each(function (idx) { Sorry for being such an idiot
Bound click event fires more times than it should and the number of times it fires increases and this slowing down performance of page.
<script src="../jquery-1.8.2.js"> I have bound a click event to all input type password on a parent page like so: iBody.find("input:password").bind("click", function(e) { var target = $(e.target); if (target.is("input:password")) { extendsession(); } }); function extendsession() { var urlThis = "../BPOServicing/BPO_Bottom.htm" clearTimeout(down); $.get(urlThis, timeIt());
Custom dropdown
Hi, I'm Trying to do a custom drop-down using jquery. <select> <option>Please select a name</option> <option value="1">Tom</option> <option value="2">Jerry</option> </select> I don't want 'Please select a name' to be part of drop-down. It should be there as a link and the drop-down icon on the right (aligned with it). when clicked on it, the option list should appear below. When clicked on for eg., Tom it should replace the text 'Please select a name'. I tried it with disabled and other
nth-child in ie7
hi guys, does jquery handle (like polyfills do) selectors that are not supported by specific browsers? for instance should nth-child selector work in IE7 when used as a jquery selector, even thought IE7 does not support the selector?
Should I always use .on?
I came across a tip on a website to always use .on if you are updating the information dynamically or just plain text. I don't know if I always should use .on, but it seems very convenient.
Need to see html for JQuery added elements
I have some JQuery functions that add elements to the html page. When I had the code one way everything was working correctly. I made a couple of tweaks, and now the elements are not loading at all. I went to view source to see what was happening all I could see is the source with which the page originally loaded. I read on this forum that is as designed behavior for IE. But I can't use Chrome because it is not permitted to be installed on our machines. I can't use Firefox because for some
how to make like this image
i have a gallery image, but i want when i move to another image, the hover background will follow the cursor. anyone can give me a link that will help me ? thanks
Load Html file in div using jquery load function
I am trying to load a HTML file from file system in div id using jquery load function. Kindly suggest me : $("#footer").load("C:/home/likewise-open/MAGICSW/sunil.kumar/footer21.html"); div id = footer, Html file path : C:/home/likewise-open/MAGICSW/sunil.kumar/footer21.html
countdown with progressbar
Hi there, I would like to make a countdown with progress bars (one for days, one for hours, one for minutes and one for seconds). I really don't know what to start with. I saw an example on the internet at: http://codecanyon.net/item/count-everest-countdown-responsive-jquery-plugin/full_screen_preview/6466098 That's exactly how I want this. Does anyone can help me ? Thanks a lot
error attr() in jquery
[NEED HELP] i want to delete data from database using javascript. my code : echo "<td><span class='delete'><a href=\"javascript:return(0);\" id=$id >Delete</a></span></td>"; javascript code : var del_id = $("this").attr('id'); $.post('delete2.php?id='+del_id); and i have tried like code below ( to pass the del_id variabel ) $.post('delete2.php?id=3'); it's work fine. what should i do to correct my code here? var del_id = $("this").attr('id'); $.post('delete2.php?id='+del_id); thanks for your
Checkbox - accessing via class selector seems to work once and not again.
Hello Group! I originally thought this was a problem with jQueryUI but decided to try with out the UI and found its more basic. If I create groups of checkboxes and modify them via the class selector, I get some strange results. I have two groups of checkboxes all with unique id's and each group with its own class. I would like each group to reflect its checked value. The demo code below shows what I've done. When you click one "Test check A" (group A), then all of the A group checks will check.
update canonical link tag using jquery
Hi all this is my 1st post here =] I'm developing using wordpress 3.01 and for some reason i need to update the canonical link tag using jquery using jquery here is what i original have: <link rel='canonical' href='http://example.com.sg/jobs/' /> and i need to change it to <link rel='canonical' href='http://example.com.sg/jobs/view/someRandomID' /> my wordpress plugin allow me to fetch the correct URL via <?php wpjb_job_url() ?> So im assuming the code to be something like <script type="text/javascript">
Click on page number of grid view working in ie8 but not in ie9.
Hi I have a gridview with paging enabled. I am handling beforeunload from clientside wherein i am calling a code behind function. When i click on page number the page gets unloaded,which is not desired . So i have aded below piece of code on my page number click to prevent call to code behind function. The problem is the code worked in ie 8, but doesnot work in ie9. -----------------------------------------------------------------------JS/JQ-----------------------------------------------------------------
different problem about jquery
Hello. event.returnValue is deprecated. Please use the standard event.preventDefault() instead. jquery-1.9.0.js:3307 the 3307th line is: this.isDefaultPrevented = ( src.defaultPrevented || src.returnValue === false || Regards.
evaluation of input field on pressing a key or when the cursor is moved out of the input field
Hi , how to evaluate if the input field entered is "hello" when a key is pressed or when the cursor is moved out of the input field..., if the input entered is hello ,the user has to be alerted hello else "wrong entry". <input type="text" id="entry" class="input" placeholder="Enter text here"> thanks.
Can i use data-ajax="true" to external links？
bbb.com/2.html，like this <a href="aaa.com/1.html" data-ajax="true">test 1 </ A> i want use ajax load,but is invalid, how can i do?
horizontal jquery arrows navigation next previous
Hello, I'm trying to implante right and left arrows navigation on my horizontal webpage but the problem nothing happens when I click on arrows. Here's my fiddle in case of : http://jsfiddle.net/jarod51/StZR4/9/ Do you have any idea how to solve it ? My jquery code is : $(document).ready(function() { var $item = $('div.slide'), //Cache your DOM selector visible = 1, //Set the number of items that will be visible index = 0, //Starting index endIndex = ( $item.length / visible ) - 1; $('.flscrolld').click(function(){
Slider not loading on server but it does on localhost
I am using bootstrap template on http://asinnetworks.com but the slider doesn't loads until I inspect element, while trying the same files on localhost everything works fine. I have hosted the website on CentOS 6.5 with cPanel on it. The other thing is slider works fine on another server which is ubuntu 12.04. I think jquery doesn't require additional plugins, so what could be the cause of the script not functioning properly.
Select HTML Row and get cells Values.
Hi, I working on a html table and want to get row wise information of that. please check the attachment. this is my code <?php //if(isset($_POST['submit'])) // { include ("db.php"); $query_for_result=mysql_query("SELECT * FROM pro_production ORDER BY production_id"); $num=mysql_numrows($query_for_result); //echo <<<end //<table align="right" > //<tr> //<td bgcolor="#6f0d00" style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding:3px 5px 3px 5px; color:#FFFFFF;" >Total
Next Page