Data Limit for $.ajax calls?
I'm experiencing a weird problem when trying to do a $.ajax call. When I pass 5 variables, with either GET or POST, the script runs as I would like. However, when I use 6 or more variables, the script does not run. Does anyone know why this is? Relevant code (stops1-5 are defined as JS variables earlier in my script, and the alerts are for testing) $(".barcrawl-stop-id").each(function(){ alert("running ajax function"); $.ajax({ url: "/handlers/ajax/barcrawl_reorder.php",
.html() and Firefox 3.6 issue
Hi, I'm currently using jquery 1.4.1 and I noticed a strange behaviour of firefox 3.6. When I change an element (like textarea) with .html("some new input"), the element only gets changed as long as it's been previously empty. In case I've written into the textarea already, the content wont change anymore. I couldn't replicate this behaviour on chrome, thus I think it's a firefox related issue.
Validating my Template that uses Jquery
<div class="newsWrap"><ul><li> <a href="[ARTICLELINK]"> <h1 style="height: 90px;"><img border="0" src="/DesktopModules/DnnForge%20-%20NewsArticles/Headline.ashx?c=[CUSTOM:MANSET]&fc=[CUSTOM:COLOR]" alt="[TITLE]" /></h1> <h2 style="margin-top: 28px;margin-left: 5px;">[HASSUMMARY][SUMMARY][/HASSUMMARY][HASNOSUMMARY][DETAILS:150][/HASNOSUMMARY]</h2> <div class="laImage">[IMAGETHUMB:200:265]</div> <span>[TITLE]</span> </a>
.animate() -- possible to do from right to left instead of left to right?
Hey, I need to have a sliding panel. The way I did it, is with .animate(). Problem with that is that the contents wraps. I can use nowrap in CSS, but that won't work with floating divs inside that contents div. So, I was thinking it might be better not to slide the contents div, but instead put another div over it, hide it when the page is displayed, show it when the sliding has to occur, and slide it open from the right to the left, so it would look the same as if the contents div'd slide from full
Setting equal heights on tabs
Hello there I'm new to jquery and your help with one of my issues will be greatly appreciated! Basically, I am asked to set fixed height on a group of tabs. The tab that has maximum text will set the height for the rest of the tabs. The simplified version of the code looks like below: <ul> <li><a href="">Tab 1</a></li> <li><a href="">Tab 2</a></li> <li><a href="">Tab 3</a></li> </ul> Taking this example, I want to set the fixed height for <a> tag. Many thanks for your help. Jay
jquery
i hav to call this event in jquery on client side; how? i dnt have an idea this is the event protected void gvPracticesAssignedFacilities_RowDataBound(object sender, GridViewRowEventArgs e) { if (e.Row.RowType == DataControlRowType.DataRow) { e.Row.Attributes["onmouseover"] = "javascript:setMouseOverColor(this);"; e.Row.Attributes["onmouseout"] = "javascript:setMouseOutColor(this);"; e.Row.Attributes.Add("onclick", "javascript:rowindexgv2(this)"); } //int i = Convert.ToInt32(hdnfldSelectedRow.Value)
When a jquery slideshow loops too fast
Hello all again! :) I'm still trying to learn jQuery, it's pretty fun. and scary too.. This time I integrated a s3slider with wordpress. It displays a post image and title. For some reason, sometimes it loops very fast through the featured posts even when it's set to slow. The code I'm using is <script type="text/javascript"> $(document).ready(function() { $('#s3slider').s3Slider({ timeOut: 3000 }); }); </script> <div id="s3slider"> <ul id="s3sliderContent"> <?php query_posts('cat='.$slide_cat
How to get the ID of every object in a class on an each loop?
I have an each loop that goes through all the elements in a certain class. What I need to do is get the ID of the current element in the each loop, but I can't seem to figure out how to. var currentID = $(this).attr("id"); was my first assumption, but it's not working. My current code basically looks like this: $(".Clone").each(function(){ var currentID= $(this).attr("id"); $(currentID).find(".CloneButton").focus(function(){ $(currentID).css("background-color","yellow");
jsonp in 1.4.x
With 1.3.x I can make a jsonp call to the same IIS server as long as the app resides in a different virtual directory. The following URL is generated: http://server/virtual_directory/WebService.asmx/Method?callback=jsonp1267225277495&_=1267225283975&userID=555&firstItem=0&pageSize=5 However with 1.4.x a slightly different URL is generated and an error is returned: http://server/virtual_directory/WebService.asmx/Method.asmx/GetItemStatusByUser?callback=jsonp1267225549547&userID=555&firstItem=0&pageSize=5
Need help with accordion functionality, please!
I have a website that is primarily in .php but also has some .html pages within it. On some of the .html pages, I'd like to have accordion functionality within the body -- not on the sidebars. I downloaded the JQuery UI 1.7.2 custom.min.js code and uploaded it to my .js folder. I then ended up with the following code on my .html page, some of which is perhaps causing the problem?: <script type="text/javascript" src="newauthorsite/wp-content/themes/iBlogPro3/js/jquery-ui-1.7.2.custom.js"></script>
JQuery interacting with elements outside of the element it was loaded into problem
Hi, I have just got started on JQuery in the past week, and the main functions I am using are tabs and .load(). I will try to simplify the situation as much as possible in the following explanation. Basically, I am designing the admin front end of a site for a company. The company has products which appear in a table. There are several tabs of products - namely Ranges, Collections and Designs, where a Range will have multiple Collections and a Range-Collection will have multiple Designs. To keep
How do I save position of the items at sortable plugin
Hello, how can I get the sortable positions of the items in this example: http://jqueryui.com/demos/sortable/#default? Axl I tried this way: <script type="text/javascript"> <!-- // Document-Ready-Funktion $(document).ready(function(){ // Das Element mit der ID sortable wird eine sortierbare Liste $("#sortable").sortable({ // Wenn in dieser Liste ein sortiervorgang enden, dann : stop: function(event, ui) { // schreibe i.d. Wert von #sel1 die Position des Listenelements $(' #sel1').val(ui.position.top);
Safari and image maps
Hi, I've got kind of a problem with Safari and image maps created on fly with jquery. On first visit on the page everything's fine but once i refresh the page, generated image maps aren't available anymore. It's quite a weird behavior since it works perfectly well on Firefox 3.6 and Chrome. Has anyone ever got the same issue ? Here's a test link : http://turnthelighton.fr/vincent/Test/ jquery script is here : http://turnthelighton.fr/vincent/Test/js/style.js I've tested this on Safari 4 and i'm using
Problem with offset() in IE 7
I just upgraded Jquery from 1.2.6 to 1.4.2. One this I noticed rightaway is that the offset function is behaving strangely in IE (working fine in firefox). I have this div that appears contextually on a mouse click. Because of the offset.top being calculated incorrectly the div always appeared above the location of the click( in a scrolled down position). On closer inspection of the source code for the offset function, I found that top = box.top + (self.pageYOffset || jQuery.support.boxModel &&
height() in Firefox
Hello I have a problem in Firefox and Opera I give an example: HTML <!-- Start Master Mijloc --> <div class="DGC_CasutaMijlocMasterBody" style="width:500px;"> <div class="DGC_CasutaMijlocSt"></div> <div class="DGC_CasutaMijlocMj" style="width:500px;"> <div style="width:500px;"> Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content vContent Content Content Content
injecting html into div element
I am using $('#GeneralNotePopup').html(information); where information is a long string. It contains apostrophies (which I have escaped for) $, and / I am getting a string termination script error. Any thoughts?
FADE IN-OUT EFFECT ON BACKGROUND IMAGE IN A DIV TAG BY HOVER ON A THUMBNAIL IMAGE OR TEXT
HERE IS MY CODE GUYS CAN U HELP? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="language" content="en" /> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type = "text/javascript"> var listBg = new Array(); listBg[0] = "background-image/MSC-3026-home-revise-RL-1.jpg";
Modifying links
I have a page that is on a secure server, lets say https://server.com and I have a link on a page /somelink.html I am trying to use jQuery to change the link to http://server.com/somelink.html Here is the code I have come up with: $(document).ready(function() { $("a[href^='https://server.com']") .each(function() { this.href = this.href.replace(/^https:\/\/server\.com/, "http://www.server.co"); }); $("a[href^='/']") .each(function()
why using a context is slower ?
I thought it were the opposite, but $(".test",".context") is 2x quicker than $(".test"). Why ?
FadeTo and Hide aren't very stylish
When I call FadeTo or Hide, the font styling on my elements seems to get lost. This happens with both 1.3.2 and 1.4.1 on IE8, running IIS6 on my local Windows machine. The attachment illustrates the problem. Click the Hide/Show button to toggle between the states. With minor and obvious modifications in the source code you can switch back and forth between the FadeTo and Hide/Show techniques. Both are set to happen slowly, so that you can see that the problem begins immediately as soon as the function
Ajax page loading and Scripts contained in these pages
Hi everyone. I have a script that automatically convert each forms to Ajax forms. This script do the form submission with the "serialize()" function and then extract a part of the response and append it to the page. This script works fine but many of our pages contains scripts in page header so I want to also load theses scripts to the page but I don't know how to do that. I have tried to obtains the scripts with "$response.find('script').text()" but the result is 'null'. Thanks $('form[action=\''+window.location.pathname+'\']').each(function(){
Ajax call to JSP Page
Hello , I just started with using Ajax calls with Jquery now ; The next piece of code is my jsp Page : " waypoints.jsp" The second one is : my main page with the script. The Thirth one is: div tag where i show the results. But now the problem is when i edit my JSP to just normal text i can show it But when i when want to add a <h:inputText value it keeps on loading. Can you help me or point out what i am doing wrong here? Thanks in advance. <%@ taglib prefix="h" uri="http://java.sun.com/jsf/html"
getJSON returns undefined object
Hi ! Well, I'm doing something with grails + jquery. My controller send a rendered json (which I know is sending correctly) but when the object "arrives" in the callback method it comes undefined. I can see it lenght, but not it's content. The code: Controler: def show = { def product = User.list(params) render product as JSON } The javascript: $(document).ready(function(){ $('#test').click(function(){ $.getJSON("${createLink(controller:'user', action:'show')}", function(myDomains){ alert(
click event in form problem
Hi all, I have this simle form: <html> <head> <title></title> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript"> $(document).ready(function() { $("#Search_Button").click(function(){ window.location = 'http://www.google.com'; return false; }); }); </script> </head> <body> <form id="aspnetForm" method="get" action="http://www.times.com"> <input id="Search_Button" type="image"
jQuery hover event [SOLVED]
Hi there I'm sorry if this seems like a noobish question, but i really haven't found a reliable way of handling the mouseover and mouseout events. If i use the hover() function, sometimes the mouseout event is not fired. For example, if I quickly hover over an element and quickly hover out, the out event is not fired. (This may be due to the processor being busy at the point of mouseout, or something on those lines. I'm not sure really.) I'm trying to create a simple tooltip plugin, and this is quite
jquery serizlize probilem with checkboxes
I am developing a simple search and select using php and jquery but after generating the results I couldn't get the serialized values from checkbox please help me to figure out the problem index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> <script src="js/jquery-1.3.2.min.js"></script>
.change() event doesn't work if keydown is prevented
Allrighty, this problem is making me lose hair I'm trying to control the tabs on my page so if you get to a certain input box and press tab I want you to go to the first input box, not the following one. The problem is that the same input box has a .change() event. This won't fire if I use event.preventDefault() on the keydown event. Let me follow up with the code to make it more clear: <html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"
jQuery Slider issue (IE6)
Hi I have a problem with a slider I found on the net not working in IE6. This is the code that is failing: <script type='text/javascript'> jQuery(function() { $("#slider").mySlider(); }); </script> All it says in IE6 is that there is an 'Error: Object doesn't support this property or method'. Apologies if it doesn't make much sense - learning the ropes on jQuery. Thanks Sean
Slider code not working in IE6
Hi there There seems to be a code error that's preventing this from working in IE6. <script type='text/javascript'> jQuery(function() { $("#slider").mySlider(); }); </script> I get "Error: Object doesn't support this property or method". Apologies if this doesn't make much sense, not very experienced in jQuery. Thanks Sean
asynchronous handling of backend events?
Folks; maybe this is a pretty childish question - as I am all digging into this kind of technology, hope I don't bother you all too much with this. I do have a conceptual question regarding architecture of a given setup / idea: - In a web application, I have sort of a "backend service" (actually a Java/Hessian web service keeping track of information related to an active web session), and there are different application modules accessing this service / session information. - In the web UI, there
reading table values
I have two columns in my table and the rows are created dynamically. <table id ="datatable"> <tr> <td> <input type ="text"> </td> <td> <input type ="text"> </td> </tr> </table> For each row, I want to get the value of each table and insert them in an object as follows. var reading= new Object(); reading.Name = (column1).value reading.Value = (column2).value How can I do that?
jQuery Tablesorter
Hi, I am using a jquery plugin called tablesorter. It is a commonly used public plugin. It works fine, but I've found a quirk that occurs when you sort, and can't seem to fix it and would love some help if possible. When you sort, the sort works, but for some reason all the <hr> tags which render a horizontal line, end up getting placed sorted to the top of the table. So the data sorts but since some of my <tr> rows contains an <hr> tag for example, like a visual separator, it sorts that too.
this.name undefined in a callback function of getJSon
Hi all, I have a small piece of code: $(":input").each(function(){ alert(this.name); ---->OK $.getJSON("my_ajax.php", function(data){ alert(data) ---->OK alert(this.name); -----> NOT OK (it says "undefined") //what i would like to do (but of course, it doesn't work cuz "undefined") $(this).val(data).change; }); }); Any idea ? thanx and regards, f.
Need help to detect change in an hidden input
Hello everyone, this is my first post on the forum, i've been using a couple of libraries before but for this project i've decided to switch to jQuery after having read an interesting article on a blog. I'm using the autocomplete plugin, in order to fetch street names in a php file, when the street is selected a value is sent to a hidden input (so if nothing is selected, or no valid street name entered the input doesnt change). I would like to use this input (when the value changes) in order to trigger
Element reference methods after 1.4.1 upgrade.
***I've posted this question twice so far and it hasn't shown up after about 15 hours:*** The following used to work with version 1.3.2 var x = $('#ElementID').val(); var x = $("'#" + "ElementID" + "'").val(); var eid = "'#" + "ElementID" + "'"; var x = $(eid).val(); Only the top one works with version 1.4.1 Similarly the following used to work with 1.3.2 but it doesn't work anymore. var eid = "ElementID"; $("'#" + eid + " option[value='" + x + "']'").attr('selected', 'selected');
issue sending post form data via AJAX to php driven site
Hi, I'm new to jquery and having trouble accomplishing what seems to be a simple task. I am trying to send some variables to an existing website but for some reason the data is not being submitted at all. I'm sure i'm just missing something simple here but like i said i'm a newbie so could someone please take a look at this: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"> </script> <script type="text/javascript" > $.post("http://www.website.com/formProcess.php",
css overwriting issue
Hello everyone, I'm using the .css() function to modify the look of a <div> when you hover using the css hover selector. Unfortunately, the hover selector rule is overwritten once you click on a div because of the .css function. Does anyone know of a simple way to solve the issue? A simple .hover() won't work because there's some logic that determines whether or not a menu item is selected (hence the css change). Here's some code: $('div.click').hover ( function () { //$(this).css({'color':
getting index of an element
I'm trying to get the index of a div when its the same mark up for each set. I want to return index of '1' when a second "yo" is clicked in any "a" and '0' if the first "yo" is clicked in any "a". If i clicked the "yo" which has the color #330000, then i should get 1 not 5. This seems like a simple task but i cannot get it to work. <div class="a"> <div class="yo" style="background:#003366;"></div> <div class="yo" style="background:#003366;"></div> </div> <div class="a"> <div class="yo"
Change background position via separate link
I'm trying to change the background-position of DIV1 (a separate tag) when the following tag is hovered <li class="end"><a href="tutorials" title="">test</a></li> Is this possible? Does anyone have any examples? Erik
.load() fails and then refreshes the page
Hello. I have problem like in topic. Code is here: http://maxadrenaline.pl/new/ I tried to load for ex. google.com but it's not working either. I used this func before and there was no problem, but I seriously dont know what's the problem here? I tried /index.php, index.php, full adress like http://.../index.php but none of them work. Can someone tell me what is causing this? Thanks in advance and sorry for my english.
Next Page