[jQuery] Easing plugin and IE
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META http-equiv=Content-Type content=text/html;charset=Windows-1252> <META content="MSHTML 6.00.6000.16544" name=GENERATOR></HEAD> <BODY id=MailContainerBody style="PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-TOP: 15px" bgColor=#ffffff leftMargin=0 topMargin=0 CanvasTabStop="true" name="Compose message area"> <DIV><FONT face=Calibri>Using the easing plugin located at <A title="http://gsgd.co.uk/sandbox/jquery/easing/
[jQuery] jQuery API Reference in CHM
Hi, This is (yet another, if there is any) API reference of jQuery in CHM format http://charupload.wordpress.com/2007/12/07/jquery-documentation-chm/ The pages are taken directly from http://docs.jquery.com/Main_Page because I unfortunately know that there is a documentation in xml after creating the CHM :P -- Charles
[jQuery] How do I run a function on my selected items?
Here is my selection: $(".myClassName") Here is my function: function myFunction { alert( $ (this).attr('id'); } So, foreach selected element in my selection I want to run myFunction on it. Does that make sense? Thanks!
[jQuery] Tumblr integration - cross domain issues
Hi all, I am setting up a small site at the moment and wan´t to include my tumblr posts on it. It´s basically three ways of doing this, use the tumblr js which is pretty straight forward- adding the correct path to the tumblr account and whoha the posts are showing. Unfortunately not so elegant formating and it´s breaking my site in some strange ways. Anyhow, the other two and more elegant ways is to use the Tumblr API Read with the two options of XML or JSON which should be pretty easy to implement
[jQuery] Tumblr integration - cross domain issues
Hi all, I am setting up a small site at the moment and wan´t to include my tumblr posts on it. It´s basically three ways of doing this, use the tumblr js which is pretty straight forward- adding the correct path to the tumblr account and whoha the posts are showing. Unfortunately not so elegant formating and it´s breaking my site in some strange ways. Anyhow, the other two and more elegant ways is to use the Tumblr API Read with the two options of XML or JSON which should be pretty easy to implement
[jQuery] Dropdown box (select list) with images?
Is there a jQuery tool that allows me to create a downdown list ("SELECT" in HTML terms) where I can have images in the list? For example a select language downdown, with a flag before every language. I guess this would technically be a DIV that is displayed when you click a dropdown icon, but then with all kinds of added finesses for positioning, sizing, scrolling, selecting, etc. Thanks, Peter
[jQuery] odd behavior with toggle
I've had a minor issue with a function I'm using to toggle a large number of rows (200+) in a large table (300+ rows, 20+ columns). Initially I tried the following code (forgive any typos, typing this at home, not work, so I may have some minor issues) am am curious why it doesn't work the way I'd expect: // d = detail // w = wait... // t = #tableid tbody function toggleZero(d,w,t) { d.hide(); w.show(); $("tr:not(.nonZero)",t).toggle(); w.hide(); d.show(); }; I'd expect it to do those operations
[jQuery] JQuery Performance Issue
Dear All, I found a very sever performance issue with jQuery load time Please user sample code below: page 1 <HTML> <HEAD> <TITLE> New Document </TITLE> </HEAD> <BODY> Scenario 1: <A HREF="page2" target=”_balnk”>TEST PAGE LOAD TIME DEMO 1 Scenario 2:<A HREF="page2" target=”myframe”>TEST PAGE LOAD TIME DEMO 2 <iframe name=”myframe”></iframe> </BODY> </HTML> Page2 ---------------------------------- <HTML> <HEAD> <TITLE> New Document </TITLE> <script type="text/javascript" src="jquery-latest.pack.js"></script>
[jQuery] Input Type of Submit Event not working in IE
I am trying to add a click event to all form input's that are type of submit. The following works great in Opera and FF but does not work in IE. I have tried numerous various without success. $('input[@type="submit"]').click(function () { //do stuff }); I have a very similar type of implementation which catches links that go to external websites and it works great: $('a[@rel*="external"]').click(function() { //do stuff }); Why would one work and the other not?
[jQuery] Validation Plug-in Problem
<!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>Validation Plug-in Problem</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"><FONT FACE="Consolas"> especially Joern.</FONT></SPAN></P>
[jQuery] Make an entire div clickable
Hi all I am attempting to write a bit of code to make all divs with the class "clickable" into a big button, this button would act the same as clicking the href contained within the div. ie, I want to make the entire div clickable, not just the href within it. I have written this code, but it doesn't work, and it doesn't produce an error: jQuery(".clickable").css("cursor","pointer"); jQuery(".clickable").click(function(){ $(this).children("a:first").click(); }); eventually I will want
[jQuery] IE7 odd bug with val()
Hi all! I've a strange errore that happens ONLY in IE7 but not in FF, and I can't get the solution!!!. Having an html like this: <td id="contentPane"> <span>Colonna Centrale</span> <div class='pageLayout-module'> <input type='hidden' class='sectionId' value='38' /> <input type='hidden' class='sectionAction' value='62' /> <img src='/Resources/img/32x32/miscellaneous.png' alt='' /> <div class='pageLayout-module-title'>Landing</ div> <div class='pageLayout-module-desc'>Tipo: HtmlContent</div> </div>
[jQuery] Event handling - capture an event and trigger it upon confirmation?
I'm trying to write a app that watches for changed data, then if a user clicks on something else, it warns them that they have unsaved data with a modal dialog. I'm calling e.preventDefault on the event initially and then trying to make it so if they select yes, the event will be re-triggered. It seems like a common enough thing, but I'm just going in circles. What is the best approach for this? // sudo code var changed = false; $(form).bind("change", function () { changed = true; }); $("a").click(function
[jQuery] XML filter
Hello people, i'm in very trouble to make a filter on a XML document, comingo from a AJAX method ($.post()). I need to show some filtered itens of the XML documents, but i don't know how. Can anyone give me a help? Thanks a lot
[jQuery] [PLUGINS] Preview: buildBreadcrumb
<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:0cm; margin-bottom:.0001pt; font-size:12.0pt; font-family:"Times New Roman";} a:link, span.MsoHyperlink {color:blue; text-decoration:underline;}
[jQuery] Element not appended in IE7
Hi, can anyone help me understand why in this case the element is not appended in IE7: for(var i=0; i < lista_files.length; i++) { $a = $('<a>').appendTo($container); $a.addClass('expander_link'); $a.attr({ 'id':'exp_link_1', 'href':'#' }); $a.html(tipo_file[1]); alert($a[0]); } In firefox the alert gives me the href, in ie I get "undefined". With this method I append also other elements (like img), and these elements doesn't have any problem. There is something wrong in my code? Thank you
[jQuery] IE and the Funky Overflow
This is my first jQuery post, and may I just say that jQuery (like so many others) has changed the way I program. Ok so I'm developing a completely ASP.net & jQuery website. My problem is that when I use css overflow in IE7 it doesn't really overflow when I widen a div using jQuery().animation; IE7 still thinks it's visible although you can't "see" it. What should I do to really HIDE the extra for IE7? Please note, FF works great with it :). rObert
[jQuery] Why won't this validation run?
<!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>Why won't this validation run?</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] validation in IE6
I am using the validation and forms plgin together like that: <script type="text/javascript"> $(document).ready(function() { var options = { target:'.cfjq_form_target1', beforeSubmit: function(){ $('.cfjq_form_target1').empty(); $('.loading1').show(); }, success: function() { $('.loading1').hide(); } }; $(".cfjq_form1").validate({ errorContainer: $(".messageBox1"), errorLabelContainer: $(".messageBox1 ul"), wrapper: "li", submitHandler: function(form) { $(form).ajaxSubmit(options); } }); }); </script>
[jQuery] What is the best way to remove an element from a jQuery array?
Bit of a brain block today, maybe I'm being daft but... How do we remove the element referenced by $myElem from a list of elements in $myElements ? Scenario: We have one element in a variable named $myElem (a jQuery array of one element). This element may also exist in another variable named $myElements (a jQuery array of several elements). I cannot use $myCollection.remove(...) because that would remove the element from the DOM too. I can only think of using $myElements = $myElements .not("#" +
[jQuery] jqModal and triggering DOM element
Hi! I have a need to do something everytime jqModal window is closed. Reading documentation revealed that I could use onHide callback. Calling this function works correctly but I need to retrieve id of the element that triggered jqModal in it and I don't know how to do it. I tried: var id=h.t.attr("id"); and $(h.t).attr("id"); but it doesn't work this way. Can someone point me in the right direction, please? -- View this message in context: http://www.nabble.com/jqModal-and-triggering-DOM-element-tp14256207s27240p14256207.html
[jQuery] [SITE SUBMISSION] Shooting For A Cause Charity site
For the past few months, I've been working on a project for charity and just had to add some JQuery to the site. The project is a series of four calendars to benefit The National Center for Missing and Exploited Children. These calendars contain photographs on various subjects (Earth and Sky, Flowers, Sunrise Sunset, and Wildlife) which were submitted by the fine folks over at the Digital Imaging Forum at BroadbandReports.com. Five dollars from each calendar sold goes to NCMEC. (The rest goes to
[jQuery] Cross domain photo gallery using get().
I'm participating in an event in which you post photos of yourself each day (http://www.whiskerino.org/2007/creole/). The organizer of the event created RSS feeds for each participant. I thought it would be fun, and a good challenge to write a photo gallery using the Cycle plugin that could be used by any of the participants (http:// www.commadelimited.com/code/whiskerino/slideshow.cfm). It works great on my server, but I mistakenly assumed that the local reference data.cfm (the file that does the
[jQuery] Javascript Console that uses jQuery
Hi guys, quite long ago, I made this javascript console for Maxthon (http://www.maxthon.com), that has some of the features of Firebug. Recently I decided to improve it and released version 2.0. If someone uses Maxthon, or has it installed, and is interested... here are the links. Project page at Maxthon add-ons: http://addons.maxthon.com/post/2007/03/30/javascript-console-for-maxthon-jscm Post at my blog: http://flesler.blogspot.com/2007/12/javascript-console-for-maxthon-jscm-200.html The new release
[jQuery] problem with keypress delay and ie
hi everybody, just joined this group:) i'm using yahoo autocomplete and jquery (i'm not an expert, just using jquery for some weeks now). I've got the autocomplete which trigger a function on choosing an option both via mouse or keyboard. The click event works fine but if i use the return event in ie i need to keep pressed the key for a millisecond more in order to trigger the event. Has anyone had the same problem before(and a solution)? the code is : $("#ysearchinput").keydown(function(e){ if(e.keyCode==13)
[jQuery] delay problem on kreypress with ie
hi everybody, just joined this group:) I've been using jquery for some weeks so i'm not an expert. This is my problem: i'm using yahoo autocomplete. On choosing an option from the dropdown div a function is triggered whether the choice is made with the mouse (click event) or with the return key(keypress event). In this second instance it works fine in firefox but in ie if i don't keep the return key pressed for a millisecond more the event is not triggered!! Anyone has had this problem (and a solution)
[jQuery] Non-standard port error
Hi there! We use JQuery in an enterprise application, and run across the following problem. We deployed to a new server, and aaccess the site with non-80 port, like http://the.site.com:81/ And the error is. JQuery, only for IE 6, asks the URL "http://:/" and IE stops working. The reason why I think it's JQuery, is that when I switch it off completely (do not load JS file), everything works fine. Did anyone came across such error? Thanks guys! Alex
[jQuery] jQuery Magnifier for multiple divs
My apologies if this is posted twice. I'm having some problems using the magnifier ui. Everything seems to work for one div of images however if I add another div of images the script does not work as expected. For the second div the image zooms in when the mouse is not even close to the image. I have posted the sample code below and a link to the sample http://www.kikesweb.com/pos/magnifiertest.html http://www.kikesweb.com/pos/magnifiertest.html <html> <head> <script type="text/javascript"
[jQuery] Drag and Drop running very slowly
Hi everyone, I am writing a drag and drop day-planner application. I have got it working as I want but it is very very slow. this seems to be due to the sheer number of draggable and dropable elements on the page (when I delete them all but a handfull, everything speeds up to a reasonable speed). Can anyone suggest improvements to my coding so far to speed this up? http://www.markdw.com/jquery/drag_drop7.php Many thanks! Mark
[jQuery] Cluetip newbie questions
I have a need to use Cluetip. It seems to do exactly what I need, except I'm not familiar enough with it to know the "right" way to trigger it in my case. When I mouseover the trigger element (simple div), I need to extract some detail from the trigger's ID, pass those details to an Ajax page, get the results back, build the output, and THEN show the cluetip. With this extra processing needs, it would seem the "rel" attribute option is not the best choice in my case. Am I right to be thinking I need
[jQuery] Passing Values into internal variables
I'm using http://www.learningjquery.com/2007/10/a-plugin-development-pattern to develop my own plugin and I am stuck whilst trying to pass information into the generated 'object'. Something along the lines of setting the date on a calendar from outside... such as you can do with the UI datepicker. Is there a simple example of how to do this somewhere? I've abstracted the code below as much as I can, the short story is that plugin builds a list of items you can pick from and populates the input with
[jQuery] links not working in Div
I've got a set of 6 divs that I am using jQuery to fade in and out depending on where a visitor navigates to. Inside these divs I have pretty standard text. For some reason, on IE, any links that I have are not clickable. I've also got the css on the div containing the text to "overflow: auto" so that if there is more text than fits in the window, it will scroll. This isn't working in IE either. Both work as expected in Safari and Firefox. Here is a link to the page with the problem: http://safaribydesign.com/faq/
[jQuery] How to return data when calling an ajax function?
Hi, if I have the following code: function xhr(sWT){ var dReturn; $.ajax({ type: "GET", url: sWT, error: function(errorData){ dReturn = errorData; }, success: function(successData){ dReturn = successData; }, complete: function(){ return dReturn; } }); } xhr('http://foo.com'); ...how can I call the xhr(); function so that it returns the response from the ajax call? At the moment it's not
[jQuery] Using $(this) in :has()
I am having trouble understanding how to use $(this) in a function. I would like to refer to a div container by an image in that container. The architecture is something like this: <div class="container"> <div class="subcontainer"><img class="trigger" src="" /></div> </div> Ideally I would use: $(".trigger").click(function () { $(".container:has(this)").hide("slow"); }); But this doesn't work. I could use .parent().parent(), but that's bad practice. What is the correct way to approach this problem?
[jQuery] Geocoding with Google Maps while a page is loading
For several hours I tried to get the Google Map GeoCoding Script of Blackpool Community Church Javascript Team working with jQuery but I failed. Loading the script from an external file is no problem. But I can´t get the function showAddress() starting when the page is loaded. I tried $(window).load(function(showAddress), $ (document).ready(function() - no one worked. The address is stored in a paragraph with the id "address" which one I can manipulate. When I put the JavaScript-Code inside the XHTML-Code
[jQuery] youtube jquery plugin
Hi, I repost the "jquery plugin youtube" .As because some conflict with post message in the previous thread. I just want to announce you about the jquery youtube plugin.You can check it out here : http://saidur.wordpress.com/2007/12/03/jquery-youtube-beta-plugin/. Or if you want to see the details then you can look at : http://bijon.rightbrainsolution.com/youtube/
[jQuery] Why is removeAttr necessary? (Instead of overwriting with attr)
Hi folks, I just spent the last hour trying to figure out why a piece of jquery wasn't working, and finally tracked it down to inaccurately assuming you could overwrite an attribute with attr. Using attr to blank out values (ex: .attr("name", "")) seems to work fine, but as soon as I try to use it with an actual variable (ex: .attr("id", idvar)), nothing happns. I finally discovered that the code worked perfectly if I called removeAttr("id") first, prior to the .attr("id", idvar) call. Can anyone
[jQuery] Using jQuery instead of "onLoad"
Hello, This is kind of a general question, but I'm hoping it's not too simple to answer. To speed up my entire page loading time, I'd like to replace a standard "onLoad" call in an existing Javascript in the page (the script loads a Google Ajax news feed display) with the same jQuery call that is used to load the Superfish menus. I haven't been able to figure out exactly what I want to use for the jQuery call by parsing through the Superfish script. Is there documentation somewhere of this call that
[jQuery] Bug in jquery-roundcorners-canvas !?
Hi all, i try to debug a bad behavior in IE (6+7), i found: This Plugin works not when the CSS definition is global set on a ContextSelector. My engl. is to bad to wirte it better, i have setup a Demo of the problem. http://olaf-bosch.de/bugs/jquery/corner/ Please look at this and you see was you get ;) What is to do? Have any interest to upgrade this Super-Plugin? The Autor self is not seeing anymore :( ------------------------------------------- By the way: I have edit the jquery.corner.js to better
[jQuery] unsubscribe me
Next Page