[jQuery] animate calculates wrong duration with linebreaks?
http://paste.css-standards.org/31399/view Checkout the slide out of Ice Hockey or Tennis. Seems like the "duration" is calculated wrong when there are linebreaks? The funny part about it is that the slide up works fine. To me, this occur on both firefox 2 and safari 3. Is it a jquery bug? is it a DOM-issue? Tried with jquery 1.2.3a aswell....same issue. Thanks in advance.
[jQuery] jquery newbie test
<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns="http://www.w3.org/TR/REC-html40"> <head> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=us-ascii"> <meta name=Generator content="Microsoft Word 11 (filtered medium)"> <style> <!-- /* Style Definitions */ p.MsoNormal, li.MsoNormal, div.MsoNormal {margin:0in; margin-bottom:.0001pt; font-size:12.0pt; font-family:"Times New Roman";} a:link, span.MsoHyperlink {color:blue; text-decoration:underline;}
[jQuery] Submting html form does not work in ie explorer
Hi, I have two jsp pages. In one I create a form: <form id="uaForm" action="basic.jsp" method="post"> ... </form> I have bound this form to ajaxForm $('#uaForm').ajaxForm({ target: '#htmlChartTarget', success: function() { $('#htmlChartTarget').fadeIn('slow'); } }); Now when the first form is submitted to the basic.jsp its (html) response along with some js code returned are displayed in htmlChartTarget div. The js code is also executed. This works absolutely fine in firefox. The same when I run
[jQuery] Submting html form does not work in ie explorer
Hi, I have two jsp pages. In one I create a form: <form id="uaForm" action="basic.jsp" method="post"> ... </form> I have bound this form to ajaxForm $('#uaForm').ajaxForm({ target: '#htmlChartTarget', success: function() { $('#htmlChartTarget').fadeIn('slow'); } }); Now when the first form is submitted to the basic.jsp its (html) response along with some js code returned are displayed in htmlChartTarget div. The js code is also executed. This works absolutely fine in firefox. The same when I run
[jQuery] Handling events on remotely loaded html code
Hi guys, I have this code where it will dynamically load the html code coming from a remote url but when I created an event for this html code. Jquery doesn't recognize the elements coming from this html code. What should I do for jquery to execute the click event <p id="contents">Test? Thanks Here's the snippet ########################################################## Html source: <div id="show_box_container"> </div> <a href="javascript:show_box('xxx');" class="actions">Show</a> ##########################################################
jQuery sortable columns - extending the 'listening area'
Hi everyone, I'm trying to implement a portal style interface for the home page of a site, using the jQuery and the UI library - basically mimicking the eyecon Interface stuff, but using jquery.1.2.2. I've got the multi-column sortable stuff working but would like to amend it slightly, the sorting only takes place when you are directly above or below a sortable item in one of the columns - however, I'd like the user to be able to drag their item anywhere within the column itself to initiate the sort
[jQuery] jCarousel - How do I hide the list before display
Hi, Is there a way of hiding the list before the carousel is fully generated. I often get to see the list of images before the carousel effect is produced. I've tried setting display to none in my css and then executing jQuery .show after the carousel, but seems doesn't work well. many thanks
[jQuery] how to bind one action to multiple events?
... at least, that's what I think I need to do! Trying to do a simple a: rollover - but, being a perfectionist, I want the rollover behaviour triggered by mouseover OR focus. And then, of course, on mouseout OR blur. I tried sticking 2 events together with a | , without success. However, this is my first attempt at 'binding' so might have done the whole thing wrong. How should I do this? Thanks :) Cherry.
[jQuery] replacement image to fade in + out again - how?
Me again :/ OK, I accessibly replaced my h1 with this clunky snip: $('h1').append('<img src=\"/images/headertext.gif\" alt=\"alt text\" title=\"title text\" longdesc=\"http://something.com/ fullinfo.html" />'); There's a visible lag pre-loading on this machine (220kb connection) so I'd appreciate advice .... Now I want an alternative image to fade in & fade out again, simulating a 'glow' effect. I only want this to happen once. Is there a way to achieve it without putting a hidden div on top of the
[jQuery] filter vs find
<div>Could someone explain to me the difference between filter and find. Their descriptions sound very similar to me. What are the criteria to choose one over the other?</div><div> </div><div>TIA!</div><div><br class="webkit-block-placeholder"> </div><div>kynn</div><div> </div>
[jQuery] JQuery Size > YUI Compressor & mod_deflate/GZIP
An update to the analysis at the link here: http://www.julienlecomte.net/blog/2007/08/13/ ----=== Expected best compression rate ===--- Uncompressed jquery-1.2.2.js = 93.1 KB Compacted with latest release (2.2.5) of YUI Compressor = 52 KB After Apache/2.2.3 (Red Hat 5) mod_deflate GZIP compression with highest compression settings = 15447 bytes ----=== Unexpected best compression rate ===--- Packed jquery-1.2.2.pack.js 28.6 KB After Apache/2.2.3 (Red Hat 5) mod_deflate GZIP compression with highest
[jQuery] inArray inst working in my script
jQuery.getCSS = function(url, media, rel, title) { estilos_href = new Array(); $.each( document.styleSheets, function(i, n){ estilos_href[i] = n.href; }); nuevo_estilo = jQuery(document.createElement('link')).attr({ href: url, media: media || 'screen', type: 'text/css', title: title || '', rel: rel || 'stylesheet' }); if ( ! $.inArray(nuevo_estilo[0].href, estilos_href) ) { nuevo_estilo.appendTo('head'); } }; what im doing wrong?
[jQuery] [Validation] v1.2.1pre - Validating an empty field and
Jörn, Jeez, this groups board is the buggiest thing I've ever seen from Google. I can't answer my own post anymore (http://groups.google.com/ group/jquery-en/browse_thread/thread/74705e85e6d0b747#) so I've started this new one. So annoying, because all I want to say is... I moved up to your latest release and the issue of validating an empty field is still there. http://monovisiondesign.com/client/jquery/validate-url/form.php
[jQuery] Validation 1.2 and UI Date Picker issue
I think I found a bug in the validation 1.2 or ui datepicker plug-in. I also have the ui datepicker attacked to two of the form elements. Now when I try to validation a form and the fields that are calendars are not fielded in, the calendar popped up for the first calendar element. Now I am not sure if this is an issue with the datepicker or the validation plug-in. I don't know how the calendar it triggered, i would assume a click event, but i searched the validation plug-in for a trigger('click')
[jQuery] Passing dyanamic parameters
I'm trying to work out the best ways to pass parameters to JQuery AJAX functions if I don't know the value of the parameters in advance, because the web page has been created dynamically. Take the example, where a user wants to search for details on a range of books. They enter a serarch term and a list of books is provided. Then the user clicks on the 3rd item in the list - which needs to tell the server to get the details for this particular. Cheers MerMer
[jQuery] Could JQuery or Thickbox be eating my image onerror and onload events?
From the html running inside of a Thickbox iframe I've discovered that something is causing the onerror and onload events for my images to not get triggered when running in Firefox 2. This issues does NOT occur in IE 7. For example, try putting this into content that is loaded within a Thickbox iframe: <img src="http://someotherdomain.com/file.gif?rand=xxx" ID="myid" onerror="alert('img onerr');" onload="alert('img onload');"> When the content loads in IE the "img onload" alert is displayed as soon
[jQuery] Drag n Drop
I have a draggable div, and a droppable div. How can i make something like this If drop outside droppable revert to initial position else update ?
Enable Menu After Animation
I have some DIVs that slide down at set delays that become links. Here is what I use to setup the DIVs in $(document).ready() The last line loads the first page in another area. $("#sec1").animate({opacity:"1.0"},2000).slideDown("slow"); $("#sec2").animate({opacity:"1.0"},3000).slideDown("slow"); $("#sec3").animate({opacity:"1.0"},4000).slideDown("slow"); $("#sec4").animate({opacity:"1.0"},5000).slideDown("slow"); $("#home").animate({opacity:"1.0"},6000).slideDown("slow"); And this is what I use
Saving state using jQuery Sortable Plugin
Hi, Im new to jQuery and need to implement the sortable plugin (http://interface.eyecon.ro/demos/sort.html) to a website. Implementation was easy until I realized that I need to be able to save the state of the sortable. My questions are : - How do I save the state/order in the database ? I would like to call a CF page and save the serial.hash to DB - How do I load the state/order from the database ? I would like to call a CF page and get the serial.hash from DB Im using Coldfusion to talk to my
[jQuery] An Eclipse Plugin for JQuery, other than jQueryWTP ?
anyone using jQueryWTP in eclipse? the install directions destroyed my eclipse environ and i had to re- install--even though i replaced the modified plugin with a copy of the original. it was odd. I'll settle for a dreamweaver plugin, if anyone knows of one, but would rather have eclipse one. Thx.
[jQuery] Detecting ctrl+click on an element
The subject says it all... How I can detect a crtl+click on an element? Thank you. -- gianiaz.net - Giovanni Battista Lenoci P.le Bertacchi 66 23100 Sondrio (SO) - Italy
[jQuery] Help populating an array via JSON
Hi, I have a javascript function as follows: function StateSuggestions() { this.states =[]; $j.getJSON("client/ajax/getMedList.php", function(data){ alert("inside getJSON" + data.length); this.states = data; alert(this.states.length); //Value says 10 for (i = 0; i < data.length; i++) { alert("test" + i); } }); alert(this.states.length); // Length here is 0 } I want to populate the this.states array with data being retrieved by the getJSON call...however it appears
[jQuery] Author of UI-Tabs Plug-in?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> <HTML> <HEAD> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=us-ascii"> <META NAME="Generator" CONTENT="MS Exchange Server version 08.00.0681.000"> <TITLE>Author of UI-Tabs Plug-in?</TITLE> </HEAD> <BODY> <!-- Converted from text/rtf format --> <P DIR=LTR><SPAN LANG="en-us"><FONT FACE="Consolas">Hi, all</FONT></SPAN><SPAN LANG="en-us"><FONT FACE="Consolas">…</FONT></SPAN><SPAN LANG="en-us"></SPAN></P> <P DIR=LTR><SPAN LANG="en-us"><FONT
[jQuery] set focus on change
I want to run a validation function after a user enters data. If the validation fails, I want do an alert telling them so and set the focus back to that field. But even at the most basic level, I can't get the focus to stay / go back to the field that was changed. Interesting that it does seem to work in IE 7, but not FF. $(document).ready(function(){ $('#testField').change(function() { alert('wrong value'); this.focus(); }); }); Any ideas here? Or suggestions on how to reset focus back to the field
[jQuery] [validate] Validation Plugin - Associate array naming with a single error label
Hey folks, I often pass variables to the backend using associative arrays. However, I can't seem to associate the error label with the group as a whole, as in HTML Form terms, it's actually 2 separate elements, rather than array (which PHP sees it as). <label for="group[*wildcard*]">Associative Array Test</label> <fieldset id="login"> <label><input type="checkbox" name="group[property_1]" value="1" validation="required:true/> Username</label> <label><input type="checkbox" name="group[property_2]"
[jQuery] ui accordian behaviour mods
Good morning all, The default behavior for the accordion is to close all the open panels when opening a new one. It would be much nicer to have an option for this. It would be quite useful to peruse a list with many panels and have the ability to open some of them and leave them open so you could see/compare the content between panels of interest and close the panels with no interesting content. I'd prefer to have a 'toggle' option to open/close panels as desired. Has anyone done this already? Thanks
[jQuery] Superfish - CSS questions ?
Hello, I'm using for a personal project the SUPER superfish menu ;-) Everything is working great, you can have a look here http://ugo.celeonet.fr/a/menu.html and my css is here : http://ugo.celeonet.fr/a/css/nav2.css My version of the superfish menu :) But I've got a question, I would like to know if it's possible, to have the text color of my current main tab (first item, black background color) in white whatever happen ? (The same style as in hover state) I hope I'm clear enough... My english is
[jQuery] ajaxSubmit and NiceJForms plugins
Hello. The NiceJForms plugin is called like following: $.NiceJForms.build(); I build a form dinamically so that I have to call again NiceJForms to apply it to the new elements. Here is the problem, if I do: var options = { //some stuff success: function() { $.NiceJForms.build(); } }; $('myform').submit(function() { $(this).ajaxSubmit(options); return false; }); then NiceJForms is built twice, so that all elts appear twice. How could I "un-build"
[jQuery] Another jdMenu problem... IE specific...
Hi folks. I'm having another problem with the jdMenu plug-in. In IE when I hover over the top-level menu the sub-menu appears in the absolute top left of the view-port! Bah! I don't know what I've done wrong. I've used jdMenu at another client of mine, and it works great in both FF and IE. This time around however, I *am* customizing the css file quite a bit to better suit my needs. The problem can be seen <a href="http://seidal.com/dev/furniturehotspot/">here</a>. This is causing me much aggravation,
[jQuery] How to prevent user from clicking links or buttons while submitting
Here is the situation. We have a form that has links and when the user clicks on them it will submit the form. The problem is that sometimes the users were doubleclicking or clicking on different links while the form was submitting. I am completely new to jQuery but one of the programmers implemented the solution below. What it is doing is binding a function that clears the onClick event when the link is clicked. It works great in firefox but it is causing IE to lock up. I was thinking that somehow
[jQuery] Cycle CountUp
<span style="font-family: trebuchet ms,sans-serif;">Interesting tidbit:</span><br style="font-family: trebuchet ms,sans-serif;"><span style="font-family: trebuchet ms,sans-serif;">I as looking at the questions on Experts-Exchange for JavaScript.</span><br style="font-family: trebuchet ms,sans-serif;"> <span style="font-family: trebuchet ms,sans-serif;"><a href="http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/">http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/</a></span><br
[jQuery] ajaxSubmit and NiceJForms plugins
Hello. The NiceJForms plugin is called like following: $.NiceJForms.build(); I build a form dinamically so that I have to call again NiceJForms to apply it to the new elements. Here is the problem, if I do: var options = { //some stuff success: function() { $.NiceJForms.build(); } }; $('myform').submit(function() { $(this).ajaxSubmit(options); return false; }); then NiceJForms is built twice, so that all elts appear twice. How could I "un-build"
[jQuery] How to bind to a dynamically created object
Isn't it possible to bind to a previous created object? I've the following code for (var i in data) { $('#eintragsliste').append( '<tr><td><table><tbody>' + ' <tr>' + ' <td><img class="expanding" src="images/plus01.png"></ th>' + ' <td>...</td>' + ' </tr><tr class="expanded">' + ' <td> </td>' + ' <td>...</td>' + ' </tr>' + '</tbody></table></td></tr>'); } $('.expanding').bind('click', collapser_collapse_all); } function collapser_collapse_all () { $ ('.expanded').hide().removeClass('expanded').addClass('collapsed');
[jQuery] Viewport selectors
http://www.appelsiini.net/projects/viewport I recently needed to locate images inside and outside of viewport. So I extracted selectors I had in Lazy Load and added some new ones. Result is viewport selectors plugin. Gives you new jQuery selectors such as: $(":in-viewport") $(":below-the-fold") $(":above-the-top") $(":left-of-screen") $(":right-of-screen") They are not the fastest ones so if you have gazillion of images / elements to check it will weel sluggish. I tested with main browsers but any
[jQuery] work with what this.id gave me
hi, i have a click handler for a class in which i save this.id chosen = this.id later on i want to do something like $(chosen).empty(); but this just works if chosen = '#' + chosen; happens before that. because i think this is somehow ugly i just wanted to know if there is maybe a better way to do this.
[jQuery] IE won't change the 'name' attribute :|
Hi, I'm fighting with this piece of code: var $input_new = $parent.children(".materiale:last").children("input[name^='alias_']:last"); var lunghezza = $input_new.attr("name").length; var nuovo_nome = $input_new.attr("name").substr(0, lunghezza-1) + (quanti); $input_new.attr("name", nuovo_nome).attr("value", "").prev("label").attr("for", nuovo_nome); the last line is the problem. on FF everything goes right, but in IE7, this part $input_new.attr("name", nuovo_nome) doesn't have any effect at all.
[jQuery] contents().height() in FF
Hi, i've got a div with overflow:auto. I want to check whether the content of the div is higher than the div itself (in order to know whether I need to show a "scroll down" link or not). In Internet Explorer with jQuery 1.2.2. I can get the contents height without any problem with: $("#div").contents().height() (I don't know if this is the best way to do it, but it's the only one I found...) The problem is, in Firefox it doesn't work and all I get is the following error message: Fehler: [Exception...
[jQuery] IE7 not adjusting width of select box
I'm having a spot of bother with select boxes in IE7. I have one select box which empties and refills a second when the selected item changes using an AJAX call. This works fine in Opera and FireFox but IE7 doesn't adjust the width of the second select box to match the new contents. There must be a simple workaround for this but for the life of me I can't find it. I don't really want to fix the size in CSS. My code is below, the AJAX page just returns a list of val=text pairs to populate the select
[jQuery] jQuery Cycle Plugin delay problem
Sorry for my bad english. I use jQuery Cycle Plugin http://www.malsup.com/jquery/cycle/ it work very well, but i could not change delay option $(document).ready(function() { $('#news').cycle({ fx: 'scrollLeft', slideExpr: 'p', delay: -15000 }); $('#news').hover( function() { $('#news').cycle('pause'); }, function() { $('#news').cycle('resume'); } );
[jQuery] problem doing auto complete
I have create an auto complete plug-in the it almost prefect for what I need, just one small problem. The problem is that I can't get the auto complete box to disappear when i click click outside of the input box and outside the auto complete box. now my first try was to do a blur event on the input box which does the job but since the blur event happens before the .click event on the auto complete items, the auto complete box disappear before the click event happens. Is there another way to hide
Next Page