[jQuery] Load images ondemand (onscroll)
Hello: I wrote a simple script based on jquery to load images onscroll event. It is very easy. http://code.google.com/p/jquery-images-ondemand/ enjoy
[jQuery] variable keys in a Ajax post call
Hi, How do I pass a variable as a key in a key/value pair in Ajax? For example, this does NOT work: function DoAjaxCall(columnname, value) { $.post(_callerquery, { columnname: value }, function(data, textStatus) { alert(data+ ' '+ textStatus); }, 'json'); } DoAjaxCall('LASTNAME', 'Jackson'); It keeps posting the columnname as "columnname" instead of "LASTNAME"); JQuery somehow treats all keys as strings and not as variable. I know I can do something like this, but it's not what I'm after: function
Slide menu lags
Hi All Maybe you can help with this problem i have: On this site: http://www.futura-helsekost.dk/kosttilskud i have build a produkt slide menu with images and using jquery to do some animations. The problems is I dont know how to make it run smoothly, I have tried with the .stop().hover() but with no luck Here is my code: var tbx = document.getElementById('textbox'); var pslider = document.getElementById('pslider'); var tt; $(document).ready(function(){
[jQuery] (validate) How do I raiz error/
I have a login form Only in Js it works fine, but I have more checks that I am doing in my PHP file... How di I raiz error according to ajax responce code? var v = jQuery("#login_frm").validate({ submitHandler: function(form) { jQuery(form).ajaxSubmit({ target: "#result", success: showResponse }); } }); function showResponse(responseText, statusText) { var intValue =
[jQuery] [tablesorter.pager] Does it work with dynamic tables?
Hi, I have two tables in my page. One, static, works perfectly with tablesorter and its pager plugin. The other is filled through Ajax calls. I'm using the trigger ("update") method, as described in the tablesorter docs, but the pager just does not work. Does anyone know what it can possibly be?
How jQuery do for radius corner ??
Hi all, I want know how jQuery do for make radius corner validated with IE6+ Firefox2+ etc... I know exist 'moz-border-radius' but it's valid just for Firefox... And with jQuery we must just add class ... Can you help me ?? [sorry for my english, i'm french]
Move script element from body to head
Hi, i hope you can help me. I need to move (or copy) script elements found inside body into head, but i don't understand why my code doesn't do what i supposed. This is the code i use: jQuery("body").find("script").each(function(i) { var x = jQuery(this).clone(true); jQuery("head").append(jQuery(x)); jQuery(this).parent().remove(jQuery(this)); });
Problem with effects in IE8
Hello! I´m using alot of slideUp, slideDown effects on our site. It works fine in every browser except for IE8, where elements sometimes mysteriously dissappear depending on where cursor is. To see problem, go to: http://www.nordicnet.net --> press Advanced search --> press Products --> press view all products Has anyone else had problems with jquery effects in IE8 and knows of any workaround? /regards edit: this is one of the methods in which the problem occurs: // Show/hide section in advanced
Calling jquery function on click
Hi, Bit of a newb to jquery. I have got a jquery slider effect nestled in some tabs. Each tab has one slider in it. When the page initially loads it loads the effect in the first tab only. On clicking the second tab the function isn't called and remains displayed without the effect. The problem I talk of is here http://absolute-advantage.net/sheadorns/?page_id=18 Is there any way I can re-call the jquery on clicking the tab or just load all content when the page first loads?
[jQuery] Re-Loading jquery function on click
Hi, Bit of a newb to jquery. I have got a jquery slider effect nestled in some tabs. Each tab has one slider in it. When the page initially loads it loads the effect in the first tab only. On clicking the second tab the function isn't called and remains displayed without the effect. The problem I talk of is here http://absolute-advantage.net/sheadorns/?page_id=18 Is there any way I can re-call the jquery on clicking the tab or just load all content when the page first loads?
Why are these two jquery codes conflicting?
Heya guys. I'm pretty stuck, but fairly certain there is an obvious, simple solution to this: I have two different types of ajax call in my document, both use the same method, but each is reloading and calling a different amount of content, depending on the ID of a link that is clicked, so one link ID triggers reloading of just the content, and the other triggers reloading of the content and the navigation as well. They both work individually, but when both are loaded into the document, on the one
[jQuery] 'this' keyword in a custom object
Hi... I'm trying to write object-oriented style javascript as follows: ----------------------------- function HtmlFormUtil(formId){ this.formId=formId; this.dirtyInputs=new Array(); } HtmlFormUtil.prototype.trackForChanges=function(){ $(":input","#"+this.formId).change(function(){ this.dirtyInputs[this.dirtyInputs.length]=$(this); }); } HtmlFormUtil.prototype.isDirty=function(){ return this.dirtyInputs.length > 0; } ------------------------------- The intention is to use
[jQuery] [jcarousel] Can't make it scroll
Hi! I'm having some troubles with the jCarousel by Jan Sorgalla. I'm loading the carousel dynamically and the images display. But I'm unable to make them scroll. There are no errors according to Firefox. The code I'm using is a replica of the one used for the vertical scroller with minor adjustments jQuery(document).ready(function() { jQuery("#productcontroller").jcarousel({ vertical: true, buttonNextHTML: null, buttonPrevHTML: null, size: productcontroller_itemList.length, itemLoadCallback: {onBeforeAnimation:
Accessing to an element just added with jquery
I use jquery to add a form with several fields at a div: myhtml = ""; myhtml += "<form id='myform'>"; myhtml += "h = <input type='text' id='h' name='h' size='30' value=''/>"; myhtml += "<input type='submit' value='modifica' /></form>"; $("#mydiv").html(myhtml); now I'd want to change the background-color of my form just added: $("#myform").css("background","#FF0"); but it doesn't work I think that the added form is not selectable by jquery (jQuery doesn't recognize the new id form?), or i have not
[jQuery] Recommend a JS enabled/browser growler script/plug-in?
// This site works best with JavaScript enabled and not using Internet Explorer. Take your pick of the others instead: Firefox, Google Chrome, Safari, Opera... Anyone? :P Thanks,
[jQuery] Sliding list items -- missing bullets?
I'm having issues with using slideUp/slideDown on lists; when list items reappear, their bullets are missing, both in Safari and Firefox. See example at: http://www.mnot.net/test/slide-list.html Is this a known issue? Thanks, -- Mark Nottingham http://www.mnot.net/
Using metadata.js
Hi there, I was wondering if anybody could help me in integrating the metadata.js within my js file please. Thanks to any help. Regards, Jerome
Jquery and quirks mode
Hi I have a page that is in quirks mode because of a wrong specified doctype. In my situation I have absolutely no chance to fix this. So I have to make my script work with this mode. This is the script $(document).ready(function() { if ($("#Banner img[src*=testtest]").size() <= 0 && $("#Banner img[src*=test]").size() <= 0) { $(".top-banner").addClass("right"); }; }); In quirksmode it sets the right class
Can you do this in jQuery?
Hi Group Is it possible using jQuery to click on a link on Page A which loads Page B in the same window, and once Page B loads, it scrolls down to a specific DIV? So for example: on page A, I have a link called "How to find us" You click on that, it loads page B and then it scrolls down that page to a DIV which contains a map showing my location. I'm guessing you pass a variable in the URL and then get jQuery to action it using the scrollTo function but I have no idea what the correct process/syntax
Add css id to li link dependant upon keyword in url
Hi - I've just started learning jquery and have been trying to use this code which I found on this forum. I want to detect some text (addClients) in the url and add an css id to a list item with the class m1 (li class="m1") - so I get (li class="m1" id="expanded"): This is what I have so far (which is not working) $(function() { $(document).ready(function() { var url = location.pathname; if(url.indexOf('addClients') > -1) { $("li.m1").attr("id","expanded"); } }); I'm wondering if I need to specify
[jQuery] Smart Banner Modification Needed
On the site I am almost finished developing at http://www.murphytx-online.com/murphy/eating-out-american.php I am using the "Smart Banner" jQuery script from http://www.webresourcesdepot.com/smart-floating-banners/ This script keeps the content of the two sidebars always visible as the visitor scrolls down through the main content. However at any time other than when it's at its beginning position it is too low. I realize it is being kept at its starting position but when it doesn't need to be there
[jQuery] ajax arraylist
hello i need your help ..i have this code ..servlet protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // TODO Auto-generated method stub ArrayList serviceUnit = new ArrayList(); String ServiceName = request.getParameter("ServiceName"); System.out.println(ServiceName+"000======..========"); CustomerDao serviceUnitDao = new CustomerDao(); try { serviceUnit
[jQuery] [Autocomplete]autocomplete in textarea
hi guys i had used jQuery autocomplete in a textarea i want the suggest results show in where i'm typing, not outside the textarea. i checked jQuery autocomplete source code, finding in line 722 is the core code. show: function() { var offset = $(input).offset(); element.css({ width: typeof options.width == "string" || options.width > 0 ? options.width : $(input).width(), top: offset.top + input.offsetHeight, left: offset.left }).show(); top and left are what u want to change. but i don't know how
[jQuery] [Autocomplete]autocomplete in textarea
hi guys i had used jQuery autocomplete in a textarea i want the suggest results show in where i'm typing, not outside the textarea. i checked jQuery autocomplete source code, finding in line 722 is the core code. show: function() { var offset = $(input).offset(); element.css({ width: typeof options.width == "string" || options.width > 0 ? options.width : $(input).width(), top: offset.top + input.offsetHeight, left: offset.left }).show(); top and left are what u want
[jQuery] Browser sniffing - the correct way?
Easy guys, I wondered if anyone would be kind enough to point me in the direction of a good browser detection script/plug-in/tool? I've heard/read jQuery.browser isn't the way to go with the latest jQuery (v.1.3.2). The cause really doesn't warrant setting it up server-side if I'm honest. Thanks, L
[jQuery] Some homebrewn jQuery functionalities
At http://www.decebal.nl/testing.html I have some functionalities I made with jQuery. Nothing world shocking, but maybe usefull for others. - a way to automatically notify people that they should enable JavaScript - Table of content (with 'Go back to top') - Increase/Decrease text (has a little problem in Firefox) - Show/Hide content (has a little problem in Opera and Konqueror) If someone has a solution for one of the problems or a comment: let me know. -- Cecil Westerhof
[jQuery] can't create objects inside getJSON
why doesn't this work? $.getJSON("http://domain.com/data", function (data){ function Place(){} var state = new Place(); state.select = $("#id_state"); state.div = $("div_id_state"); state.children = $("#id_region,#id_destination"); // do stuff with data here }
[jQuery] Nested Sort
I'm using the sort UI nested, so you have <ul> <ul class="list1"> <li>Stuff 1</li> <li>Stuff 2</li> <li>Stuff 3</li> </ul> <ul class="list2"> <li>Stuff a</li> <li>Stuff b</li> <li>Stuff c</li> </ul> </ul> In ff, it allows me the ability to sort list1 vs list2 as well as the contents from list 1 within itself and with in list 2. Only IE, when i try to drag and drop the contents of one of the list it drags teh entire list as well. Is there a work around to this.
Infinate Carousel Problem
Hi I've got an infinate jQuery carousel, which is working, however I need to make a couple of tweaks and I don't know where to start. Below is the code for a visually simplified, but technically identical version: <!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=utf-8" /> <title>Page Title</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"
Parsing through XML
Hi, everything works up until the point where I try to parse through the data. I want to grab the ID of the element that is clicked, and then use that to find the correct data in my xml file. $(document).ready(function() { $(".servicelinks").click(function() { var pos = $(this).attr("id"); $.ajax({ url: "Services.xml", dataType: "xml", success: function(data) { // Parsing happens here $(data).find("id").each(function()
[jQuery] Load external content into popup
My function loads content from an external page (field.details.preview.aspx) and loads it into a div named container. I would like to load this external content into a popup page instead. I'm not sure how to tackle this. Thanks <script type="text/javascript"> $(document).ready(function() { $(".Id_Field").click(function() { strIdValue = $(this).val() $("#container").append('<div id="fielddetails"></ div>') .load("field.details.preview.aspx?id_field="+strIdValue, function() { $("#container").slideDown("slow");
[jQuery] Doubts on Multiple selection employment
As stated in your documentation, it's possible to iniciate the selector with more than one filter of "^=" kind. But when I try to use that feature it doesn's seem to work. Should it work that way? May I actually use two or more filters of that kind (^=) in the same expression? var procsGrid = $("#GridProcedimentos tr[id^='jnGridRow'] [id^='Grid_Linha'][id!='jnGridRowEmpty']");
appendTo
I'm trying to append these tips to a ul with info from a form. This is what I have so far. Here is the form code. I'm trying to call the inputs "tip" and "name" to the function presented in the second bit of code. Here is the form: <form id="addTip" method="post"> <table align="center" bgcolor="#CCCCCC" > <tr> <td style="font-weight: bold;">Name:</td> <td><input name="name" type="text" maxlength="20" /></td> </tr> <tr>
FF scrolling to the top issue on Function()
Hi All, Im starting to develop using JQuery. I Have this code on a page: $(document).ready(function(){ $('.show-search-box').click( function() { var topPos = $(this).offset().top - 280; $('.hotel-list-unit').css('opacity', '0.5'); $('.search-box-float').css('top', topPos); $('.search-box-float').fadeIn(); event.preventDefault(); }); $('.close-search-box').click( function() { $('.search-box-float').fadeOut("slow"); $('.hotel-list-unit').css('opacity', '1'); event.preventDefault(); }); }); It works
noConflict problem (again...newbie)
Hello everyone! I am pretty much "fresh off the boat" when it comes to jQuery...I too like many others am trying to use both jquery-1.3.2.js along with prototype.js (as well as two other js files, called effects.js and lightwindow.js). I have read and attempted to implement the techniques to get the noConflict function to solve my conflicts with the $ used in both. I have created a user login that clears the internal labels (this uses the jquery-1.3.2.js file) and lightwindow to create a modual window
[jQuery] Grab a bunch of HTML and exhibit an excerpt - help
Easy guys, I've cobbled this script together to help me implement 'read more...' links on this site I'm developing: http://www.blowcreative.co.uk/blog/ It does the job, but I lose all the mark-up in the process :[ It doesn't cater for a bunch of tags like <img>, <ol>, <ul> etc. slice() ain't being too kind to me. // create a 'read more' link, and hide remaining text, if post content exceeds quota jQuery(function ($) { // get total characters (including spaces) in content $('.scrollable .scrollableItem').each(function
Added elements to a page not being recognized by jQuery
I feel like I'm making a newbie mistake. I'm trying to be able to add a row to a table that has an input field which is being masked by a plugin. Here's some pseudo code. <script type="text/javascript"> $(function() { // sets up the masks on all input fields. $('input').focus(function(){ $(this).css({ 'border-color' : '#3d80DF', 'border-style' : 'solid', 'background-color' : '#deeef1' }); }) $('input').blur(function(){
[jQuery] Need help building a jQuery dropdown menu
Hi folks I'm just starting out with jQuery. I want to make a simple 'ul' dropdown menu to improve my understanding. The basic flow is this: 'ul.menu li ul' has display:none >> on hover of li, get & store height of 'this' hidden ul >> set height of 'this' ul to 0 >> set display to block >> animate height to original stored height I know there are already some great plugins for dropdowns, but I really want to roll my own to get a better understanding of jQuery. So far I have managed the following,
How to bind blur and focus events together?
I am having an issue of binding blur and focus events together. Here is the situation: I would like form input fields to change background colors when the user either hovers over the field or is actually typing with in the field. When the user is not near this field the will go back to a static state. I am not sure how to bind these to together so the will work in sync. Here is my code that I have produced for this: $('.right .text-field, #datepicker, .right .text-pass, .right .file_1').hover(function(){
[jQuery] Autocomplete
How do I use the highlight function in the auto complete plugin? I wish to replace <strong></strong> with <span class="blah.."></span> Thanks Asa
Next Page