[jQuery] jquery scripts in internet explorer not running
Hi, Yesterday I ran into problems with colliding namespaces on a project I'm working on, so I decided that while I was getting organised I'd try out a js library, and choose jquery. I think I made the right choice, but some of my scripts now do nothing in IE while still working in firefox. One of the scripts that doesn't work is very simple, so I'll provide it as an example: // select all checkboxes, add a "select all" button to buttons div // using standard js: $(document).ready(function() { //alert($("div.buttons").length);
[jQuery] PicLens
<!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.16608" name=GENERATOR> <STYLE></STYLE> </HEAD> <BODY bgColor=#ffffff> <DIV><FONT color=#000080>Thought you might be interested in PicLens from a new startup in Menlo Park, CA called Coolris that is getting some rave reviews for its 'beyond the browser' technology. See <A href="http://www.piclens.com/site/firefox/win/">http://www.piclens.com/site/firefox/win/</A> and
[jQuery] [newbie] form+ajax
I have a simple form followed by a div: <form id="form" method="post" action="search.cgi"> <ul id="formFields"> <li><input id="word" name="word" class="field text medium" type="text" maxlength="255" value=""/></li> <li><input type="submit" value="Search" /></li> </ul> </form> <div id="results"></div> when I submit the form I would like to display the search.gci page inside the results div I'm not able to modify the action performed... can you please help a novice? Mauro
[jQuery] Preventing closure memory leaks.
<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] ui.draggable() ie6/7 select issues
Hello, I am having a two part issue with ui.draggable() 1. When there is a SELECT within the DIV that has been made draggable, in IE7 the no options in the SELECT can be chosen. In IE6 it is less severe, just that the slider on the SELECT dropdown does not work. 2. As a workaround I tried using draggable('disable') or draggable('destroy') when a select is clicked, but desable and destroy do not have any effect in IE. I am using jQuery-1.2.3 and have tried ui.draggable - ui.mouse from ui-1.0, ui-1.5b
[jQuery] Extend/Override jQuery Functions for IE6
After days of searching and experimenting with solutions for IE6 issues (peekaboo, etc.) I am having with my css implementation and jQuery, I believe a temporary work around is to extend/override (not sure what the exact term is) some jQuery functions when used in IE6. I am sure there is an actual solution that would involve fixing my css and/or js code, but given my project's current time constraints, this will suffice. HTML head: <script src="_assets/js/lib/jquery.js" type="text/javascript"></
[jQuery] Build a Quiz with jQuery?
Hello, Does someone try to create a Quiz Plugin with jQuery? I'm looking for a script to display a Quiz in a Web page, do you know one? Thanks a lot, Chris
[jQuery] force an error
how can i'd like to force an error after an ajax call, and work with json array returned. how do i do this?
[jQuery] Xpath and length() doesn't seem to work under IE7?
This isn't a problem as such, just something I'm curious about. Under IE7 I've found that when I use xpath, the length() method doesn't seem to work, but size() does. E.g. $( '//td[@class= "indexL2"]//a').length(); doesn't seem to work, but $ ( '//td[@class= "indexL2"]//a').size(); does. I was just wondering why that is? Is it something to do with the fact that the xpath has to be converted to regular DOM getters for IE in the jquery code?
[jQuery] Identifying a specific UI element
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=iso-8859-1"> <META content="MSHTML 6.00.6000.16608" name=GENERATOR> <STYLE></STYLE> </HEAD> <BODY bgColor=#ffffff> <DIV><FONT color=#000080>Hello! I wonder if you can help as I'm new to JQuery. I'm looking for a particular UI element which can be seen used on many GUI applications but whose name I don't know. Here is what it does:</FONT></DIV> <DIV><FONT color=#000080></FONT> </DIV>
[jQuery] Dynamically generated HTML and effects on CSS
Hello all, I'd like to share some problem i'm facing. I'm using facebox, inside it I display my own 'upload progress' div. the progress div should be localized to RTL (left to right) and not LTR, so i've added direction:rtl to the proper div. what facebox does, is take the target div (the progressbar div), embed it in html, then attach it to body and show it. now the problem: the progress div doesn't get displayed in RTL. my troubleshooting: - tried adding dir=rtl, direction:rtl to everything - tried
[jQuery] jquery tabs: For ajax tabs, how do I trigger event handler when tab loads?
Hi, I'm using Jquery tabs from here -- http://www.stilbuero.de/2006/05/13/accessible-unobtrusive-javascript-tabs-with-jquery/. I'm using the AJAX feature so that clicking on a tab loads content from another page on my server. How do I set up an event handler so that when the content loads into the tab, the event handler is fired? Thanks, - Dave Here's my code so far ... var tabSelected = $('#tabcontent > ul').tabs().bind('select.ui-tabs', function(e, ui) { ... }).bind('show.ui-tabs', function(e,
[jQuery] jQuery in Google Summer of Code?
Hello everybody! Is jQuery going to participate in Google Summer of Code this year? 5 days left to register as a mentoring organization :)
[jQuery] ajax/jquery
Hey guys, Basically, i just wanted some advise on a project that i am working on for a big client of mine. Ive got a folder full of notes regards to accessibilty and how to make the website fully compliant. The problem is, that we decided to use ajax/jQuery to provide alot of the functionality on the website, but i am still searching around if ajax would be the way forward if the client is wanting a 100% accessible website. Nothing from me has been coded yet, and its just ideas that i am researching
[jQuery] toggle() animation - maybe there is a neater way to do this?
I have this code shown below - it works fine but I imagine there is a neater way to accomplish this... anyone? I would love to somehow shrink this to less lines of code. stoggle = 0; $("#button").).click(function(){ var extra = 150; if(stoggle==0){ $('#div').animate({top:parseInt($('#div').css('top'))+extra},400); stoggle = 1; }else{ $('#div').animate({top:parseInt($('#div').css('top'))-extra},400); stoggle = 0; } });
[jQuery] datepicker
Hello, Is there a way to make the datepicker select future dates? Is there a way to make the datepicker select specific days (ex. Sundays and Wednesdays only) ? Thanks
[jQuery] yet another post about the $(this) scope
been reading other posts about $(this) and what it refers to. And still I dont understand. I thought $(this) is a refernce to the object I am operating on, no? So this (no pun intended, tee hee) should work ,I thought: $('#div').animate({top:parseInt($(this).css('top'))+50},400); because my absolute-positioned element $('#div').css('top') definitely returns '100px'. and the parseint returns, as expected, '100' what gives? what am I missing?
[jQuery] jQuery.form error handling
I've noticed that if i define error callback function within the options parameter of ajaxForm, it is called only if request is failed (if there is no response from provided url). When i return some http error from my serverside script (like 404, 401...) success callback is called. I have habit to treat those returns as errors, because $.ajax treat them like that (only when http ok response is returned, success callback is called, and there is some other response (404,403,401) error callback is called.
[jQuery] [validate]
I found out how to validate multiple form elements. no problem with that. but... how can i sent each form to a specific address(action)? because the default submit handler redirects the request to the same action. any suggestions?? thx
[jQuery] A simple loop - but I can't do it
<html> <body> Hi folks, I have a form (id="sshoweditor") containing - let's say 6 - fieldsets, each containing an input element. The fieldsets have a unique ID - fs0, fs1, ... fs5. I have a function that can delete any specific fieldset. My looping problem comes now - when the fieldset is removed, I want to renumber the remaining fieldsets. <tt> $("#fs"+ej).highlightFade({color:'yellow',speed:2000,iterator:'sinusoidal'}).animate({opacity: 1.0}, 1000).fadeOut(500).remove(); var n = parseInt($("#howmany").attr("value"))-1;
[jQuery] Keyup differences among browsers
While investigating the various key events, I've run into some interesting findings. I wanted to post them here to have others confirm/deny my findings. First off, I was working with the TAB key (keyCode: 9) and found out quickly that IE does not fire the keypress event for the TAB key. PPK has a good <a href='http://www.quirksmode.org/js/keys.html'>resource page</a> about detecting keystrokes. Once I switched to using keyup, all of the browsers I was testing with fired on TAB, but with differing
[jQuery] Referencing relative to $(this)
Hi all, I've been using jQuery for a few months now and I've built a simple little slide down link list that looks like: jQuery bit: var mouseDelay = 250; $(document).ready(function(){ $('#qlink_search p').hide(); $('#qlink_search h2').mouseover(function() { timeMain=setTimeout(function(){$('#qlink_search p').slideToggle('fast');}, mouseDelay); }); $('#qlink_search h2').mouseout(function() { clearTimeout(timeMain); }); }); html bit <div id="qlinks"> <div id="qlink_search">
[jQuery] every nth element - photo grid arranging
I basically want to create a grid of items from a list. For example I want a new row after every 4th element. So I will have all of these elements doing a float left, but I need to do a clear:all after each 4th element. The end goal is to be able to do a sortable or drag and drop to reorder these items (pictures arranged in an album). I'd kind of like to do something like Flickr (if you've seen how they rearrange photos in an album). Has anyone done anything like that? I'm hoping the new UI version
[jQuery] How to know if the entire page has loaded, AFTER it has loaded? [advanced]
Hello everyone, I have a problem The basics: $(document).ready(function(){alert("DOM Loaded")}); $(window).load(function(){alert("Full Page & Images Loaded")}); But, what happens if I do this?: $(window).load(function(){ setTimeout("foo()", 2000); ); function foo(){ $(window).load(function(){alert("this alert will never occur")}); / *calling window load() after it has been called once results in nothing happening....*/ } This beaviour isn't the same as $(document).ready, because $ (document).ready
[jQuery] problems with event triggering in IE6, presumably 5.5 as well.
Hi, I'm working on getting what should be a simple rollover effect done in jquery, and it works like a charm in firefox and safari, but IE is not having any of it. the page in question is here: http://www.awayfromkeyboard.com/nymphomania/ here's the relevant code: jQuery: $(document).ready(function(){ $("#trigger_news").mouseover( function () { $ ("#news").addClass("news_on"); }); $("#trigger_news").mouseout( function () { $ ("#news").removeClass("news_on"); $("#news").addClass("news"); }); });
[jQuery] Using jQuery without ready()
Hi, all. I often use jQuery outside ready() function. Like this <div id="a">some html</div> <script> $("#a").some actions </script> Have this way some hidden troubles or it's ok such using?
[jQuery] Current element position on sort change
Is there a way I am able to find out what position the dragged element is in.. IE: i have 5 list elements which are sortable, i drag element 4 into position 2. I need to update a referenced list with the new sort order. thanks.
[jQuery] Validation jQuery plugin - onfocusout throws error
jquery: 1.2.3 jquery validation plugin: 1.2.1 I have: <form id="myform" name="myform"> ... </form> $().ready(){ $("#myform").validate({onfocusout:true}); } <<<< firebug error message >>> validator.settings["on" + event.type].call is not a function on jquery.validate.js line 250 same error msg is thrown with onkeyup as well... Why?? Thank you.
[jQuery] VTD-XML 2.3 released
Version 2.3 of VTD-XML (http://vtd-xml.sf.net), the next generation document-centric XML processing model, is now released. To download the latest version please visit http://sourceforge.net/project/showfiles.php?group_id=110612&package_id=120172. Below is a list of new features and enhancements in this version. * VTDException is now introduced as the root class for all other VTD- XML's exception classes (per suggestion of Max Rahder). * Transcoding capability is now added for inter-document cut
[jQuery] Make List Element Clickable
I would like to make the element list element clickable on the hovering of the list element. I can't seem to traverse the DOM and grab the <a> tag's href value for the CURRENT list element that is being hovered over. $("#mainCol ul li").hover(function() { $(this).addClass("highlight").css("cursor","pointer").click(function() { //location.href= will be used when this works! var x = $(this).attr('href'); alert(x); }); },function(){ //On mouse out remove the class we have added on the
[jQuery] Issues with Backwards Traversing the DOM
So I'm having an issue attempting to traverse back in a <li> element to grab the text inside a header tag and insert that text as the "title" attribute's value in a link. The markup will more more sense: <div id="mainCol"> <ul> <li> <h1>Header 1</h1> Some nice text here. <a href="url" title="">Click Here!</a> </li> <li> <h1>Header 2</h1> Some nice text here. <a href="url"></a> </li> </ul> </div> <!-- End of Main Column --> $(document).ready(function(){ // Add title to
[jQuery] [ANNOUNCE] jQuery UI Team Needs Your Help!
The jQuery UI Team is pleased to announce its first Worldwide Sprint, to take place next Friday and Saturday, March 14-15, 2008. Two full days of testing, fixes, documentation, and general getting-stuff-done. Our goal is to get the jQuery UI 1.5 release (alpha, beta) ready for final, and we invite any and all to help. Whether you have an hour, or an afternoon, come and run really fast with us. How Will It Work? We’ll all gather in IRC (#jquery-sprint on freenode) throughout the two-day sprint, with
[jQuery] Superfish Plugin CSS problem
I have created a menu that when a selection is hovered over, its background changes to a dark green, and the text becomes white. This works fine, except when you hover over a selection in a deeper level of the menu, the background of the parent li stays dark, but the text returns to its original color, and is unreadable. I can't seem to get this to work properly. Any suggestions? Thanks! CSS of menu follows: .nav, .nav * { margin:0; padding:0; } .nav { line-height:1.0; margin-bottom:1.5em;
[jQuery] getJSON data problem for getting youtube json data
Hi , I want to get the json data from the youtube api (http:// code.google.com/apis/youtube/developers_guide_protocol.html). My code is like : url="http://gdata.youtube.com/feeds/api/videos?format=1&vq=cat&start- index=10&max-results=20&orderby=viewCount&alt=json"; $.getJSON(url,callBackFucntion); function callBackFucntion () { // here parse the json data } But i got an error when i run this code. [Exception... "'Permission denied to call method XMLHttpRequest.open' when calling method: [nsIDOMEventListener::handleEvent]"
[jQuery] Resizable only to specified width
Hello, I would like to create a weekly calendar where people can select one day, or more. I would like it to work a bit like outlook. So when someone selects a day, it should be possible to resize the selection to include more days. Problem is that the resize should "snap" to a day, so that it is not possible that someone resizes to the middle of a day. When I look at the draggable feature, it is possible to add a "grid" option, but I didn't see it for resizables. Is this possible with the jquery
[jQuery] GData JSON queries "Invalid query parameters:_"
I've been running into a problem querying GData (Google's Data APIs) using jQuery and JSON. jQuery's ajax function automatically adds a cache-buster timestamp to the query, and Google is barfing on it. The timestamp is inserted starting around line 2608 in jQuery 1.2.3. As an example, here is an example JSON query url as sent by jQuery: http://gdata.youtube.com/feeds/videos/ysTmUTQ5wZE?alt=json-in-script&callback=jsonp1204907988594&_=1204907988789 That returns "Invalid query parameters:_" Removing
[jQuery] Checkbox click event fires more than once
Hey All, I'm trying to dynamically add a list of check boxes (and an associated click event handler) to my page. Problem is, when I click on a box, the event is fired multiple times (once per checkbox on the page). I don't really understand this behaviour - the event should only fire once. I would graciously appreciate any suggestions you may have. Regards Patrick Code snippit : <script type="text/javascript"> $(function() { $.ajax({ type: "GET", url: "./?get=Lignes", dataType: "xml", cache: false,
[jQuery] Targeting pseudo classes with jQuery
I have a menu which is working nicely. When an item is clicked, I'm using jQuery to change the CSS color to indicate it is current. To keep things neat, I have also changed the color of all similar items back to the default (otherwise ALL items would be highlighted as you went through the menu. Unfortunately this has the side effect of killing the natural css hover pseudo class :( I've messed with the .hover function, but the implementation I've used then kills the coloring on click (as when you
[jQuery] [POLL] Online jQuery Training from John Resig
The jQuery team is looking to gauge interest in jQuery training delivered in a live, online format by jQuery project lead John Resig. Nobody knows jQuery better than John and in terms of JavaScript, he's considered one of the best in the world. So a training class delivered by him would surely help anyone become more proficient in JavaScript and jQuery. So, if you could take a couple of minutes to participate in the following poll, that would be a big help in determining how to proceed: http://www.polldaddy.com/poll.aspx?p=388570
[jQuery] Latest jquery breaks onsubmit in IE7
Hello, I have a login page (I know it's not terribly secure, but the code wasn't written by me, I'd write it differently, that's not the point currently) with two forms: proxy_login and login. Login form is defined as <form method="post" onsubmit="return login(this);"> Javascript function 'login' copies username and sha1 hash of the password to the proxy_login hidden form fields, submits proxy_login form and returns false. Everything works fine when jquery 1.1.3.1 used on the page (it's not used
Next Page