[jQuery] jQuery ui-interface sortable: contents of callback funciton parameter, ui
Hi, ui-interface sortable has many callbacks. For example update:function(e,ui) etc. The contents of the object ui varies for different callbacks. Can any one tell what are the contents for this object. In documentation on jquery site only partial information is given. * ui.options - options used to initialize the sortable * ui.position - current position of the helper * ui.absolutePosition - current absolute position of the helper * ui.helper - the current helper element (most often a clone of the
help with a simple test
I am trying to learn this jquery stuff. So i thought i would start with a simple test. I have tried many variations and cannot get it to work I have downloaded the library version jquery-1.2.6.js and I am trying a simple slidedown for one link but when i run the page, nothing happens. I do not get any errors. this is the version I currently am trying. can you explain what I am doing wrong? <html> <head> <script type="text/javascript" src="jquery-1.2.6.js"></script> <script type="text/javascript">
[jQuery] Tablesorter + Pager + AJAX = Problem
Hi, I'm using the form plugin to allow users to select a few search criteria, my app spits back new table rows which are inserted. Tablesorter handles this perfectly (with or without calling the update function mind you). My problem is the pager plugin. I've chained on the pager, as you can see below in the trigger_update function. This causes the Prev/Next arrows to skip TWO pages instead of one. If I perform another search, then I jump forward or back THREE pages instead of one. It seems clear
[jQuery] class keyup() get id
hello, folowing problem: i have to (or more) textareas look like this <textarea class="comment" id="comment1" rows="6" cols="50"></ textarea><br /> <textarea class="comment" id="comment2" rows="6" cols="50"></ textarea><br /> you see the clas of both is comment so i can combine more textareas to one keyup (later) and the id is different (this is important for another thing). i call this function to get the event when keyup on one of the textareas with the class comment $(function(){ $('.comment').keyup(function(){
[jQuery] changing value of hidden input
I have this input <input type="hidden" name="tes" value="something"> then when i try to change it with $('input[@name=tes]').val('change to somethat'); it doesn't work. if i change the type to 'text' it works. from now on i'm just write like this <div style="display:none"> <input type="text" name="tes" value="something"></div> i just curiuos is there any tricks to change the input, from the 'hidden' input not 'text' thx before
[jQuery] jQuery UI v1.5 Officially Released
After 6 long months of hard work, the jQuery UI team is proud to announce the immediately availability of the jQuery UI effects and UI library. Full details of this awesome release can be found here: http://jquery.com/blog/2008/06/09/jquery-ui-v15-released-focus-on-consistent-api-and-effects/ The official site for the jQuery UI library can be found here: http://ui.jquery.com/ Apart from the awesome UI controls and effects now included, this new release also introduces a new killer application called
[jQuery] vertical scroll of jcarousel in Mozilla and Safari
Hi all, I tried to use the vertical specification of the JCarousel but for some reason it doesnt work in Mozilla or Safari. In IE7 it asks you whether you want to allow active content and as soon as you allow it, it seems to work fine, most of the time. Did anyone encounter a problem with the vertical display? and does anyone know how to solve it? here is my css files as well as the html file: [css name="jquery.jcarousel.css"] /** * This <div> element is wrapped by jCarousel around the list * and
[jQuery] jcarousel : bug patch
Hi, i had a little problem with jcarousel. With firefox, the scroll caused the fisrt slided item to have a width of 0px a few ms. so I've putten an animate on the width modification, (wich make Ie bug) so, there is the code. ps : Thanks all of you, jquery is so great :) remove: function(i) { var e = this.get(i); // Check if item exists and is not currently visible if (!e.length || (i >= this.first && i <= this.last)) return; var d = this.dimension(e); if (i < this.first) this.list.css(this.lt, $jc.intval(this.list.css(this.lt))
[jQuery] Flecks on some images with jQuery+Cycle Plugin
I have a strange problem with a slideshow in IE7 where white flecks are appearing on some images and is most noticeable in the darker areas of photographs. This only seems to be happening in IE so no surprise there, I am using jquery.cycle.all.pack.js?v2.21 and here is my JS for the slideshow: <script type="text/javascript"> $(function() { $('#imageRotator').cycle({ fx: 'fade', speed: 3000 }); }); </script> Nothing out of the ordinary as far as I can see but welcome any ideas to get over this as
[jQuery] simple horizontal slide panel - IE7 DOM, Jquery
Hi all, I am working on slide panel: http://f1shw1ck.com/activity_viewer/slider.html# Problem: The panel which slides across pushes all the div' s in the page to the right when viewed in IE. Expected: The panel should act as an overlay on the current page without pushing any div's. Things tried: I wrapped the panel and button in a div with absolute positioning, but now the "slide panel" button doesn't move from place. Both URLs work as desired in Firefox. Thanks for any help you can provide.
[jQuery] Val() and if statement? Possibly just wrong syntax
I'm quite new to jQuery but forms are proving difficult for me. I'm trying to make a dynamic select box named 'educType' allow or disallow two other form fields depending on the selection. I'm pretty sure it is just the 'if' statement being incorrect syntax but I can't find examples for it. Here is the code I have got below. $(document).ready(function() { function changeEd(){ var edValues = $(this).val(); if (edValues == "university") { $("#edcounty, #coluni").attr("disabled", this.value == 'no');
[jQuery] IE and selectors
I've a strange problems with IE (currently, IE6. Don't know IE 7): I've got this method: function iSMSfixIEHistory() { var temp; $("#log").append("Function called "); $.each($("a[href^='#']"), function() { temp = $(this).attr("href").replace(/\#/, "stupidIE.php?query="); $(this).attr("href", 'javascript:document.getElementById("stupidIEiframe").setAttribute("src", "'+temp+'")'); $("#log").append(temp+" "); }); } It's working correctly in Firefox.
[jQuery] how do I get a printed jQuery documentation
Hi, all How do I get a printed documentation? Jack
[jQuery] Check if callback is empty
hi all, In PHP i have: if ($data = get_order_by_id($order_id)) { echo json_encode($data); return TRUE; } else { return FALSE; } Jquery: $.post("/od/get_order/", {order_no: order_no}, function(order){ $("#name").html(order.name); $("#address").html(order.address); $("#zipcode").html(order.zipcode); }, 'json'); So if the $order_id in PHP does not exist, the function returns FALSE. In this case, it like to throw an error
[jQuery] "Too much recursion" error with jQuery 1.2.6 and blockUI 2.07
Something in the transition from jQuery 1.2.3 to 1.2.6 broke our blockUI implementation. Firebug spits out /// too much recursion [Break on this error] jQuery.globalEval(elem.text|| elem.textCo...Query.browser.msie)script.text=data;else /// When we click on the button to close the block. Here's the setup. //// $(document).ready(function() { $.blockUI({ message: 'You have unread messages.<br /><a href="/ usfportal/secure/general/myBannerMessages.jsp">Click here to read them</a><br /><br /><button
[jQuery] 1 item remaining hang up with document.ready
Hi, I am developing a failry heavy loading website and I keep running into the dreaded "1 item remaining" issue on IE. AFAIK there is no real fix for this? The issue this is causing (I think) is that it prevents document.ready from launching and stops my jquery functions which results in a broken, never loading page. Is this a fair conclusion or should I be looking elsewhere for the issue? Cheers!
[jQuery] "ext js"-like dropdown box in jQuery?
Hi guys, I'm looking for a "cool" alternative to the normal HTML select dropdown box. Preferrably some javascript code that will take the existing HTML select code and generate a dropdown widget or something. A necessary feature that I'm also looking at is that the "dropdown" container displaying the options should be able to be wider than the element/widget itself and should render this way in all major browsers. I've tried this with a normal select element and CSS, but only got the desired results
[jQuery] [ANNOUNCE] jFlip plugin
Hi all, I've just released the jFlip plugin, a plugin to make unobtrusive flipping page image galleries using canvas (warning: no Flash needed!). It works with all jquery compatible browsers, IE included, using an enhanced version of excanvas I wrote. Enjoy! http://www.jquery.info/The-jFlip-plugin Renato Formato
[jQuery] Validate plugin - validate only PART of a form
Hi all, About to use Jorn's validation plugin on a project but I'm splitting the form into two parts. The user fills in the top half, clicks a button and - if it validates - the second half of the form is shown. My question then, is it possible to only partially validate a form using the validator plugin? Say in this instance I only want to validate the values in the top half.... Is this easy to do? Thanks for any help :) Regards, Michael Price
[jQuery] superfish animation (yet another )
I have recently ripped the nav down to attempt to get it to work for my own site. applying only the nav into a raw page, I still can't seem to get the animation to work in either FF or IE7. I've scoured this message group, but nothing seems to be working. Is there anything you can see in it that could be making the animation fail? test can be found here: http://agapeboardingschool.org/NEW/nav_test.html thanks
[jQuery] target ajax tab from an external page
I looked all over for tutorial or explanation to my issue to no avail. I need to be able to open a target ajax tab in an external page Basically homepage (link) ------> new page with selected tab opened... So tried various ?query string with links it loads the page but will not select the tab. Any help would be great. Jetlogs method works perfect for what I need it for except no dynamic tab selection form an external source. var pageUrl = new Array(); pageUrl[1] = "tab1.html"; pageUrl[2] = "tab2.html";
[jQuery] click / dblclick Problem
<!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" xml:lang="en" lang="en"><head> <title></title> <meta http-equiv="content-type" content="text/html;charset=utf-8"/> <meta http-equiv="Content-Style-Type" content="text/css"/> </head> <body> <div align="left"><font face="Arial" size="2"><span style="font-size:10pt">Hi,</span></font></div> <div align="left"><font face="Arial" size="2"><span
[jQuery] Superfish IE Trobule
Have a look at this page: http://72.167.210.71/stage/ The horizontal nav menu uses Superfish and its working great except on the home page with IE 6 & 7. This almost certainly has to do with IE absolute positioning bugs which have tried to solve but so far eludes me. The home page uses jquery innerfade to display a list of images one at a time and fade then in and out at specified intervals. Any suggestions a much appreciated. Thank you
[jQuery] Selector: Find the first letter?
I want to add a class to the first letter of every link in a page's navigation. Here's what I have now, but I'm missing a way to actually grab the first letter. This script would add the "caps" class to the whole link, and I only need the letter. The reason for this is that the links are using "font-variant: small-caps", and it doesn't make letters that are actually capitalized large enough to be noticeably different from their small-caps counterparts. $(document).ready(function() { $("#nav li
[jQuery] different view under ffox and ie?
http://img3.imagebanana.com/view/neg8qni8/ff3.JPG http://img3.imagebanana.com/view/nio7sjj/ie.JPG the same code, attached in the following. In the HTML, I've defined 2 div: <div id="view"></div> <div id="edit"></div> the div view will use ajax() to get the sample data (ex: a;b;c )from server and display it in a table. And after clicked edit , it will add a table into div:edit. But everything's only work in ffox. Anybody know why? var datalist; var i; var editdata; $(document).ready(function() { refresh();
[jQuery] Validate Plugin Exceptions
<div class="logRow logRow-errorMessage">Hello, For some reason I am receiving the following two errors in Firebug when attempting to load a form that makes use of the Validation plugin. I am using this in a number of places without any errors, so this has me a bit confused. I even commented out all of the form fields and any other scripts, figuring that one or more of them were causing some sort of conflict, but everything I do results in the same two exceptions being thrown. Can anyone point
[jQuery] jQuery toggle at first click
This is my jQuery code: $(document).ready(function() { $('.show_hide').click(function() { $(this).toggle(function() { alert('1'); },function() { alert('2'); }); }); }); This code set an event listener on two DIV with class .show_hide. Now, I click on first div and nothing happen. I click again and alert box 1 pop-up. This is strange , why statement run only at second click ? Thanks!
[jQuery] jqModal callback
Hello, I am in the process of writing some scripts that makes use of JqModal (<a href="http://dev.iceburg.net/jquery/jqModal/">http://dev.iceburg.net/jquery/jqModal/</a>). What I have to do is the following: The web page contains numerous ajax forms that have as their target a modal div . If the user clicks on the submit button, the response is inserted in the div and shown. Some of the forms contain a hidden select element. Once the user clicks on one of those forms' submit button, a dialogue is
[jQuery] Plugins/Validation
I've just been trying out the Validation plugin, and in the jquery.validate.js file I found a mix of jQuery.foo and $.foo statements. I'm thinking of using this in a WordPress admin page, which already includes jQuery 1.2.3 and uses it in the form jQuery(), probably because it also uses other frameworks. So I get errors when Firefox encounters the $() calls... and the easy way out was to edit the jquery.validate.js file. Is the validate code inconsistent, or should I be creating some kind of alias
[jQuery] Populate form with deserialize and JSON
I am attempting to auto-populate a form with a JSON response using the deserialize plugin. It works for first level elements in the response. But I can't figure out how to auto-set form elements that are arrays. As an example here is the JSON response I am trying to bind: {"FirstName":"Sean","MiddleInitial":"A","LastName":"Chambers","Email":"chambersa@nowhere.com","Address": {"State":{"Id":10,"Abbrev":"FL","Name":"Florida"},"Street":"1 Nowhere Drive","City":"Palm Coast","ZipCode":32164},"Discount":
[jQuery] EVENT BUBBLING - IE6 - ARRGGGHHH!!
Sorry for the caps, I know it's bad form but after all it is IE6 so cut me some slack. Take a look: // Remove href values except first link. $j('li#lang > ul > li a:not(:first)').each(function(){ $j(this).attr('href', '#'); }); $j('li#lang > ul > li a').each(function(){ $j(this).click(function(){ // Grab the language from the <li> id value. var langID = $j(this).parent().attr('id'); // Set the cookie $j.cookie('langCookie', langID); setLangCookie(); // To prevent event bubbling, return false (right?)
[jQuery] cycle not behaving the same in live environment as test
I set up jquery cycle on my local server first. Everything works great. When I was finally pleased with the very last detail, I put it up on the live server. Now it is not acting right. I am using the fade effect. Now it fades to white for a bit (longer then the pause on the test server) and then goes to the next image. I am bringing the images/text in through an xml feed, but my test environment was an exact close of the live one. I'm leaning towards a server setting, but I don't have access to
[jQuery] jquery and event binging - livequery
wouldn't it make sense to combine the livequery functionality with jquery directly? the nice thing about jquery is the ability do build elements on the fly. then why not have event capture "natively" to all newly created elements?
[jQuery] attr() does not return undefined in IE8
I've just discovered a slight compatibility issue with the IE8 beta when running in the default standards mode. The following code should return undefined, but it actually returns an empty string: <html> <div>hello</div> <script type="text/javascript" src="jquery-1.2.6.js"></script> <script type="text/javascript"> alert($("div").attr("doesnotexist")); </script> </html> It works correctly when running in IE7 emulation mode.
[jQuery] [tooltip] IE6 not using CSS classes depending on position.
Hi there, This tooltip works great, but when I even view the demo page ( http://jquery.bassistance.de/tooltip/demo/ ) in IE6, and look at the "fancy" / "pretty" tooltips, the one at the right hand side of the screen doesn't display the correct image background. Also if I scroll the page so that the tooltips are almost at the bottom of the page, and the image backgrounds need to pop up above the cursor position, the image background is also wrong. (This last one is a problem in all browsers I think).
[jQuery] How do I... select box onclick enable other form elements?
I'm fairly new to jQuery and getting on OK but this one baffles me. I have a form with a select list with three values. One of the values should do nothing while the other two should enable two other form fields that have been disabled. The structure is like this: <select id="question"> <option value="no">This</option> <option value="yes">That</option> <-- click this to enable fields below <option value="yes">The other</option> <-- click this to enable fields below </select> <select id="box2" disabled="disabled">
simple horizontal slide panel - IE7 DOM
for: http://f1shw1ck.com/activity_viewer/slider.html# I'm trying to have a simple slide panel move in from the left and overlay the main content to the right. This works as I want it in FF, but in IE the main content is pushed further to the right, instead of remaining in place. Perhaps this question is more about me not understanding the DOM, but any help would be appreciated... Thanks, -J
[jQuery] jdMenu zindex
Hello, I'm using jdMenu on a site, no matter what I try I cannot get the menu to go over the top of a certain area of the website. www.madbags.com.au/index.php then mouseover the product and shopping menu at the top. any ideas would be very welcome. even some ideas on the jdMenu configuration. Thanks Kyle
[jQuery] How to disable use of proxy in jQuery UI sortables
How to disable use of proxy in jQuery UI sortables functionality? I am sorting three DIV elements that contains iFrames inside it. While Dragging is started, for some time I am not able to view content inside that iFrame which is being dragged as it is a proxy element for the original one. So, Is there any alternative for this? How to use our own proxy element instead of default one?
[jQuery] Cornerz 0.4
Hi I've just released Cornerz 0.4 http://groups.google.com/group/cornerz Bullet Proof Corners plugin for jQuery using Canvas/VML * Antialiased * Fast - this pages renders in 200ms on my Vaio in Firefox and there's quite a few corners!! * Support for any size radius and border width with minimal performance increase * No excanvas * Current layout is maintained * Works with many tested positions/display/floats (current limitation with inline) * Supports fluid layouts. * Original div still shows through,
Next Page