[jQuery] Image preload - stack everflow in IE
I need preload images to memory like this: $(window).bind('load', function(){ var preload = [ 'image/b01_click.gif','image/b01_over.gif', 'image/b02_click.gif','image/b02_over.gif' ]; $(document.createElement('img')).bind('load', function(){ if(preload[0]) this.src = preload.shift(); }).trigger('load'); }); In Firefox, Opera, Safari it's OK, but InternetExplorer show error "stack overflow" in specyfic situation: 1. enter the page from another 2. back to previous page 3. enter again to my page Normal
[jQuery] Resending> Interface.js Exception: Access to Restricted URI denied
Hi, Was trying to make a horizontal accordion with nice ease-in effects etc. I first made the widget separately in an HTML file (which worked fine) and then tried to embed it in my main HTML file. I got a funny exception. Error: uncaught exception: [Exception... "Access to restricted URI denied" code: "1012" nsresult: "0x805303f4 (NS_ERROR_DOM_BAD_URI)" location: "file:///D:/work/ClientWork/Ask%20for%20Original/Site%20Design/HTML/interface.js Line: 8"] The code that gives the error is the last
[jQuery] ASP.NET IDs
I have two small questions, if anybody can help: 1. This was recently published concerning .NET: "if you have an element that has runat="server" attribute you cannot call it directly as #loginForm because asp.net rewrites the id to something different just doa view source on your aspx page and you will see the renamed form cleintid " I was wondering how to probably implement jQuery with an ASP.NET control considering this problem. Or do we simply need to write out: "ctl00_ContentPlaceHolder1_btnConfirm"
[jQuery] Avoiding invalid markup
$(this).hide().parent().prepend("<img class='ajax-loader' src='ajax- loader.gif' height='14px' style='padding-left:7px;' alt='loading...'/
[jQuery] @import vs link
Hi guys, In looking at another thread about jTip, I noticed that the css file was including like this: @import '/public/js/jtip/css/jtip.css'; What's the difference and/or benefit of using "@import" vs "link" to include a stylesheet? Rey...
[jQuery] [ANNOUNCE] - jqDnR R2 Released
I have updated the jqDnR ("jQuery Drag and Resize") plugin today. Changes include; + Multiple Independent initialization of Elements called by $.jqDrag or $.jqResize. + Detection of the dimensions plugin to alleviate Internet Explorer "jumpiness" with elements that have fixed or percentage based position. + Improved resize interactivity experience in IE with better tolerance of elements without "layout". --- one bug remains; Opera 9 dragging appears to be broken for relativeley positioned elements
[jQuery] slideUp/slideDown toggle questions
Hi there, I have a page with a div that uses a toggle slideUp/slideDown effect as follows:- var $jq = jQuery.noConflict(); $jq(document).ready(function() { $jq("#recenttoggle").toggle(function() { $jq("#recent").slideDown('slow'); } , function() { $jq("#recent").slideUp('fast'); } ); }); This works fine, aside from the fact that the default state for the recent div is 'show' - ie, after the page has loaded, the recenttoggle div/link has to be clicked
[jQuery] The Perfect Pop-up as a jQuery plugin?
I'm looking for some help with scoping variables used to store references to popped-up windows. What I have so far: http://static.fusion.com.au/ollie/jquery/popwindow2/ is a dumbed down version of: http://jquery.com/plugins/project/PopupWindow I would like to incorporate some of the accessibility considerations of: http://www.accessify.com/features/tutorials/the-perfect-popup/ In particular the ability to close and reopen pop-ups that are already open to ensure the pop-up is focussed. Attempting
[jQuery] TableSorter 2.0 pager bug
Simple, I think. I tried putting the page view control at the top of my table and setting positionFixed to false, but it still jumped to the bottom when I changed page size. Either savePage() or fixPosition() should check positionFixed before moving the page number container. if fixPosition() checks positionFixed, then the check on positionFixed inside renderTable() can be removed,so that seems like the better change. Or did I miss the point? What I'd actually like even better is allowing a page
[jQuery] [PLUGIN] Templater
Hi guys, I have just committed a new plugin to the trunk. It's a simple templater that allows you to create "templates" that get populated via JSON objects. Some examples: <span style="font-family: courier new,monospace;"> var tmp = $.makeTemplate("My name is {{foo}} and your name is {{bar}}");</span><br style="font-family: courier new,monospace;"><span style="font-family: courier new,monospace;">tmp({foo: "Yehuda", bar: "jQuery"}) #=> "My name is Yehuda and your name is jQuery" </span><br style="font-family:
[jQuery] [jqModal] - r11 release, improvements.
Ladies and Gentleman, A few hundred bytes were added to the jqModal plugin to aid those struggling with z-Index container stacking issues. Namely; there's now a shortcut** to overcome "the overlay covers everything, including the dialog!" issues. Other improvements include a fault-tolerant focus method as well as avoidance of IE z-Index stacking order issues. It has been awhile since this plugin made an announcement in the - disuss limelight -- so for those that haven't heard; r10 was released and
[jQuery] functions not working on ajax generated content
Hello! I have one very annoying problem. First of all, I have a list of items. Each items contains information that I want to display on the webpage using several functions. Here's an example: function getNumbers() { var numberofentries = $('#kilometer-data li').size(); } Everything works when I have a static list that is generated by PHP everytime I load the page but I want to use Ajax to load the list. The problem is that the functions don't work. :( I have the function called init() where I use
[jQuery] New jQuery.param() plugin (override) : Adds url Key=Value Parameter String Support
My first plugin, simple, but may provide some usefulness, and reducing some confusion with new jQuery users using AJAX calls but still thinking in non-JSON mode to pass parameters. (function($) { var _inherit = $.param; $.param = function(a) { return (a.constructor == String)? a:_inherit(a); }; })(jQuery); This overrides jQuery.param() with inheritance to support the passing of string KV pairs parameters while keeping with backward support for Object or Array parameters to the AJAX functions; .load,
[jQuery] Documentation Nit: .load - Incorrect Info regarding how data is sent
In the docs for .load, it has: params (Object): (optional) A set of key/value pairs that will be sent as data to the server. That is not what I am seeing, the following $('#containerId').load("url","k1=v1&k2=v2"); The jQuery.js code at lin 1671: params = jQuery.param( params ); type = "POST"; changes the key/value pairs to some strung out character by character breakdown: 0=k&1=1&2==&3=v&4=1&5=&&6=k&7=2&8==&9=v&10=2 The only way to send key/value pairs it to make part of the URL parameter: $('#containerId').load("url?k1=v1&k2=v2");
[jQuery] How to check multiple checkboxes checked at a time
Hi, Is there a way to check a multiple check boxes checked at a time like. <input type='checkbox' id="id1"/> <input type='checkbox' id="id3"/> <input type='checkbox' id="id9"/> <input type='checkbox' id="id4"/> Is there a way to check like $("#id1,#id2,#id3").attr("checked"); should return true if all of them is checked. and also is there a way to return true if atleast one of them is checked like $("#id1||#id2||#id3").attr("checked"); should return true if atleast one id is checked. I'm waiting
[jQuery] problem looping through table rows in IE
Hi every one, Please help me out in solving this problem. I face this only in IE, I've table with id="srTable", so I'm looping through the table rows using selector $("> tbody:first/tr","#srTable") .each(function(){}); , the table has only one tbody with multiple rows in it. Please post reply only if you have straight answers for this problem. Thanks, Vijay -- View this message in context: http://www.nabble.com/problem-looping-through-table-rows-in-IE-tf4287894s15494.html#a12206436 Sent from the
[jQuery] .load path problems
Hi folks This is the basic loadContent function function loadContent() { $("#myContent").load("mypage.php"); } This works fine if I'm in the root of my website: domain.com/page.php however I have several rewritten urls (mod rewrite) on the site with paths such as: domain.com/folder1/page.php domain.com/folder2/page.php domain.com/folder3/page.php all of these urls are rewritten to use a template file in the root of the website, i.e.: domain.com/subfolder-template.php?folder=1 When I view the template
[jQuery] Proper use of the hoverIntent plug-in?
I'm trying to use the hoverIntent plugin with jQuery, but I don't fully understand how it works and was hoping someone could help me out with a few issues I'm having. The page I'm working on is at http://schollsferryauto.com , the two buttons in the upper right corner of the page which are "Hours" and "Locations" are where I'm having problems. The original intent was to allow someone to mouseover these buttons where an information window would expand down and disappear on mouseout. This works to
[jQuery] AJAX and jQuery-Partail Data retrieval
Hey everyone, I have successfully integrated jquery(AJAX) into an mmorpg website, i am facing one problem that i cannot understand. Whenever in chat/message boards, i use a filter file to create image smilies, and filter words. Now when i dont include this file, everything works ok, but whenever i use the filter, sometimes the ajax request terminates prematurely, leading to a blank page/partially retrieved page. Now this happens relatively quickly, i have some larger pages which take more time, but
[jQuery] Question about event.StopPropagation()
I am trying to get event bubbling to work right and have this snippet $("div").click(function(event) { if (event.target == this) { $("#text800birds").css( { background: "#EEEEEE", color: "#FFFFFF"} ); } }); I would like to change this part if (event.target == this) to if (event.target <> #match) so that it wont pass the event if the div is #match. Can you tell me the proper syntax? Mitch
[jQuery] Round button... ?!
Hey, all - I'm trying to create an UNOBTRUSIVE JAVASCRIPT routine to replace links in a navigation menu with button graphics. All good, so far, but I'd like to make the buttons .png files, with an alpha transparency, and the color changeable via javascript. Thus far, I have a canvas that is being populated with my png, the rounded rectangle being drawn behind it in the chosen color, all good. I'm trying to figure the next step - cross-browser, and automatic. For example, I'd like to make it like
[jQuery] .blur() not doing it's job
Hey all, I'm trying to blur (remove focus from) a link. Non-working code: $('#tags_clear').blur(); Working code: document.getElementById('tags_clear').blur(); Is there something glaringly obvious I'm missing here? <br clear="all"> Thanks, Angelo -- Angelo Gladding <a href="mailto:angelogladding@gmail.com">angelogladding@gmail.com</a> <a href="http://angelogladding.com">http://angelogladding.com</a> (626) 755 - 1417
[jQuery] [OT] A Good Cause: AIR (Accessibility Internet Rally)
I am reposting this from March, as this year's events are coming up really soon. Please read! :) I know many of you here share my desire to produce accessible websites, so what more can we do though, besides that which we practice in our current roles? Well, for those of you who would like to put your design || development skills to good use by helping a non-profit organization (NPO), you should check out AIR, hosted by Knowbility: <a href="http://knowbility.org/air/">http://knowbility.org/air/</a>
[jQuery] Find URLs in text?
Quick question to attempt to avoid reinventing the wheel. Is anyone aware of a Javascript library (JQuery or otherwise) which will find URLs in a chunk of text and either turn them into links, or make it easy for me to do so myself? (Something like Perl's URI::Find module, or the urlizer formatter in Django?) Any pointers appreciated. Rod. -- :: Rod Begbie :: http://groovymother.com/ ::
[jQuery] request for comments - a periodic execution plugin/function for jQuery
So I wrote a periodic execution function for jQuery, similar to the PeriodicExecuter function of prototype. I'd like some feedback as to it's usefulness (or non-usefullness). This is my first plugin, so any suggestions as to what to change are appreciated (should I use jQuery.extend to create the plugin, or just assign it like this, etc). I'm trying to find a solution to a bug in firefox (but NOT internet explorer) where the parallel execution of the callback function is not shielded by the code
[jQuery] hide some divs, show one
hi friends, I have a product list... when the user click on a product i wanna show the respectly div for this product..(photo) and hide all the one that are visible.....(for the case the user forget to close them) how can i do it ?
[jQuery] fadeTo fades up in Safari and FF, down in IE
I have an element with this style associated with it: filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; Now, I fade it in: $(object).fadeTo(1000, 0.8); In FF and Safari, this results in the object fading from 0% to 80% opacity. But in IE, it makes the object pop in at 100% opacity, then fades down to 80%. Has anyone seen this before? What am I doing wrong? Thanks, Aaron
[jQuery] store checkbox id's in array object.
Hi, I'm using this method to store id's of checked checkboxes in array object like $("input[@type='checkbox']:checked").each( function() { arrayName.push(this.id); } ); it works but above way takes .656 secs for storing in array object with 50 checkboxes. Is there a 1 line way to store id's in array object which completes in 0.0... secs. similer to $("input[@type='checkbox']:checked").attr("checked",false); which completes in 0.0... secs to unchecked checked checkboxes. Do any one of you have idea
[jQuery] problem with selector in IE
Hi, I face this selector problem only in IE(that sucks). What I'm trying to do is select rows of a table by looping through them like I've table with id srTable as <table id="srTable"> <tbody> <tr>a1 </tr> <tr>a2 </tr> <tr>a3 </tr> <tr>a4 </tr> </tbody> </table> I'm trying to loop through rows of table as $("> tbody:first>tr","#srTable").each (function() { alert("vj"); }); This works perfectly fine in firefox but in IE it doesn't loop through the rows. Can any one of you help me out how to make this
[jQuery] Templating in attr and css?
Hey guys, So I've been lobbying for syntax along the following lines: $(...).attr("foo", "{{width() > 40 ? 'bar' : 'baz'}}") or $(...).attr("target", "{{rel}}") which would basically expand to: $(...).attr("foo", function() { return this.width() > 40 ? "bar" : "baz"; }); and $(...).attr("target", function() { return this.rel; });<br clear="all">respectively. I personally feel like this would be a very nice feature, and recall people asking about it on the list, but I can't come up with any compelling
[jQuery] Avoiding anonymous functions - enhancement suggestion
Assigning event functions like click() require an anonymous function for what is often a very small snippet of code. These anonymous functions are confusing to inexperienced javascript coders and make the code less readable, IMO. I think it would be great to be able to pass a string to these functions and have it internally turned into a function. For example, instead of this: $('#test').click(function() { alert('test'); }); I want to do this: $('#test').click("alert('test');"); This simple code
[jQuery] Creating DOM elements on the fly
Hi, I am a jQuery beginner. I am working on an application for which I need to create DOM elements on the fly. Previously I was using document.createElement() and document.createTextNode() but that's not concise and looks odd along with jQuery code. So I wrote a tiny 3 line plugin jquery.new.js. It's more of a hit and trial outcome. jQuery.new = function(element) { return $(document.createElement(element)); } I wrapped the new element that was created with the jQuery object so I can chain functions.
[jQuery] anyone knows a jQuery based slideshow plugin like this?
Hi; I am looking for a slideshow plugin like in this page (http:// www.milliyet.com.tr) You can check this image (http://img441.imageshack.us/img441/5951/ sstc1.jpg) to see what I try to explain... tHanks...
[jQuery] Rolling region plugin?
Anyone know there is such as plugin, e.g. <div id="image1"> <img src='... desc... </div> <div id="image2"> <img src='... desc... </div> <div id="image3"> <img src='... desc... </div> ... the effect is the DIVs keep rolling (over and over) from a limited area (which only show at most 2 items at the same time)
[jQuery] How to show Updating container
Hi, I have a problem like when checkbox is clicked it refines the rows of table and then finally shows only those results which for which checkboxes are checked. My problem is until the refinement is done it should show some pop_up container to appear and then hide as soon as refinement is completed. I'm using .show along with some css of z_index. <div id="rs_loading">loading...</div> css class for this is #rs_loading { position:absolute; top:350px; margin-left:75px; color:#fff; font-weight:bold;
[jQuery] Nice jQuery writeup
I didn't write this but saw it on Reddit while browsing at lunch: http://simonwillison.net/2007/Aug/15/jquery/ Jim
[jQuery] To Obstruse or not Obstruse - Elements of jQuery
Folks, This is originall a question to Erik Beeson (so I hope he is lurking around) from a previous thread on "Creating DOM Elements on the fly" , but I chose to post it as new topic since it lead to and also touches on some fews issues regarding the theory of jQuery. First, Erik provided a neat plugin to clone a node - an .appendTo overload function.
[jQuery] Jquery can show Images from file:///C:?
Hi folks What I am trying is show an image into my browser with this tag <img width="50" height="50" src="file:///C:/Users/example.JPG"/> into my browser. Is it possible? or is a security lock from browsers? I am using $.post() So I could send the path that user choice C:/Users/example.JPG to my php and return <img width="50" height="50" src="file:///C:/Users/example.JPG"/> But isnt working because browsers cant show this tag <img width="50" height="50" src="file:///C:/Users/example.JPG"/> I can
[jQuery] ORing selectors
What is the cleanest way for ORing select results, e.g. returning all DIVs with id="X" or class="Y"?
[jQuery] scrollable html table plugin
I have a question: scrollable html table are now vertical(scrollbar); Can be horizontal (scrollbar)?
Next Page