AJAX call always end with error 200 OK
Greetings everyone, I'm using JQuery along with ASP.Net and Sharepoint 2010. Im trying to call a method on the server from client-side with JQuery. I used this http://dotnetslackers.com/articles/ajax/Using-jQuery-with-ASP-NET.aspx#calling-an-asp-net-page-method for testing. But it seems my method in the back is never called. Also, everytime the AJAX call runs, I got an "error" 200 OK. It never runs in success. Here my code: $(".input").change(function (event) { $.ajax({
IE Internet Explorer can't bind events to absolute positioned elements
Hey folks, here comes a simple one. Internet Explorer can't bind events to absolute positioned elements ? I can't bind a "click" to an element that is overlapping another. Have tried loads of different ways, here are 5 of them: version 1: $(".classHolder").click(function(){ alert( $(this).html() ); }); version 2: $(".classHolder").each(function(){ $(this).click(function(){ alert( $(this).html() ); }); }); version 3: $("#id3").click(function(){ alert( $(this).html() ); }); version 4: $("#id3").click(function(){
Stop select tag focus if it has a value
I have a bunch of <input type="text">, <textarea> and <select> tags which if they have a value already I can stop them being edited. However, how do I stop changes to radio buttons and checkboxes? It's almost as if I need to say I have finished initially setting them, so if I try to get focus I can stop it. Not sure how to do this going from one radio button/checkbox to another the focus will be lost and re-gained, whcih is value until I have finished with them. Any ideas? Here is my code ...
problem wirth load() and IE7
Hello, I have some strange problem with load() in IE7 only. What I'm trying to do is to use load() to get part of php page and load that content into table cell DIV tag, everything works just fine in FF but in IE content is loaded below earlier content. Some code will explain better: inside if HTML template I have: <span id="main_content"> <div class="onepage" id="main_div"> <div style="text-align: right; clear: both; margin-right: 30px;"> <a href="javascript:void(0);" style="color:#000000;font-weight:bold;width:auto";
slider plugin
Hi all one of my client needs to get implemented the same plugin http://wp-superslider.com/2009/howto-custom-link-with-the-superslider-login-plugin/ that already implemented in Wordpress If any one knows about any plugins that resembles to the same in jquery then please share Regards Anees
jquery with json
I want to set up a searchable online library list. I am a rookie but think the best way to do this might be to upload the list in json format and then call the list to the site using jquery/ajax. Can anyone suggest a tutorial on how to do this? Mike
Re-Post - Two Simultaneous Animate()s
Hi All I don't know if my first post got lost in the ether or whether it is such a dumb question that nobody bothered to answer! I have just started with JQuery so this maybe a basic question, so here goes......How can I get 2 or more animate() transitions to end at the same time? I have coded an image to increase in dimensions along a path at a speed of 2000; I would like to increase another image's opacity with a speed of 200 but to have both transitions end simultaneously but I cannot see how
Problem with selectors IE7 and firefox 3.0
Hello world ! Sorry but i'm french and my english is not verry good, so i'll try to be as clear as possible ! So, this is my problem : My page contains a mosaic named #browseProductContainer This mosaic contains 16 divisions #product One #product contains 2 divisions: #visu and #text So we have #browseProductContainer > #product > #text or #visu First, #text must be hidden. When the cursor is over his parent #product, it slideDown. When cursor is out, it slideUp. It works perfectly for all #product,
Function works in IE 6 but not in firefox or IE 7&8
Hi I am not really sure where to start with this as my function works perfect in IE 6. However when I select one of my categories and hit submit in Firefox or IE7 or 8 nothing happens. No error message. Just nothing. How can I get this working for firefox and IE7/8? [CODE] <script language="JavaScript"> var categories=[]; var categorieslist=[]; var thecategories=[]; var ItemDetails=[]; var selDate=[]; var content=[]; var imagePaths=[]; var art=[]; var aTheDates=[]; var aTheYear=[]; var catDM=" ";
Calling a Javascript function when a div has dynamically changed
Hi, I have a page, which uses the code below to load in HTML from an external file upon a URL being clicked (I have included unique onclick="" code for each URL in the index.html as desired). The dynamic loading works fine... I have tried including my code from the proposed event handler, just after the load as below, but that does not work. At the moment, I am calling the event handler code as a function at the very bottom of the secondary page(s) so that after it has loaded, it then 'refreshes'
jquery-1.2.6.min.js image slide show.
in my project i am using jquery-1.2.6.min.js image slide show. its working fine in all brwser. but a bit slow in mozila and safari during first time loading.. wht to do???
Resizing awkwardness, please help
Hi. I'm working on an opensource component, logAndHandler(), which is used to debug PHP error messages in the browser. It uses a lot of jquery animations. see http://mediabeez.ws/lah/ I'm kinda stuck on why my component doesn't perform it's resizing functions properly when the user clicks for the first time on links that should manipulate both size of the window and scroll bar. It does it semi-correctly when the user clicks again on the same link. Any help is much appreciated.
a serial selects generated by jquery needed to detect each changes when each one is selected
I have been struggling with this thing. I have a list of <select .. > coming out.. I want to use the selector to get all the <select> elements when they are selected. function jk(){ //$('*').change(function(){ //"div[id*='input']" //var uii=$(this).parents("[@id]:first"); var k1 = ""; //$('select').parentsUntil('.clonedInput').text(); //$(evt.target).parent().attr('id'); var k2 = $('select').text();
fuck IE, error in load()
IE javascript error is "Object doesn't support this property" or "Permission denied"(IE6 & firefox is ok,IE 7 & IE 8 is wrong),you must F5 or refresh the page again,the error will be disappear and the page will be work well, the URI is http://61.172.194.8:81/china/homepage.asp ,what's wrong with my IE 8 or what's wrong with the jquery-1.4.2.min.js?
Return value get request
I currently have the following code: $('#toevoegenForm').submit(function(){ var name = $('input[name=name]').attr('value'); var zip = $('input[name=zip]').attr('value'); var controle = false; $.get('ajax/unique/product.php', { q: name }, function(data){ var exists = false; $(data).find('invalid').each(function() { exists = true; }); if( name == '' ){
$.ajax() callbacks not being executed
I am trying to execute slightly more than "Hello, world" using .ajax() specifically and with both a success and error callback. I have: var MeasureClockSkew = function() { var that = this; var lastButtonPress = new Date().getTime(); var registerError = function(XMLHttpRequest, textStatus, errorThrown) { alert("registerError called."); $("#results").append($("li").addClass("error").append("Error: " + textStatus)); $("#button").attr("disabled", "false");
.post question
Hi There, I can use some help here. I have several radio buttons, when a user selects a button an "change" event fires, which triggers a AJAX / .post function. Each radio button show's different results. Here's the issue - the screen shot provided has a link called "Classic Climbs"; when a user clicks on "Classic Climbs" I would like to run another AJAX / .post function - basically grabbing an RSS feed from another server and show the results. Since I have to pull over 15 items, I would like
help making drop menus usable by anyone
I'm almost done with my first jquery attempt. I am trying to make a drop down navigation menu available to people who use a mouse, as well as those who use a keyboard (or screen reader), and to have a backup if JS is turned off. My test site with the global nav bar on top can be seen here: http://checkoutacollege.com:8080/ . If the user has JS off, then when they click on a top-level menu item it will take them to a separate page with the menu in html. Currently, a keyboard user can tab through
ajax - meaningful errors
I've been using jquery for a while and recently started using jquery ui and ajax, in conjunction with a php program I am developing. Everything is working well in all of the "normal" situations. However, I want to be able to detect situations that I can only do on the server side and communicate these as errors with an approriate message to the cliient side to be handled by the $.ajax error function. I know this is not a php forum, but someone must have done this before. If so, please give me some
Slider gallery
Hi I'm a newbie to jquery and I hope someone can help me. Trying to get rid of the image margins from this slider gallery. Original source: http://jqueryfordesigners.com/slider-gallery/ IE fixed source: http://www.ericdubois.com/jquery_tests/slider_gallery3.php Thanks
Checking for radio button value, still not working as expected
Hi everyone, I'm checking for a radio button's value and hiding/showing a node based on that value, but it's not working right. Two radio buttons: one's value is yes, the other no. If you click on yes, the div shows up. When you click no, it hides, so that works. But I have a list of checkboxes that also may or may not show that element based on the radio button selection, and it's this part that isn't working. $('[name="'+obj.name+'"]:checkbox').click(function () { aThroughS = ($('[name="'+obj.name+'"]:checkbox:lt(19):checked').length
$(this).val() not working in firefox
Hi, I've been stuck with this for a while. Is there any reason why the below will not work in Firefox & IE, but will work in Chrome and Safari? Jquery $('input.submit_vote').live('click', function() { var test = $(this).val(); alert(test); return false }); HTML <input type="image" value="1" class="submit_vote" /> <input type="image" value="2" class="submit_vote" /> <input type="image" value="3" class="submit_vote" />
Ajax/Get Question - creating objects on the page to load
if I am loading content into a div using the get feature of jquery, and that content has some clickable objects in it will jquery recognize those as well? What I am doing is building a site that tracks bugs on our software. The site pulls the bugs from a mysql db and displays in a table format. There's an edit link which passes the record id number of that bug (via ajax) to a php file, where a form is filled in with the bug data and passed back, a hidden div is then shown with the form in it. Part
Howto Autocomplete a Form
Hi, i have a Question, is it possible to make a aotucomplete like this: i have a form that looks like: name (dropdown) adress emailwhen i select the name, i want to autocomplete the adress and email field with the data of the person which name i select. hat functions i need to do this?
jquery image uplaod and query string
Hi i am using the jquery image upload and C# from this example http://valums.com/ajax-upload/ i need to get hold of form value and a querystring value i have tried int compId = int.Parse(context.Request.QueryString["id"].ToString()); but i get a object reference error, any ideas what i need to do?
CSS-issue- have div elements fade-in/fade-out on same spot on page, w/o absolute positioning
So we're trying to make something a bit like the front of mint.com: rollover navigation at the bottom to nicely fade in stuff in the middle section. I'd like one elment to be fading in while another is fading out -- so that means I want the divs to be in the same area. I thought i'd try changing the z-index, but I still have the earlier divs pushing their sibling divs down... so the following (showing all 4 at once, but I'm assuming if any 2 are visible at the same tiome, I'd having the "pushing"
Preventing/suppressing repeated animations on same select
Hi everyone, I have some elements that hide and show real quick when I click on the same selected checkbox. I only want to hide or show something on change, and only when I need to. The way the behavior works now is I have 20 checkboxes, and each time I check one (even if it's the same), I see the associated elements hiding, then showing real quick. I don't want anything to happen though if all they do is toggle the checkbox, unless there's a condition to uncheck it. It's kind of hard to convey what
$(window) returns NULL when used inside .mousemove function
I would really appreciate some help on this issue: I am using the following code console.log( $(window) ); $("td.tooltip").mousemove(function(e){ console.log( $(window) ); }); I encourage you to try this yourself. The window object returns NULL inside of the mousemove function. How can I get the dimensions of the window inside this function!? Thanks in advance
Checking every checkbox in a div
Hello all, I am pretty new to jQuery and am having trouble with something. The page I am working on will have a series of checkboxes. The boxes will be in the format of "parent" with one checkbox and then a "child" div with multiple checkboxes. The idea is being able to check a parent checkbox and have all the checkboxes in the preceding child div get checked as well. Here is the layout: <div class = "parent_div"> <label>parent</label><input type = 'checkbox' / >
Issue with .getJSON() in IE
Hi I've been having issue with .getJSON() in IE. I keep getting the error message " Expected ';' " jQuery.getJSON( 'http://www.somedomain.com/internet?callback=?', function() { $("#message").html("internet is on"); } ) My JSON string is {"internet":"on"} Can anyone help please.
On Load and On Change
It's not something that's ever really come up before, but I'm re-creating a desktop application as a web-app and I'm coming across a number of places where: 1. A select box may be pre-filled with data from a database, and 2. Changing that select box affects the rest of the page. I'm looking for a neat way to perform an action that could happen when the page loads, and/or when the select changes. Knowing my luck it's something stupidly easy. For example, some code that is currently in progress: switch($('option:selected',$transaction).text()){
Jquery ajax passing values that have '&' in middle
Hello, i have the following problem, i am using jquery ajax to search somes names in my database it work fine till the name have '&' in them, is possible to Post values that have '&' in its content? Thanks in advance
a few questions/problems with JQuery login script
Hi, I am using a Jquery/PHP/MySQL login script which is supposed to display an error or success message when the user enters their username/password and also if the username/pw is successfull go to a secure page. Right now as I have it coded, this isn't working properly. Basically nothing is displayed either way. Also, wasn't sure if I just needed to replace, the ?secure-page part with the file name of the page I want to go to if successful? Here is the code as I have it now. <!DOCTYPE HTML PUBLIC
jQuery Health Meter / Progress Bar
Hi there, So, I'm creating a health meter with CSS and HTML. I have two divs; the outer one is the background, and the inner one is the actual health. The outer div has a fixed width (let's say 200px), and the width of the inner div is set in percentage—thus, when it's 50%, it fills out 50% of the outer div. <div id="outer"> <div id="inner"></div> </div> I'd like to be able to let the percentage number be a variable that can be targeted from jQuery, so that I can define the width from within jQuery.
Accessing a specific class within a div tag.
Suppose I have the following HTML code: <div class="one"> <a href="http://jquery.com/">jQuery</a> </div> <div class="two"> <a href="http://google.ca/">Google</a> </div>And the following bit of jQuery: $("div").dblclick(function(event){ event.preventDefault(); $("a").hide("slow"); }); $("a").click(function(event){ event.preventDefault();
hide/ show next sibling of an element node
i do have a div tag and a panel inside template field of grid view. after clicking the div tag the panel should be shown if it is hidden and vice-versa
Hide a column and sort by that column
I have a table of problems, I want that list of problems ordered by a calculated weight, but I don't want that column to appear. --> I want like the column to be sorted when appearing, without the column to be visible. Thanks for your help.
fadeout / fadein input value
Hello, I need to fade out an input value on mouse over and fadein the value if the user have not clicked in. Please can anyone help me? Thank you Enrico
about multiple jquery.js lib...
dear all, I have an old page which uses the old version of jquery.js, and recently I want to add some new features (which seems requiring new updated jquery.js version) to it. When I switch the old jquery.js to the new one, error occurs. As I don't want to spend time to debug the page to use new jquery.js, is it possible to just limit the new features to use the new jquery.js, where others still use the old ones? thx a lot!!
issues regarding .hover()
I'd like to implement a button and whenever the user moves the mouse over it, an image of a hand (not the cursor pointer but a custom made image) fades in, and when the user moves the mouse out, it fades out. This is the code I implemented for it: $('#wrapper .form_button').hover( function() { $('#hand').fadeIn('fast'); }, function() { $('#hand').fadeOut('fast'); });When the hand fades in, if the mouse is not over the
Next Page