What's the proper way to deal with AJAX error because of page reload?
Sometimes, when using jquery.ajax(), the AJAX error callback will be triggered if the user reloads the page and the AJAX request is aborted. Is there something I can check in the jqXHR object that is guaranteed to be that way only when the AJAX error callback has been triggered for this reason? Otherwise I have an error popping up on the page just before it reloads, which looks a bit ugly.
how to remove item in selected list for kendo ui upload
i want to remove an item in "ken-do" upload when file not image format, any any expert advise me? $.each(e.files, function () { //if not image{ alert(this.name + ' is not image. Upload fail.'); //} //remove this item. ???? });
jquery slider stopped working
My slider I had been using with Thesis theme in Wordpress suddenly stopped working on all my sites that use it. Basically the images are there but not cycling through. They are just stacked on top of each other. Here's the site... http://www.bluesguitarinsider.com I'm not a js expert so I'm clueless. The code looks like this... <?php }} add_action('thesis_hook_after_header','slideshow'); function slide_script() { echo "\n\n"; ?> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
run jquery function with each php iteration
Hi, I'm loading multiple items from a database using php. Each item has a 'category' attribute. I'm trying to run a jquery function, which loads a php script, for each iteration of an item. The script fetches all category options from the databse and populates a <select> object. The reason for this roundabout method is that there is an option at the top of the page to add a new category. If a new category is added, I want to reload the above function for every item, so the new category is added to
dynamic carousel, jump to specific slide
Hello, I'm using the carousel from https://github.com/Wilto/Dynamic-Carousel I'm using the 2nd example, which generates an icon to jump to different slides. Each of this icons has a link like demo.html#carousel-2-0-slide0 demo.html#carousel-2-0-slide1 demo.html#carousel-2-0-slide2 demo.html#carousel-2-0-slide3 I'm trying to add a menu item, outside the carousel to trigger the event but nothing happens Like $(".menutrigger").click(function() { $('a[href^="carousel-1-0-slide2"]').trigger('click');
Loading a function backwards?
(I have bad terminology, so please bare with me atm) Is there a way to load a function, and have it initate each action in reverse. For example, load this but have the animations start from the last and work to the front? (newBox3 first. Excuse the click method) $(document).ready(function(){ $("#newBox2").click(function(){ $("#newBox2").css('z-index', 12).delay(1000).animate({top:'220px'}); $("#newBox").animate({left:'280px'}).fadeOut(6000); $("#newBox3").animate({left:'280px'}).fadeOut(6000);
Scrolling when resizing window
Hey everyone, I've implemented a scrolling function: var watTopPosition = jQuery(".artwat").offset().top + headerHeight ; $("html, body").animate({ scrollTop: watTopPosition }, 'slow'); My code get's called using: $(document).ready(function () { This works fine but when you resize the window the values aren't good anymore. And it scrolls to wrong positions. Does anyone now how to fix this? How can you "reset" the values when you resize? Tx, Borrie
html page working fine in jsfiddle but not in local file
Hi to all, I have html page and i use jquery,javascript and css codes. For testing,i run it in jsfiddle and its working perfectly but when i used it my application then its not working. I do not find any error in the console too. Here is the link to jsfiddle http://jsfiddle.net/YPBts/2/ and here is my code <!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <title>jQuery UI Autocomplete - Multiple values</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
not sure where the bug is: blur event when leaving window causes unexpected behavior
I'm trying some in-place editing thing. Replacing table cell contents with an input element works ok. Changing it back also, as long as focus stays within the browser window, that is. But when the blur event results from leaving the browser window, things may go wrong. Check out the link below. It looks like jQuery retrieves a bad value. Working example: http://timeofday.nl/issues/bugMaybe.html Steps to reproduce the error are described there. This only fails in Chrome. FF, IE look OK. My Chrome
Problem with animation effect
Hello beautiful people. I have problem with animation effect. View: http://jsfiddle.net/pHnWz/6/ objective: When the mouse cursor over the button opens the div and occur 2 options: 1 - If I'm inside the div and then the mouse leaves the div closes 2 - If I'm not inside the div and the mouse leaves the div closes Code: $("#button").hover(function(){ $(this).addClass("active"); $('#content').slideDown();} ,function(event){ if($('#content').is(":hover")) { $('#content').slideDown(); event.stopPropagation();
How to get the value of checkbox?
How to get the checkbox is checked or unchecked in alert? I selecting checkbox alert shows ::::selected::::::+Checked In above output line Checked is the value of checkbox is checked or unchecked My code: <span>Show checkbox <input type="checkbox" name = "actChk" class = "actChk" style="margin-left: 10px;"></span> <input type = "button" id = "submits">submit</button> $('#submits').click(function(){ alert($('input:checkbox[name=activitiesChkbox]').val()) });
Slide div from right to left
Here's what I've got so far: http://jsfiddle.net/phantasmix/nAaMV/ 1) The top button works on click just fine. How can I make the bottom button work the same way? Both will be shown on the same page. 2) Another issue is that the blue background is visible on the right. Is there any way to hide the blue background until it shows up to the left of the button? CSS: #button-top { width: 100px; position: absolute; left: 75%; top: 40px; padding-left: 100px; overflow: hidden;} #button-top:hover, #button-bottom:hover
recognize change of input elements from outside of the ajax call
Hi Guys, i am relatively new in coding with jquery, but little more than beginner skills in php ;) In short .. user upload file (spreadsheet) all worksheets are extracted and turned back as input:radio if user selects a worksheet all avaiable columns are turned back as input:checkbox if user selects a specific count of columns he will be asked if the first row contains the table headers if not, the user is promtpted to specify the headers in input:text for each chosen column if its all fine, the
Why does the button still display after having been hidden?
jsfiddle here: http://jsfiddle.net/clayshannon/GRVWj/ HTML <label>Howdy, pard!</label> <label id="lblLoading">loading...</label> <br/> <button id="btnHideLoading">Hide loading</button> <button id="btnShowLoading">Show loading</button> CSS .hide { visibility: hidden; } .show { visibility: visible; } jQuery $('#btnShowLoading').addClass('hide'); $('#btnHideLoading').click(function () { $('#lblLoading').addClass('hide');
GetElementById
I am working on adding banners in a CMS that I do not have access to edit the HTML or Template. However, I have the ability to add code in to a module but the banner will appear in that module. I have been using the script below (that was written by someone else in my company that is no longer here). The website I am placing this on does not have Id's rather it utilizes class. So I am giving the banner code an id of "Banner" and I need the code below to place it before a class name. Class <div
Can't figure out this problem
Hi there, I'm not that great with jQuery, but i've made a script and the goal of the script is to reset certain form elements to their intial state, which is triggerd by a radiogroup or checkboxgroup within the same form. The script i have so far is: http://jsfiddle.net/hv6zP/ The script works and resets the form elements, within the array, to their initial state, but when you click on the second "test" button for a second or third time, all of the form elements get hidden. I don't want that to
$.ajax post not working on IE returning error status 0, but working on FF and Chrome
$.ajax({ type: "POST", asynch: true, cache: false, url: postURL, data: formData, success: (SaveClickedSuccess), error: (function (xhr, status, errorThrown) { alert("Error '" + xhr.status + "' (textStatus: '" + status + "', errorThrown: '" + errorThrown + "')"); }), done: (function (result) { $("#saveCmd").removeAttr('disabled'); }) })
A potential disadvantage on using JSON for transfering large data from server to client
Consider the following set of data in JSON format that is going to be transmitted from the server to the clients browser. records: [ { studid: 0, fname: 'christian', lname: 'bosch', num: '12345678' }, { studid: 1, fname: 'christian1', lname: 'bosch1', num: '123456781' }, { studid: 2, fname: 'christian2', lname: 'bosch2', num: '123456782' } ] the example above is simple and structured in JSON format..very readable and maintainable. However, when the record count reaches 1000, imagine
Looking for a facebook like menu.
I don't know whether it is mostly css or that it can be achieved with jquery or a combination of both. I am looking for a menu like this facebook menu -> http://0.tqn.com/d/personalweb/1/5/p/P/PrivacyMenuAccess.jpg I have a linkbutton on my topbar as well and I would like it to open a menu like the image I have linked in. I can cut through FB and figure out the technique, but that would take up too long. I was wondering if anyone has an idea of how to achieve that functionality or can link me to
Help with .next() method
Hi fellas!!!! I'd like to ask you a question. I'm needing to input dynamically some information inside of one specific div that have a class called: vagasAtividade. if I make something like this, $(this).parent().next().next().next().load("inc/calculaVagasRestantes.php", {atv: $(this).val()}); it works perfectly but I think it's wrong do something like that. I thought if I made like this: $(this).parent().next(".vagasAtividade").load("inc/calculaVagasRestantes.php", {atv: $(this).val()}); it will
Back button and $.mobile.changePage result in blank screen. Im using jquery.mobile-1.3.1
Back button and $.mobile.changePage result in blank screen. Im using jquery.mobile-1.3.1
Reverse animation
how to make reverse animation e.g $(function() { $("#me").mousehover( function(){ $("#me").animate({ path : new $.path.arc({ center : [300,300], radius : 100, start :10, end : -200 * 1,
how to show a loading image while using jquery autocomplete?
Hi, I wanted to show a loading image while using jquery autocomplete. I am using the default jquery autocomplete and the link to this is http://jsfiddle.net/YPBts/2/ and i wanted to show a loading image like this test Can any body tell me where to make changes. I have a image loading.gif in the same folder with this file
effect does not work after clone
i have a div that have some effect inside and the animation work perfectly but when i clone it the effect not work any more? here is the code: $(document).ready(function () { $('button').bind('click', function () { var parents = $(this).parents('.display'); parents.clone(true).appendTo('body'); }); $('image')..fadeIn("slow"); }); <html> <div style="display:block; position:relative;" class="display"> <div>
.get function skips callback even before receiving the reply from server side function
Hi, I debug my .get function in firebug. .get function simply skips callback function to the end of the .get function. Even it doesn't wait the response of server side (I used a breakpoint on the server side function). Could you answer what can be the reason of it? Thanks. p.s. Once it worked greatly, but then this problem occured. So, there are two different behaviour.
jQuery - Animate to Anchor (most of the code is already in place)
I'm relatively new to jQuery and am hoping to get some help with a minor modification... On http://bluescape.com/new2/ I have a neat effect where if you click one of the submenu names ("connect", "create" "execute" or "accelerate") the page slides down to that anchor point. This effect seems to be working perfectly. The issue is that I want to add the same effect to the "Start the Tour" button right below the navigation (i.e., I want the page to slide down to the "connect" section when someone clicks
How to add images for arrows in jscrollpane
Is it possible to add arrow images in jscrollpane using css i want to add arrows shown in below link: http://jscrollpane.kelvinluck.com/themes/lozenge/ But i made changes in CSS still image is not coming .jspArrow { /*background: #787878 ; */ background-color: Lime; text-indent: -20000px; display: block; cursor: pointer; background-image: url('../Images/arrow-up.png'); background-repeat: no-repeat; } .jspArrow.jspDisabled { cursor: default; background: #787878; background-image:url('../Images/arrow-up.png')
Add class, speed setup
Hi, if i use addClass from jquery, can i setup speed for this effects, i have on any pages seen, if i do a hover, then the color will be slow changed, how can i do this with jquery?
how to align the colorbox iframe in the center of the page
As the window size change colorbox is not in the center. Is it possible to make it alwz show in the center of the page. http://bestpest.agora-me.com/Services1.aspx
Want to emulate bootstrap <a href='#someid'>
Hey gusy i want to manipulate bootsrap work which look like this <a href='#divcontent' data-block="yes">Show div1</a> <div id='#divcontent' style="display:none">This is a content</div> when if we click on Show div i divcontent will show below my jquery code $('a[data-block=yes]').each( function(){ var x= " $( '" + $(this).attr('id')+" ') " x.show } ) when i try error is found . Object $('#divcontent') has no method show . why this happen . i have joined #id with $ Any replay is very appreciated
Newbie Question
I am trying to animate an image by clicking a button and then clicking the button again to reverse the animation of the image. I am really new to this and could really welcome your help.
jquery value geting
sooryy for my english.. hello to every one , im new t jquerry , ihave 2 forms in same php page , the problem is , i wants to pass two hidden field valeus from one form with jquery on click function , and get those values in 2nd form on the same page.... how i can get those vales on the 2nd form , and how to show those on the 2nd formm (if some one have the demos , it will be so goood for me..) any help is appreciated... thanks
width change problem of html element during JQuery append in Django template
Below you will find the HTML code. If you try to load it into the browser directly, both alerts (before placement onto "body" and after) will give you width=498px as expected. However, if you set it up as Django template and run with Django development server, the second alert (after placement onto "body") will give you a slightly different number depending on the browser: Firefox gives 497.76666px, IE gives 498.1px. I have not checked other browsers. It is important to note, that it is that combination
Radio box value in input textbox
Hi; I have three buttons, i want the content of any clicked button to be shown in the text input as value. Here is a working example here but i don't figure to reproduce it in this case especially with div. I am using jQuery 1.9. Thank you. The three buttons : <div id="myradiobutton" class="btn-group" data-toggle="buttons-radio"> <button type="button" class="btn btn-primary">Left</button> <button type="button" class="btn btn-primary">Middle</button> <button type="button" class="btn btn-primary">Right</button>
form submit() function works for Mozilla but not IE?
My intent: override form's submit so I can make google search my choice of sites. Problem: While this works fine in Mozilla, is doesn't work in IE (it's as if the 'action' I formed isn't even passed to the browser??) Any ideas what will get this to work for IE? (I see that IE has a history of issues regarding form submit()... , and I have read advice that includes ensuring there is NO <input> named submit, etc.) <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
all except next sibling......
how do I say all except following element? $(this).siblings( $('ul') ).slideUp(); don't see syntax to use .not() and :not() in conjunction with sibling(), parent(), etc. thank you.....
jquery how to update drop down menu list based on previous drop down menu selection
Hello lovely members, This is my first time I tried a new post and hope this would help :) I am developing a form , one of things that required is when the user selects his country : <select style="width:221px;" id="country" name="country" class="country" > <option value="0">Select your Country</option> <option value="KWT">Kuwait</option> <option value="UAE">UAE</option> <option value="KSA">KSA</option> <option value="JOR">Jordan</option> <option
Login from different browsers should not allow
if the same user logs in different machine OR different browsers in the same, system should not allow.
Unwanted symbol are getting displayed along with (X) close button in dialog box header.
I am getting unwanted symbol along (X)close button in jquery dialog box header only in smartphone(In desktop and tablets it work's fine). I am using the following code to create a dialog box. How do i remove the unwanted symbol from the dialog box header. $("#addmeetingdialog").dialog({ autoOpen: false, position: ['center'], modal: true, width: 'auto', height: 'auto', buttons: { 'Save' : function() { $("#iframemeeting")[0].contentWindow.currentmeeting(); $(this).dialog('close');
hai friends...
am new to jquery am having problem like when am doing dynamaic for ordering some products,that table has fields like quantity,price,tax, total for each row,that row are ganarating dymamically means product id changed when loop run, in this stiuavation how can i write a jquery for calculation the total...
Next Page