[jQuery] CSSIE = jQuery plugin to fix IE's CSS
Plugin for jQuery providing native support for missing CSS in IE. Currently provides: * E F (direct descendant) * :hover (normally only available to a tags) * E + F (sibling) * [rel=attr] (attribute selection) * :first-child and any other selectors containing : and supported by jQuery * :focus * plus others blog post = http://blog.parkerfox.co.uk/2009/11/12/css-in-your-face-only-ie-need-to-apply/ source = http://github.com/weepy/cssie
[jQuery] Re: CSSIE = jQuery plugin to fix IE's CSS
So we'd only need to use these selectors in an external CSS file, and it should work? Yes exactly - tho you don't need to split them out. My tests seemed to show it was very fast but i don't have any benchmarks. On 12 Nov, 22:00, Andrei Eftimie k3liu...@gmail.com wrote: Cool. I'm usually adding manually some extra classes for IE6 for these kind of things (when they cannot be avoided at all). So I am making sure that it applies only to the elements I need fixing. Is the performance hit big? (I'm guessing it takes some cpu time to parse all style sheets for some selectors, add classes and events, and new CSS rules (with the new classes) On Thu, Nov 12, 2009 at 11:54 PM, weepy jonah...@gmail.com wrote: Plugin for jQuery providing native support for missing CSS in IE. Currently provides: * E F (direct descendant) * :hover (normally only available to a tags) * E + F (sibling) * [rel=attr] (attribute selection) * :first-child and any other selectors containing : and supported by jQuery * :focus * plus others blog post =http://blog.parkerfox.co.uk/2009/11/12/css-in-your-face-only-ie-need-... source =http://github.com/weepy/cssie -- Andrei Eftimiehttp://eftimie.com +40 758 833 281 Puncthttp://designpunct.ro
[jQuery] Re: Announce = ChessTwit now using jQuery
oh I forgot the link !! = www.chesstwit.com You can play chess with all your twitter friends. On 26 Oct, 16:13, weepy jonah...@gmail.com wrote: Hey there, Just wanted to tell everyone about ChessTwit that's using jQuery to good effect. The best place to play correspondence chess with your friends on Twitter. Log in and get playing! Hope you like ! Cheers @weepy
[jQuery] Announce = ChessTwit now using jQuery
Hey there, Just wanted to tell everyone about ChessTwit that's using jQuery to good effect. The best place to play correspondence chess with your friends on Twitter. Log in and get playing! Hope you like ! Cheers @weepy
[jQuery] jQuery Sprite Factory
A jQuery factory for creating sprites from images. Each sprite created from a Sprite Factory is assumed to be the same size Features * Works from a rectuangluar grid of sprites. * Fast, good for rendering large numbers of similar sprites * Preloading CSS for large images (will add the 'loading' class to the element until the image has been loaded) * Can use transparent PNGS for IE6 and IE7 * Light mode, using half the number of elements (only suitable for non-transparent images) Demo = http://weepy.github.com/sprite-factory Blog Post = http://blog.parkerfox.co.uk/2009/10/07/jquery-sprite-factory/
[jQuery] Bezier curves and animation
Hey I just released a plugin that allows multidimensional animation for jQuery. This is useful for Bezier Curvers among other things. Article is here http://blog.parkerfox.co.uk/2009/09/22/bezier-curves-and-arcs-in-jquery/ Demo is here http://weepy.github.com/jquery.path/ Code is actually really simple, could also be useful for synced animations ? weepy
[jQuery] Re: 3 Solitaire
I suspect that if the type is left off it assumes that it's javascript. nice templating engine On 15 July, 12:02, Brett Ritter swift...@swiftone.org wrote: On Wed, Jul 15, 2009 at 12:42 AM, Karl Swedbergk...@englishrules.com wrote: Interesting view about this from Douglas Crockford: ... language in all browsers has been JavaScript. In XHTML, this attribute is required and unnecessary. In HTML, it is better to leave it out. The browser knows what to do. That is interesting. I wonder why it is better to leave it out, even if the default works? As a general rule I always thought there is nothing wrong with explicit, particularly if it is non-onerous, and even more so on something regularly changing, such as Web practices. And how would this interact with Resig's advice to use unknown script types to stick content into the page that would not be displayed/read/used/etc by default? I just discovered that trick and was hoping that would provide me the final solution to not including a lot of markup in my JS. http://ejohn.org/blog/javascript-micro-templating/ -- Brett Ritter / SwiftOne swift...@swiftone.org
[jQuery] 3 Solitaire
Hi Check out the slick card game I just made - at http://www.lovesolitaire.com It entirely made in jQuery (1.3.3pre). It's also strangely addictive - so be careful! Love to hear any feedback any of you have! weepy
[jQuery] Re: 3 Solitaire
you don't define a type here making your page invalid
Are you referring to $().ready(function() { }) ? You mean you'd
rather see $(document).ready ? - I thought they were equivalent.
I guess none of this is open source?
not currently, though I'm slowly persuading my employer to get with
OS !
Thanks for the words of positivity ...
weepy
On Jul 14, 9:22 pm, Michael Lawson mjlaw...@us.ibm.com wrote:
I did just notice though
script
var PORTAL_URI='yumoov.com';
var AUTH_TOKEN = vLVJRvNMHbLBpOsxgyWfu1LfINHkHUVwwPKFX7mB89E=;
$().ready(function() {
})
/script
you don't define a type here making your page invalid
cheers
Michael Lawson
Development Lead, Global Solutions, ibm.com
Phone: 1-276-206-8393
E-mail: mjlaw...@us.ibm.com
'Whether one believes in a religion or not,
and whether one believes in rebirth or not,
there isn't anyone who doesn't appreciate kindness and compassion..'
From: John Newman john.newma...@gmail.com
To: jQuery (English) jquery-en@googlegroups.com
Date: 07/14/2009 03:42 PM
Subject: [jQuery] Re: 3 Solitaire
excellent, very nice. I am not a fan of flash, this is refreshing.
I guess none of this is open source?
On Jul 14, 12:30 pm, Rick Faircloth r...@whitestonemedia.com
wrote:
very good, weepy!
From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On
Behalf Of Michael Lawson
Sent: Tuesday, July 14, 2009 11:38 AM
To: jquery-en@googlegroups.com
Cc: jQuery (English)
Subject: [jQuery] Re: 3 Solitaire
wow you're right, i just couldn't stop :)
Looks great!
cheers
Michael Lawson
Development Lead, Global Solutions, ibm.com
Phone: 1-276-206-8393
E-mail: mjlaw...@us.ibm.com
'Whether one believes in a religion or not,
and whether one believes in rebirth or not,
there isn't anyone who doesn't appreciate kindness and compassion..'
Inactive hide details for weepy ---07/14/2009 11:23:42 AM---Hiweepy
---07/14/2009 11:23:42 AM---Hi
From:
weepy jonah...@gmail.com
To:
jQuery (English) jquery-en@googlegroups.com
Date:
07/14/2009 11:23 AM
Subject:
[jQuery] 3 Solitaire
_
Hi
Check out the slick card game I just made -
athttp://www.lovesolitaire.com
It entirely made in jQuery (1.3.3pre).
It's also strangely addictive - so be careful! Love to hear any
feedback any of you have!
weepy
image001.gif
1KViewDownload
image002.png
1KViewDownload
image003.png
1KViewDownload
graycol.gif
1KViewDownload
ecblank.gif
1KViewDownload
[jQuery] Re: Problems using JRC corner or curvycorner
you could try this plugin http://gist.github.com/77516 works for me On Mar 26, 9:18 pm, banacan banaca...@gmail.com wrote: Nicola, Thanks for the link. Unfortunately CornerZ won't work on this project because the parent div background is a gradient and the background color must be specified in the call. I'm sure it will work great for a different project. I'm back to square one on this issue, whether to use strictly CSS. Thanks for your help. On Mar 26, 3:43 pm, Nikola nik.cod...@gmail.com wrote: Here you go.. it hasn't been refactored for IE8 yet though. http://labs.parkerfox.co.uk/cornerz/ On Mar 26, 2:54 pm, banacan banaca...@gmail.com wrote: Nicola, I'm not familiar with CornerZ. I searched the plugin repository and found nothing. Can you supply a link? Thanks. On Mar 26, 1:59 pm, Nikola nik.cod...@gmail.com wrote: I've found JRC and the Bullet Proof CornerZ PlugIns to be foolproof... except in IE8 thus far. On Mar 26, 11:44 am, banacan banaca...@gmail.com wrote: I'm creating a page with many divs that I would like to have rounded corners, and several problems keep coming up. When using JRC for rounding, not all elements will round even though they have the correct class. Reloading the page will, after several attempts, create the rounded corners, though sometimes some elements will never round. This is even more problematic when the div has a border; I can see the rounded bg but the border is still square. Again, after repeated reloadings (3 or 4 times) it will usually work, though in some browsers it might not. Also, when using a gradient background on the parent div, the corner does not pick up the underlying color. When using curvycorner, the underlying color does come through, but again the div is not always rounded on the first load. It too needs refreshing multiple times before displaying correctly. Also, with curvycorners IE (6 anyway) does not produce rounded corners at all. So my questions are: Is this a common failing of these scripts? Is having the CSS in an external file the problem? Could these problems be caused by my local testing server? MAC OSX10.4.9, Apache 1.3.1, PHP 5.2, MySQL 5.0 Is a traditional CSS approach more reliable - though not easier? I don't want to spend much more time on this and I was hoping to hear from others whether or not they have experienced similar problems. If this is just not reliable, I need to take a different approach. TIA- Hide quoted text - - Show quoted text -
[jQuery] border-radius plugin for IE
This plugin adds support to IE for -moz-border-radius using VML http://gist.github.com/77516 weepy
[jQuery] Helping IE support Border Radius
http://gist.github.com/77516 // Use like : $(.myClass).borderRadius() will attempt to apply curved corners as per the elements -moz-border-radius attribute // Good: // - supports textured forgrounds and backgrounds // - maintains layouts // - very easy to use // - IE6 and IE7 // Bad: // - not fluid. Reapply if the dimensions change // - only supports rounding all corners // - no hover // - no Opera
[jQuery] pixelperfect
http://www.parkerfox.co.uk/labs/pixelperfect/ Is a bookmarklet that will allow you to drag elements around any page and informs you of the new coordinates. Uses jQuery and jQueryUI
[jQuery] Re: JSON parser?
User : http://code.google.com/p/jquery-json/ On 10 Nov, 17:19, Mike Alsup [EMAIL PROTECTED] wrote: Is there a problem with using the eval function? I'm curious why you would need an alternative that would add overhead. Security is the main problem. If you trust the source completely then eval is fine. Parser's like Doug's json2 also let you pass in a replacement function so you can massage the data as it's parsed if you need to.
[jQuery] Re: Is anyone from London?
I live in london On 8 Nov, 12:38, nmiddleweek [EMAIL PROTECTED] wrote: Hello, Sorry for the off-topic message but does anyone on the list work or live in London? I've recently started working for myself and thought it'd be a good idea to meet others working with similar tools and in general just have a few beers. Cheers, N
[jQuery] Re: Gradientz
Updated to version 0.4
Changelist :
0.3
Added Support for distance,
Default colors calculated from background
Added additional positioning CSS options (e.g. bottom or right)
0.4
Added support for negative angles and some more examples
Fix IE strange border effects with overflow: hidden and adding 1px to
width and height of VML
Now wrap innerHTML in a div to preserve zIndex
http://www.parkerfox.co.uk/labs/gradientz
http://www.parkerfox.co.uk/labs/gradientz/examples.html
On 4 Nov, 14:52, Andy Matthews [EMAIL PROTECTED] wrote:
Man...how's that for service! Great job weepy!
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of weepy
Sent: Tuesday, November 04, 2008 8:41 AM
To: jQuery (English)
Subject: [jQuery] Re:Gradientz
Ok this is fixed - I've just pushed a new version. Check again - it should
be fixed.
http://www.parkerfox.co.uk/labs/gradientz/
On 4 Nov, 14:37, Rick Faircloth [EMAIL PROTECTED] wrote:
Thanks, weepy...
When you said it creates graduated backgrounds I assumed it would
respond like a true background image. Perhaps that's not what you
intended.
Rick
weepy wrote:
Ah Rick - I'll take a look.
On 4 Nov, 14:14, Rick Faircloth [EMAIL PROTECTED] wrote:
Hey, I likegradientzvery much!
Question... how do I make the gradient to be the background for a
div?
I created a div with a gradient and put the text inside the div,
but the text appears outside the gradient, not over it...
script type=text/javascript
$(document).ready(function() {
$('#box1').gradientz({
start: gray,
end: white, angle: 0
})
});
/script
div id=box1 style=height:200px; width:200px; padding:10px;
color:white;
This is the text in my gradient box!/div
Rick
weepy wrote:
Just released a jQuery plugin Gradientz which creates graduated
backgrounds without the need for images.
* Uses VML in IE and canvas in Firefox, Webkit.
* Cross Browser: Tested on FF3, IE6, IE7, Safari
* Fast
* No need for excanvas
* Small: 2.2k uncompressed
For those of you that have seen Cornerz - it works in a very
similar way.
See more herehttp://www.parkerfox.co.uk/labs/gradientz/
Enjoy!
weepy ;..(
--
--
No virus found in this incoming message.
Checked by AVG -http://www.avg.com
Version: 8.0.175 / Virus Database: 270.8.6/1765 - Release Date:
11/3/2008 4:59 PM
--
--
No virus found in this incoming message.
Checked by AVG -http://www.avg.com
Version: 8.0.175 / Virus Database: 270.8.6/1765 - Release Date:
11/3/2008 4:59 PM
[jQuery] Re: Gradientz
Ah Rick - I'll take a look.
On 4 Nov, 14:14, Rick Faircloth [EMAIL PROTECTED] wrote:
Hey, I like gradientz very much!
Question... how do I make the gradient to be the background
for a div?
I created a div with a gradient and put the text inside the div, but the
text
appears outside the gradient, not over it...
script type=text/javascript
$(document).ready(function() {
$('#box1').gradientz({
start: gray,
end: white, angle: 0
})
});
/script
div id=box1 style=height:200px; width:200px; padding:10px;
color:white;
This is the text in my gradient box!/div
Rick
weepy wrote:
Just released a jQuery plugin Gradientz which creates graduated
backgrounds without the need for images.
* Uses VML in IE and canvas in Firefox, Webkit.
* Cross Browser: Tested on FF3, IE6, IE7, Safari
* Fast
* No need for excanvas
* Small: 2.2k uncompressed
For those of you that have seen Cornerz - it works in a very similar
way.
See more herehttp://www.parkerfox.co.uk/labs/gradientz/
Enjoy!
weepy ;..(
No virus found in this incoming message.
Checked by AVG -http://www.avg.com
Version: 8.0.175 / Virus Database: 270.8.6/1765 - Release Date: 11/3/2008
4:59 PM
[jQuery] Re: Gradientz
Ok this is fixed - I've just pushed a new version. Check again - it
should be fixed.
http://www.parkerfox.co.uk/labs/gradientz/
On 4 Nov, 14:37, Rick Faircloth [EMAIL PROTECTED] wrote:
Thanks, weepy...
When you said it creates graduated backgrounds I assumed it
would respond like a true background image. Perhaps that's not what
you intended.
Rick
weepy wrote:
Ah Rick - I'll take a look.
On 4 Nov, 14:14, Rick Faircloth [EMAIL PROTECTED] wrote:
Hey, I like gradientz very much!
Question... how do I make the gradient to be the background
for a div?
I created a div with a gradient and put the text inside the div, but the
text
appears outside the gradient, not over it...
script type=text/javascript
$(document).ready(function() {
$('#box1').gradientz({
start: gray,
end: white, angle: 0
})
});
/script
div id=box1 style=height:200px; width:200px; padding:10px;
color:white;
This is the text in my gradient box!/div
Rick
weepy wrote:
Just released a jQuery plugin Gradientz which creates graduated
backgrounds without the need for images.
* Uses VML in IE and canvas in Firefox, Webkit.
* Cross Browser: Tested on FF3, IE6, IE7, Safari
* Fast
* No need for excanvas
* Small: 2.2k uncompressed
For those of you that have seen Cornerz - it works in a very similar
way.
See more herehttp://www.parkerfox.co.uk/labs/gradientz/
Enjoy!
weepy ;..(
No virus found in this incoming message.
Checked by AVG -http://www.avg.com
Version: 8.0.175 / Virus Database: 270.8.6/1765 - Release Date: 11/3/2008
4:59 PM
No virus found in this incoming message.
Checked by AVG -http://www.avg.com
Version: 8.0.175 / Virus Database: 270.8.6/1765 - Release Date: 11/3/2008
4:59 PM
[jQuery] Gradientz
Just released a jQuery plugin Gradientz which creates graduated backgrounds without the need for images. * Uses VML in IE and canvas in Firefox, Webkit. * Cross Browser: Tested on FF3, IE6, IE7, Safari * Fast * No need for excanvas * Small: 2.2k uncompressed For those of you that have seen Cornerz - it works in a very similar way. See more here http://www.parkerfox.co.uk/labs/gradientz/ Enjoy! weepy ;..(
[jQuery] Cornerz 0.5
I released Cornerz v0.5 today. http://labs.parkerfox.co.uk/cornerz/ Features : # Antialiased # Very Fast # Support for any size radius and border width with minimal performance increase # No excanvas # Current layout is maintained # Supports fluid layouts. # Original div still shows through, so can easily do hover effects # Script is only 4.0k uncompressed # Tested on : * IE6 XP/Vista * IE7 XP/Vista * Firefox 2 Ubuntu/Windows * Safari 3 Windows/Mac * Opera 9 Windows/Linux * Chrome, iPhone Version 0.5 provides a fix for IE, where IE has trouble with odd valued dimensions. The script will now adjust these automatically. http://labs.parkerfox.co.uk/cornerz/
[jQuery] Re: Cornerz 0.5
Any special reasion why you're not using -moz-border-radius or -webkit-border-radius where available? I haven't particularily experimented with these, but the idea was to use the same method across all browsers so that they all give the same (or as similar as poss) result. Also -moz-border-radius doesn't look too good old older versions of firefox. E.g. http://www.the-art-of-web.com/images/moz-border-radius.gif On 30 Oct, 17:14, ricardobeat [EMAIL PROTECTED] wrote: Hi, Looks very good. Any special reasion why you're not using -moz-border- radius or -webkit-border-radius where available? cheers, - ricardo On Oct 30, 11:07 am, weepy [EMAIL PROTECTED] wrote: I released Cornerz v0.5 today. http://labs.parkerfox.co.uk/cornerz/ Features : # Antialiased # Very Fast # Support for any size radius and border width with minimal performance increase # No excanvas # Current layout is maintained # Supports fluid layouts. # Original div still shows through, so can easily do hover effects # Script is only 4.0k uncompressed # Tested on : * IE6 XP/Vista * IE7 XP/Vista * Firefox 2 Ubuntu/Windows * Safari 3 Windows/Mac * Opera 9 Windows/Linux * Chrome, iPhone Version 0.5 provides a fix for IE, where IE has trouble with odd valued dimensions. The script will now adjust these automatically. http://labs.parkerfox.co.uk/cornerz/
[jQuery] Re: Cornerz 0.4
I have a new version brewing which will allow an alterative rendering method which should allow textured backgrounds. I'll announce it here when it's ready. On Jun 4, 4:17 pm, Andy Matthews [EMAIL PROTECTED] wrote: I want to clarify my point on this. Of all the corner plugins, I think this one is the best. It results in the least amount of extra code, and it's quite elegant. However, the page background issue is going to be a dealbreak for a good amount of people, myself included. If I was willing to forgo the gradient background for my site I'd use this plugin in a heartbeat. andy -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of DaveG Sent: Wednesday, June 04, 2008 10:06 AM To: jquery-en@googlegroups.com Subject: [jQuery] Re:Cornerz0.4 Andy Matthews wrote: it kept showing the squared-off corners in addition to the rounded corners. I finally figured out that the corner has to be set to the same color as the background. Ah, thanks for that. I had the same squared off problem (only in FF though). However in my case I'm using a gradient image as a background so this corner method won't work. Also had the same issue. ~ ~ Dave
[jQuery] Re: Cornerz 0.4
seems to be a problem with inline elements. not sure what the solution is right now. On Jun 3, 3:25 pm, Pyrolupus [EMAIL PROTECTED] wrote: Jonah, I'm not sure whether this is a settings issue or a version issue, but the demo page looks a little off on my Opera-9.27/WinXP: http://pyrolupus.com/img/opera-9.27_cornerz.png (Note the white curve inside the green box for Examples--all the green boxes on the page are l like that and the box second from the bottom (border: 1 display: inline) which has a little spillover on the right. Is there anything I can do to troubleshoot it? Cheers, Pyro On Jun 3, 7:53 am, weepy [EMAIL PROTECTED] wrote: 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, so can easily do hover effects * Script is only 4.0k uncompressed * Requires jQuery 1.2.6+ * Tested on : o IE6 XP/Vista o IE7 XP/Vista o Firefox 2 Ubuntu/Windows o Safari 3 Windows o Opera 9 Windows/Linux Limitations: o Problem with some Inline elements in IE - due to incorrect reporting of width o For IE as it cannot handle right/bottom aligned elements with odd (2n+1) dimensions - positioning is calculated at page load. If an element changes height or width - the cornerz need adding again. Cheers Jonah
[jQuery] Re: HOWTO: Nested hover
nested divs as in div class='hover_me' div class='hover_me' div class='hover_me' /div /div div class='hover_me' /div div class='hover_me' /div /div On 17 Apr, 09:10, MichaL Sanger [EMAIL PROTECTED] wrote: I don't see any nested divs in your example =( MichaL On Thu, Apr 17, 2008 at 3:39 AM, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Hi, Weepy I was interested by your question so I had a go. It hasn't worked out quite as I expected, but it sort of does the job. Hope it's some help? http://vanilla-spa.homeholistics.com/sometest.html Cherry
[jQuery] HOWTO: Nested hover
Hi I have a div with other divs nested inside it (these may have further divs nested inside). I want to provide a hover effect when each is hovered upon. The trouble I have is that upon mouseout of a nested div - the hoveron event of the surrounding div is not fired. I could keep a list of divs and pop them on and off, but I wondered if there was a better way. Any ideas ?! weepy
[jQuery] Re: jQuery in the wild
also www.bbc.co.uk On 24 Mar, 03:39, Benjamin Sterling [EMAIL PROTECTED] wrote: Looks like MLB.com and in turnhttp://phillies.comare now using jQuery 1.2.1, looks like they are using jcarousel and corners. -- Benjamin Sterlinghttp://www.KenzoMedia.comhttp://www.KenzoHosting.comhttp://www.benjaminsterling.com
[jQuery] Re: absolute position inside inline element (opera)
have you seen cornerz ?
On 4 Mar, 16:35, Olaf Bosch [EMAIL PROTECTED] wrote:
Rick schrieb:
I have made a page which shows what the problem
is:http://meerbox.nl/opera.html
Any help would be appreciated :)
Opera must have a left or right, i try
#abs {
position:absolute;
height:20px;
top:-20px;
left:0;
border:1px solid white;
zoom:1;
}
and as work for me
--
Viele Grüße, Olaf
---
[EMAIL PROTECTED]://olaf-bosch.de/http://ohorn.info/http://www.akitafreund.de/
---
[jQuery] Re: Port FCK/TinyMCE to jQuery
http://batiste.dosimple.ch/blog/posts/2007-09-11-1/rich-text-editor-jquery.html
On Feb 21, 9:20 am, Gordon [EMAIL PROTECTED] wrote:
Thanks for pointing that out.
But what I'm more concerned with is the fact you're downloading
TinyMCE, PLUS jQuery, PLUS the plugin so it's lot of stuff being
downloaded, and much of the code you actually have downloaded is just
duplicated effort. Both jQuery and MCE implement DOM selectors,
iterators and manipulators, both implement an XHR wrapper, both
implement event models, etc. What I was wondering has anybody taken
the MCE code, cut its DOM, XHR, etc
out and wired the jQuery ones in in their place? That'd eliminate
duplication of effort between the two, and result in a smaller
download size.
On Feb 20, 5:27 pm, tlphipps [EMAIL PROTECTED] wrote:
Regarding using jquery to 'attach' the editor, there is a plugin that
I believe does just
that:http://groups.google.com/group/jquery-en/browse_thread/thread/d33630d...
On Feb 20, 10:33 am, Gordon [EMAIL PROTECTED] wrote:
I've been using TinyMCE to build a CMS that's also being built around
jQuery for other functionality, and I got to thinking, a lot of the
TinyMCE code is simply replicating functionality that's already in
jQuery (DOM selectors. XHR, etc), so has anybody tried to remove this
stuff from the MCE codebase and use the jQuery implementations
instead?
Additionally, how about using jQuery functionality to attach editors
to controls? For example $('textarea').tinyMCE () to attach editors
to all elements, or $('#myEditor').tinyMCE to replace just a specific
instance. You could use any CSS rule you wanted to determine where an
editor should be created in theory.
And how about using jQuery UI to implement MCE's inline popup
windows?
I do know there's WYM, which is built on jQuery, but that's very early
on in its development and also appears to have stalled.
[jQuery] it's only 1 character
The closures around plugins, when concatenated together (e.g. via
Rails 2.0) into one javascript file for production, can confuse the
javascript parser - despite the fact there is a new line. I propose
that there should be a semicolon at the first character to stop this.
I.e.
;(function($) {
rather than
(function($) {
I think it can confuse the closure as an argument of a function.
I've mentioned it before and there's been some good uptake of the idea
(e.g. http://dev.jquery.com/view/trunk/plugins/accordion/widget.js) ,
but the problem hit me again today whilst putting a site out to
production - so I thought I'd mention it again.
It will save lots of people lots of time :o)
Jonah
[jQuery] Re: eval vs. Function
you might be better off posting that on the jQuery Dev group
weepy
On Jan 22, 8:34 am, Danny [EMAIL PROTECTED] wrote:
A question for the jQuery team:
I look at the jQuery source code as my source for Javascript best
practices, and I see a few examples of things like:
fn = eval(false||function(elem){return + fn + })
What is the advantage of that over using Function, as:
fn = Function('elem', 'return '+fn)
which seems to do what you want more clearly and concisely.
[jQuery] possible to know if page is transitioning ?
Hi - is there an easy way to know if a page is transitioning ? I.e. when I click on a link and the page is waiting to navigate elsewhere ... Jonah
[jQuery] [OFF TOPIC] Really weird Behaviour in IE
I just found the oddest behaviour in IE6.
If you have an a tag with content that is a domain name e.g. :
a href='www.google.com'www.google.com/a
if you set the href attribute (via jquery or natively) to another
domain name - it will change the innerHTML to reflect this.
E.G.
$('a').attr(href, www.yahoo.com)
will turn this into
a href='www.yahoo.com'www.yahoo.com/a
If the innerHTML is not a domain. then it won't do this.
You can see that the IE programmers we obviously trying to do
something helpful here - but too much magic is a bad thing : just
wasted 1/2 an hour on this .
Jonah
[jQuery] Re: Bigger Link Plugin
nice plugin :)
On Jan 11, 9:09 pm, cfdvlpr [EMAIL PROTECTED] wrote:
It turns out that all I needed to do was this:
$('.testBiggerLink').click(function() {
window.location = /test.cfm;});
I don't know why I didn't realize it was this easy before. Your
plugin has some advanced features that are nice, but I didn't actually
need it here.
[jQuery] Determine if element is fluid?
Hi Does anyone know how to determine if an element is fluid or not ? - i.e. whether it's width is fixed - or not. Jonah
[jQuery] Re: [ANNOUNCE] Cornerz - Bullet Proof Curved Corners using Canvas/VML
The IE works not perfect :(
What problems are you having specifically? I know there is a subpixel
rendering problem.
The element itself holds the canvas or VML. It can be whatever you
want - whether it's invalid xml or not.
No plans for expansion. I like to keep things lean and mean : ) -
Though I do have a secret sister plugin coming ...
On Jan 8, 12:12 pm, Olaf Bosch [EMAIL PROTECTED] wrote:
Peter Bengtsson schrieb:
The xhtml validator cries blood because of the xml tag in the
middle of everything. Any nicer way to put that xml tag in and
still be certain it works in IE6?
This is simple:
!--[if IE]
stylev\: * { behavior: url(#default#VML);display:inline-block; }/style
xml:namespace ns='urn:schemas-microsoft-com:vml' prefix='v' /xml
![endif]--
@weepy:
Vor what is this DIV??? What hold the Canvas, this is not clear for me?
I have set cornerz on a UL an this is invalid to include in a UL a DIV.
I have replace the DIV with SPAN works also, for wat is this Holder?
This shold working without this holder DIV when the parent is set to
position:relative;
--
Viele Grüße, Olaf
---
[EMAIL PROTECTED]://olaf-bosch.dewww.akitafreund.de
---
[jQuery] Re: [ANNOUNCE] Cornerz - Bullet Proof Curved Corners using Canvas/VML
The xhtml validator cries blood because of the xml tag in the middle of everything. Any nicer way to put that xml tag in and still be certain it works in IE6? I plan to put this into the plugin itself, which would sidestep this problem
[jQuery] Re: [ANNOUNCE] Cornerz - Bullet Proof Curved Corners using Canvas/VML
div id=bla style=position:relative;
CONTENTCONTENT
CANVAS
CANVAS
CANVAS
CANVAS
/div
Good point. The only reason i was doing this was because I wanted to
pass the corners back as a return value. I'm not sure you can do with
without a parent container. The problem with IE goes away if u change
the width or height by 1px - not sure what is causing this !
If this had gradients and drop shadows
Watch this space
Regarding 'square' corners - do you mean 45 degrees ?
On Jan 8, 2:14 pm, Olaf Bosch [EMAIL PROTECTED] wrote:
weepy schrieb:
The IE works not perfect :(
What problems are you having specifically? I know there is a subpixel
rendering problem.
I make a Screen, I work offline:http://olaf-bosch.de/bugs/jquery/cornerz.gif
The element itself holds the canvas or VML. It can be whatever you
want - whether it's invalid xml or not.
Yes i understand this fact. I say it does not need. ;)
Give the parent element position:relative; and the cornerz working true,
see:
$('#bla').cornerz();
div id=bla style=position:relative;
CONTENTCONTENT
CANVAS
CANVAS
CANVAS
CANVAS
/div
For what will you make this:
div id=bla style=position:relative;
CONTENTCONTENT
div style=display:inherite
CANVAS
CANVAS
CANVAS
CANVAS
/div
/div
I forget, thank you for this fine Plugin :)
--
Viele Grüße, Olaf
---
[EMAIL PROTECTED]://olaf-bosch.dehttp://ohorn.infowww.akitafreund.de
---
[jQuery] Re: Cornerz - Bullet Proof Curved Corners using Canvas/VML
I'm assuming the subpixel rendering the ugly black lines on the left Yes exactly. But its only really an issue with fluid layouts as it only occurs when the width is an odd number. So it's fine to use otherwise. Jonah
[jQuery] Re: Cornerz - Bullet Proof Curved Corners using Canvas/VML
acutally i have a fix for this - will upload tomorrow On Jan 8, 7:15 pm, weepy [EMAIL PROTECTED] wrote: I'm assuming the subpixel rendering the ugly black lines on the left Yes exactly. But its only really an issue with fluid layouts as it only occurs when the width is an odd number. So it's fine to use otherwise. Jonah
[jQuery] Re: Drop Shadow Plugin
The only issue I have so far is with the speed - it can be quite slow.
You could significantly speed up your HTML creation by simply creating
the HTML by concatenating strings.
Jquery's functions are generally quite slow.
e.g.
instead of
divShadow.append(shadows[i]);
use
divShadow[0].innerHTML += shadows[i] (where shadows is the string form
of the html)
On Jan 3, 9:49 am, slooodge [EMAIL PROTECTED] wrote:
Hi Larry,
first of all, thanks for sharing your beautiful dropshadow plugin!
I would like to use it on one of my website to create a shadow around
images. But unfortunately I can't get it running.
I am german and my english is not very good, so maybe I just
misunderstood the documentation.
I simply downloaded dimensions.js and dropshadow.js and created the
following try-out page - but no shadow...
I would be very grateful if could tell me what I did wrong!
THANKS, Hannes
!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;
head
meta http-equiv=Content-Type content=text/html; charset=utf-8 /
titleUnbenanntes Dokument/title
script type=text/javascript src=js/jquery.js/script
script type=text/javascript src=js/dimensions.js/script
script type=text/javascript src=js/dropshadow.js/script
script type=text/javascript
$(document).ready(function() {
$(h1 span).dropShadow();
});
/script
body
h1spanYour/span spanPage/span spanTitle/span/h1
body
/body
/html
[jQuery] Bullet Proof: Help needed
Hi I've been working on a (yet another) curved corners plugin. This one is slightly different though, because it uses a bullet (actually an inverse bullet) to achieve the coners. Using a bullet has several features * Super dooper fast. I tried adding 3600 corners and it did it in less than 2000ms on firefox. * Very little extra html is added. * No changes to the layout * antialiased for free * can support radius and borders up to 30px * no change in speed for larger borders You can see it in action here http://www.parkerfox.co.uk/tmp/bullet_proof/ Note it's only perfect(ish) for Firefox/Ubuntu and Firefox/XP and IE6/ XP. IE7 and Vista are not too bad but I haven't calibrated them. However, and the however is farily large, I've found that there are differences in the way in which each broswer/OS combo renders the fonts. In fact each radius requires pain-staking pixel perfect calibration. I am also concerned that there maybe too many possibilities and/or there may be some unknown cases where it's not appropriate. It also results in a fairly large geometry file. The way round this might be to cut it down production since you are unlikely to need all radii from 1 to 30). I'd appreciate people's feedback and maybe someone has a cunning idea to deal with the problems. Also I don't have access to many OS/Browser combos, so please try it out and if you could email me a screeny that would be fantastic. weepy
[jQuery] Re: BBC Redesign
i think he means the whitespace in the source On Jan 1, 11:08 pm, Sam Sherlock [EMAIL PROTECTED] wrote: overhaul is overdue, however there are some issues with this site pros and cons, there was a discussion over on the WebStandards Group List Glad to see jquery in use at BBC, but that metric ton of white space to which you refer is an issue, personally its not an improvement http://www.mail-archive.com/[EMAIL PROTECTED]/msg32387.html On 01/01/2008, nathandh [EMAIL PROTECTED] wrote: Looks like the long-overdue BBC redesign is using jQuery (and a metric ton of whitespace and internal CSS): http://www.bbc.co.uk/home/beta/
[jQuery] Pretty Calendar Plugin
http://www.electricprism.com/aeron/calendar/ Unfortunately it's in MooTools - would it be difficult to port ?
[jQuery] Re: jQuery 1.2 benchmark
How come Ext is so fast !! On Oct 26, 9:30 am, Andy Matthews [EMAIL PROTECTED] wrote: Can someone simply explain what the colors indicate for any specific row? Red? Orange? Green? Grey? Black? Also, in IE7, these are the results I got (for what it's worth): Dojo query 0.9: 1020 jQuery1.2: 1350 Mootools r887: 2525 Prototype 1.6.0:2857 Ext 1.1: 7: 477 -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Rey Bango Sent: Friday, October 26, 2007 11:22 AM To: jquery-en@googlegroups.com Subject: [jQuery] Re: jQuery1.2benchmark Run this test in Internet Explorer and look at the results. jQuery is optimized for Internet Explorer which is the most widely used browser out. When you run the same tests in IE, you'll see that we perform much better and our on par with all of the libs. Also, theSlickSpeedtest suite has already been discussed in great detail on this list and many of the actual selectors specified are not real-world examples that would represent any type of real performance in an actual application. The performance of jQuery's DOM selector engine is actually very good and to date, we've not received any complaints from our users including Digg, NBC, IBM or Google. With that said, our focus is on improving features for jQuery.SlickSpeedis not on our radar. Rey Lauris Bukšis-Haberkorns wrote: Has anyone seen this one? http://alexandre-mercier.vinnac.org/slickspeed/ jQuery does not perform that well there. Lafriks
[jQuery] Re: 1px rounded corners issue
that plugin is the bomb it should be promoted more in the jQuery world. . On Oct 25, 12:08 am, SterlingK [EMAIL PROTECTED] wrote: @ weepy - Thanks so much for posting that link. That answered some of my issues as well. We all appreciate it when people like you go the extra mile to help on this list!
[jQuery] Re: New Plugin: ZoomBox
faster than before when you upgraded it to jQuery 1.2? possibly :) i don't have the old one to compare :)
[jQuery] Re: 1px rounded corners issue
how about this : http://meerbox.nl/?page_id=4 http://www.meerbox.nl/jrc_demo/example1.html http://www.meerbox.nl/jrc_demo/example2.html http://www.meerbox.nl/jrc_demo/example3.html it uses jQuery and canvas (works with IE too via excanvas) it's very small, very fast, supports fine borders, and best of all doesn't mess up your layout unlink curvy corners. don't know why it hasn't had more publicity as I think its the best by a long shot On Oct 24, 8:06 pm, Mike Alsup [EMAIL PROTECTED] wrote: Mike Alsup...any chance of you throwing a 1px wide corner example onto the page? Nope. A 1px border just doesn't work well with this plugin. 2px is pushing the limits - as Dave said, there is no antialiasing. Here's a 2px example (it's a bit jagged): http://malsup.com/jquery/corner/test-thin.html This plugin is great for light-weight corners and gives you a lot of style options, but if you need high quality rendering then one of the other libraries will give you that support. Mike
[jQuery] Re: Image expand plugin
There's also this http://parkerfox.parkerfox.railsplayground.net/labs/zoombox/index3.html On Oct 23, 7:05 am, Txt.Vaska [EMAIL PROTECTED] wrote: On 22 Oct 2007, at 22:54, Sean O wrote: http://vikjavev.no/highslide/#examples It's a funny thing...every time I see something good I assume it was done with Jquery. (Of course I know about other frameworks as well). What I was looking for was Hoverbox...it's pure CSS... http://sonspring.com/journal/hoverbox-image-gallery Posting this for posterity in case somebody ever comes searching for this as I did. Thanks
[jQuery] Re: JSS - New Plug-in
Very cool How would you recommend using it ? Ie. would you have a jss.css containing specific CSS included after the normal CSS ? Or is your intention to ignore users without javascript ? Jonah On Oct 7, 3:16 am, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: A question. Probably I do not get itbut how you could use it in real world? I mean what you think this should be helpfull. Looks quite interesting but I do not get it completely. Andrea On 6 oct, 18:51, Glen Lipka [EMAIL PROTECTED] wrote: This looks interesting. Would it fix this problem here?http://www.commadot.com/jquery/cssAND.php Glen On 10/6/07, Andy Kent [EMAIL PROTECTED] wrote: Hi Guys, This is a plug-in that was thrown together in a few spare hours after chatting with some people at FOWA last week, I hadn't had much sleep at the time so it's still a bit rough round the edges. In a nutshell though it gives you full support for all jQuery selectors from within your CSS files in a totally unobtrusive mannor. This effectively means cross browser CSS3 support via JavaScript. You can find out more and grab it from: http://andykent.bingodisk.com/bingo/public/jss/ Any feedback, good or bad would be appreciated. Thanks, Andy.
[jQuery] $(document).ready *and* window.onload
Hi, I really need to be able to fire both $(document).ready *and* window.onload in my app. However I find that window.onload doesn't get fired in IE (7) with document.ready any ideas here? weepy *...(
[jQuery] Re: $(document).ready *and* window.onload
ignore me :) On Sep 22, 6:05 pm, weepy [EMAIL PROTECTED] wrote: Hi, I really need to be able to fire both $(document).ready *and* window.onload in my app. However I find that window.onload doesn't get fired in IE (7) with document.ready any ideas here? weepy *...(
[jQuery] OT: Missing Images in IE7
Hi I am building dynamic in Chess boards in jQuery over at 64squar.es. However - in IE7 - sometimes the piece images (and in fact the rest of the images) only partially load. I can't find any www documentation on this 'feature' - does anyone have any ideas why this might happen or how to prevent it? It occurs for background images and img tags - prerendering in the HTML doesn't make a difference. weepy *...(
[jQuery] Re: jQuery runs inserted scripts prior to inserting HTML
$(document).ready(function() {
run script here ...
})
On Sep 18, 3:46 pm, Benjam Welker [EMAIL PROTECTED] wrote:
I posted about this yesterday, but it never showed up...
I have a script that grabs some HTML (with included javascript) via AJAX
and injects the HTML into the page. The problem is that the scripts
within that HTML block get executed before the HTML that it is
referencing is inserted into the page (and therefore missing from the DOM).
How can I pause execution of the script until the HTML is fully inserted
into the DOM?
The script is located in the HTML after the HTML it is referring to...
e.g.-
form
input id=a
script for element with id=a
/form
When I move the scripts below the form tag, the script executes as it
should and everything works.
But this method is a work-around, and I'd rather not do it this way.
~Benjam
[jQuery] Re: New Plugin: ZoomBox
that should be working ok in IE now :) On Sep 9, 7:53 pm, Jqlover [EMAIL PROTECTED] wrote: Gr8 work weep, it is working great in FIREFOX. I am not able to see the same effects in IE6.0 . it is giving an error while loading. On Sep 9, 11:30 pm, Glen Lipka [EMAIL PROTECTED] wrote: Great start! It would be cool to add in the keyboard mappings to go to the next image. Or escape to send it back down. Awesome work! Glen On 9/9/07, weepy [EMAIL PROTECTED] wrote: Inspired by EaseBox and Highslide, I made this plugin http://parkerfox.parkerfox.railsplayground.net/labs/zoombox/ It's still very much in alpha and tested only in Firefox * loads large image upon click * can provide own loading HTML as an option * loads the images offscreen to determine their dimensions. * If image is larger than viewport it will scale it down * if image is smaller than viewport it puts it to 100%. * provides callbacks for onzoom and onunzoom - allowing users to dimscreen etc if they would like * supports easing, if required. Problems : * main problem so far is that I haven't been able to get it work without absolutely positioning the images which is a bit of a shame. * there's a funny wiggle on the top left image when it finishes unzooming All in all I'm trying to keep it very simple and extensible (hence why I extract dimscreen out and use callbacks instead). It would be nice to provide a flexible way to give a background template to the zoom image (e.g. white border or shadow). BTW: the image of the keyboard is a bit jerky when it moves - this is because it's a *very* large image. Any feedback much appreciated. weepy *...(- Hide quoted text - - Show quoted text -
[jQuery] Re: New Plugin: ZoomBox
new link : http://parkerfox.parkerfox.railsplayground.net/labs/zoombox/index3.html On Sep 11, 1:33 pm, weepy [EMAIL PROTECTED] wrote: that should be working ok in IE now :) On Sep 9, 7:53 pm, Jqlover [EMAIL PROTECTED] wrote: Gr8 work weep, it is working great in FIREFOX. I am not able to see the same effects in IE6.0 . it is giving an error while loading. On Sep 9, 11:30 pm, Glen Lipka [EMAIL PROTECTED] wrote: Great start! It would be cool to add in the keyboard mappings to go to the next image. Or escape to send it back down. Awesome work! Glen On 9/9/07, weepy [EMAIL PROTECTED] wrote: Inspired by EaseBox and Highslide, I made this plugin http://parkerfox.parkerfox.railsplayground.net/labs/zoombox/ It's still very much in alpha and tested only in Firefox * loads large image upon click * can provide own loading HTML as an option * loads the images offscreen to determine their dimensions. * If image is larger than viewport it will scale it down * if image is smaller than viewport it puts it to 100%. * provides callbacks for onzoom and onunzoom - allowing users to dimscreen etc if they would like * supports easing, if required. Problems : * main problem so far is that I haven't been able to get it work without absolutely positioning the images which is a bit of a shame. * there's a funny wiggle on the top left image when it finishes unzooming All in all I'm trying to keep it very simple and extensible (hence why I extract dimscreen out and use callbacks instead). It would be nice to provide a flexible way to give a background template to the zoom image (e.g. white border or shadow). BTW: the image of the keyboard is a bit jerky when it moves - this is because it's a *very* large image. Any feedback much appreciated. weepy *...(- Hide quoted text - - Show quoted text -
[jQuery] Problem: Event on image load in IE
Hi
I am trying to fire an event in IE when an image has loaded, using the
following code :
var img = $(img/)
$(img).attr({ 'class': 'image', src: $elem.attr('href'), alt:
$elem.text(), style: 'margin-top: -1px; margin-
top:-1px'}).load(function() { functions.imageLoaded(elem, this)} )
imageLoaded fires in FF, but not in IE
Any ideas why ?
weepy *...(
[jQuery] Re: Problem: Event on image load in IE
I changed to bind('load', ...
I still get the same problem - at first it fires - but once the image
has loaded - it seems that IE has cached the image and so the image
load event does not get fired.
You can see it in action here :
http://parkerfox.parkerfox.railsplayground.net/labs/zoombox/
Jonah
[jQuery] Re: Corner Plugin affects layout
that's an awesome plugin On Sep 10, 3:59 pm, Sam Collett [EMAIL PROTECTED] wrote: Using canvas instead of nested div's for the corner didn't help with the layout (although it looks slightly better). The problem is caused by the 'position: relative' added to the element with the corner applied to it. On Sep 10, 2:28 pm, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: ugin use this plugin:http://meerbox.nl/?page_id=4 works fine and it's pretty nice ;)
[jQuery] New Plugin: ZoomBox
Inspired by EaseBox and Highslide, I made this plugin http://parkerfox.parkerfox.railsplayground.net/labs/zoombox/ It's still very much in alpha and tested only in Firefox * loads large image upon click * can provide own loading HTML as an option * loads the images offscreen to determine their dimensions. * If image is larger than viewport it will scale it down * if image is smaller than viewport it puts it to 100%. * provides callbacks for onzoom and onunzoom - allowing users to dimscreen etc if they would like * supports easing, if required. Problems : * main problem so far is that I haven't been able to get it work without absolutely positioning the images which is a bit of a shame. * there's a funny wiggle on the top left image when it finishes unzooming All in all I'm trying to keep it very simple and extensible (hence why I extract dimscreen out and use callbacks instead). It would be nice to provide a flexible way to give a background template to the zoom image (e.g. white border or shadow). BTW: the image of the keyboard is a bit jerky when it moves - this is because it's a *very* large image. Any feedback much appreciated. weepy *...(
[jQuery] Re: jQuery Babelfish Plugin
would it be possible to convert inline ? On Aug 22, 11:00 am, Tane Piper [EMAIL PROTECTED] wrote: Hey Xavier, Thanks for pointing that out - I was looking to do something like that originally, but couldn't get it to work with Google that way. I'll have a look at the altavista service and see what i can do to maybe make it more friendly. On 8/22/07, xavier [EMAIL PROTECTED] wrote: This isn't done as a plugin, but that's a similar idea: (buttons automatic translation) http://www.gmworkersblog.com/languages/english/union_says_avtovaz_fir... On Aug 21, 2:33 pm, Tane Piper [EMAIL PROTECTED] wrote: Hey folks, Time for another plugin -http://digitalspaghetti.me.uk/index.php?q=jquery-babelfish This is my jQuery Babelfish plugin. It provides a very easy way for you to add translation services via Google Translate on your site. The default setting is from English to French, but it can be overridden to input and output any language that Google supports. Using the plugin, you can pass in text from any element, including the body. You can see the demo on the page above to see how this can be achieved. -- Tane Piperhttp://digitalspaghetti.me.uk This email is: [ x ] blogable [ ] ask first [ ] private -- Tane Piperhttp://digitalspaghetti.me.uk This email is: [ ] blogable [ x ] ask first [ ] private --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups jQuery (English) group. To post to this group, send email to jquery-en@googlegroups.com To unsubscribe from this group, send email to [EMAIL PROTECTED] For more options, visit this group at http://groups.google.com/group/jquery-en?hl=en -~--~~~~--~~--~--~---
[jQuery] Re: Feature suggestion: animating through stylesheets
i can't find any documentation on the 'step' function ? Stephan Beal wrote: On Aug 20, 7:18 am, John Resig [EMAIL PROTECTED] wrote: I've re-done the original demo using jQuery's step function (dunno why I didn't think of this before). Much improved:http://dev.jquery.com/~john/ticket/animatetest/ error: console is not defined ?? console.log() is called a couple of times. FF 2.0.0.6 with firebug.
[jQuery] Re: [ANNOUNCE] - jqDnR R2 Released
Hey great plugin - are you likely to add a 'containment' option ?
On Aug 19, 9:22 pm, Rey Bango [EMAIL PROTECTED] wrote:
Brice, in FF v2.0.0.6, if I resize the box (div I assume), the text
inside of the box overflows. It happens on both examples.
I've attached a pic for you to look at.
Rey...
Brice Burgess wrote:
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 due to $.css('top') and $.css('left')
returning pixel position relative to page vs. parent element. This is
probably good design by them... and I hope to investigate this issue
further.
Plugin page;
http://dev.iceburg.net/jquery/jqDnR/
Enjoy!
~ Brice
jqresize.JPG
13KViewDownload
[jQuery] Re: jQuery negatives: dual/triple/quadruple special-case uses for both function calls and method names
It's fair to say that the documentation is a little thin on the ground. I've been writing jQuery for a long while and I'd never even heard of the if() or eq() functions, let alone lt() and gt(). Having said that - what is there is generally very well written and and covers alot. It is also very concise which is both good and bad. On Aug 16, 11:43 pm, David Duymelinck [EMAIL PROTECTED] wrote: On Aug 16, 10:27 pm, Glen Lipka [EMAIL PROTECTED] wrote: As a non-programmer, (HTML/CSS only) I understand lt() and gt() mainly because of lt; and gt;. I think those are very easy. The place I get confused a little is when you can say $(p:gt(4)) and $(p).gt(4) and get the same thing. Why both? I suppose the answer is because some people like it one way and some the otht ter. I believe John posted in another thread the methods are gone in future releases and the selectors stay. So no more confusion for you :) Glen On 8/16/07, Rey Bango [EMAIL PROTECTED] wrote: Amazon. Rey Andy Matthews wrote: Karl... Where would be the best place for my company to purchase your book so that you will get the maximum benefit? *From:* jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] *On Behalf Of *Karl Swedberg *Sent:* Thursday, August 16, 2007 2:15 PM *To:* jquery-en@googlegroups.com *Subject:* [jQuery] Re: jQuery negatives: dual/triple/quadruple special-case uses for both function calls and method names Andy, I realize these are contrived examples, but if you're interested in seeing what those selectors/traversal methods (e.g. :lt or .lt() ) can be used for, here are a few links that might be helpful: http://www.learningjquery.com/2006/12/how-to-get-anything-you-want-pa... http://www.learningjquery.com/2006/12/how-to-get-anything-you-want-pa... http://book.learningjquery.com/3810_02_code/selectors.html http://book.learningjquery.com/3810_03_code/traversing.html --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com On Aug 16, 2007, at 3:02 PM, Andy Matthews wrote: John... I should have added on to my OP. Better examples are really what is needed, not changes to the language. Let me read through and see possible RW examples of eq() or is() and let me say hey I did that very thing last week, but with 10 more lines of code). andy -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of John Resig Sent: Thursday, August 16, 2007 1:48 PM To: jquery-en@googlegroups.com Subject: [jQuery] Re: jQuery negatives: dual/triple/quadruple special-case uses for both function calls and method names Sure, that makes sense - and it's obviously difficult. I think the burden may lie on us to write better examples - although, it's hard to think of ones that aren't complex that also aren't contrived. At this point, I look for fringe cases in jQuery where, simply, a plugin is unable to duplicate functionality (or where a plugin would be hugely bloated, where the result in core would be quite simple, instead). That being said, I'm still advancing the library with some fun methods like .andSelf() whose uses won't become commonly apparent until far down the line. --John On 8/16/07, Andy Matthews [EMAIL PROTECTED] wrote: John... To be fair...it's very easy to learn the basics of jQuery, but it's quite a lot of work and time to learn the really cool stuff. I've never used eq() or if() and those other because I simply don't understand what they do. I'm sure some of them could improve my code dramatically but I don't even know WHEN I might use them, so I don't know when to look for them. Does that makes sense? andy -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of John Resig Sent: Thursday, August 16, 2007 12:53 PM To: jquery-en@googlegroups.com Subject: [jQuery] Re: jQuery negatives: dual/triple/quadruple special-case uses for both function calls and method names I don't understand this argument at all. So this guy is proposing that we change all the jQuery methods to: $Array([array of elems]) $Selector(str) $HTML(html) $Element(DOMElement) and: .appendElement(DOMElement) .appendHTML(html) .appendArray([array of elems]) what on earth does that gain you? What's the purpose of using a language that can overload arguments and not actually using that feature? What's the advantage of increasing the size of your API 4-fold? Incredibly weak argument, obviously someone who's never used the library. Some method names make no immediate sense, like .one or .eq, and you can't
[jQuery] object orientated setTimeout
Hi have the following problem : I want to delay this call by 400ms : game.setAllowedMoves(this_game.allowed_moves) setTimeout(game.setAllowedMoves(this_game.allowed_moves)) does not work as it's executed in the global context. Any idea how to do this ?
[jQuery] Re: object orientated setTimeout
to answer my own question :
window.setTimeout(function()
{ game.setAllowedMoves(this_game.allowed_moves)} , 400)
On Aug 13, 1:56 pm, weepy [EMAIL PROTECTED] wrote:
Hi have the following problem : I want to delay this call by 400ms :
game.setAllowedMoves(this_game.allowed_moves)
setTimeout(game.setAllowedMoves(this_game.allowed_moves)) does not
work as it's executed in the global context.
Any idea how to do this ?
[jQuery] Re: The Right Sprite
I'd love to see a jSprite plugin :-) Perhaps you could use a 2d array for the sprites. X direction could be the sprite and Y could be it's Type ? Another question, do you know if this would work with IE6 with transparent PNGS that have been fixed with a DXFilter ? The reason I ask is that I recently discounted sprites as a useful method because background-position doesn't work with IE6 and DXFilter. Your method might open this up. *...( On Aug 11, 4:51 pm, Glen Lipka [EMAIL PROTECTED] wrote: Ive been experimenting with icon sprites. Specifically how to manage them for a RIA that has many many icons with several states. Check out my findings here:http://commadot.com/?p=590 A little jQuery help would be good for this page:http://www.commadot.com/jquery/sprites/78div.htm Is there a better way to do this? Specifically, the problem is, I can only have 1 class on the actual button because if it has 2 then it wouldn't find it in the array. Would jQuerizing the array make it easier to manage? The main benefit of doing things this way is that you 1. clean up your css 2. fewer http requests for lots of icons 3. can refer to icons by their name, not number. Thoughts? Glen
[jQuery] $.clone
During assingment, if the object is not primative, Javascript will
return a pointer to the object rather than a copy.
E.g.
a = [1,2]
b = a
b[0]=3
a == [3,2]
This clone function makes it possible to copy an object.
$.clone = function (obj) {
if(typeof(obj) != 'object') return obj;
if(obj == null) return obj;
var newobj = new Object();
for(var i in obj)
newobj[i] = $.clone(obj[i]);
return newobj;
}
a = [1,2]
b = $.clone(a)
b[0]=3
a == [1,2]
I have found this function invaluable when comparing and complex
Javascript objects.
[jQuery] Re: $.clone
It does work for array's, only they come back as objects !!
having said that - your approach looks better :)
On Aug 5, 5:41 pm, Erik Beeson [EMAIL PROTECTED] wrote:
Thanks for sharing this. I'm pretty sure what you suggest won't properly
deal with arrays. Objects aren't the same as arrays. Here's how I do
something like that:
function deepCopy(obj) {
if(obj obj.constructor == Object) {
var newObj = new Object();
for(var field in obj) {
newObj[field] = deepCopy(obj[field]);
}
return newObj;
} else if(obj obj.constructor == Array) {
var newArray = new Array();
for(var i = 0; i obj.length; i++) {
newArray[i] = deepCopy(obj[i]);
}
return newArray;
}
return obj;
}
Also, while it's fine to use $ however you want in your own code, for code
that you're making public, I suggest you checkout the plugin authoring guide
about not using $
directly:http://docs.jquery.com/Plugins/Authoring#Custom_Alias
--Erik
On 8/5/07, weepy [EMAIL PROTECTED] wrote:
During assingment, if the object is not primative, Javascript will
return a pointer to the object rather than a copy.
E.g.
a = [1,2]
b = a
b[0]=3
a == [3,2]
This clone function makes it possible to copy an object.
$.clone = function (obj) {
if(typeof(obj) != 'object') return obj;
if(obj == null) return obj;
var newobj = new Object();
for(var i in obj)
newobj[i] = $.clone(obj[i]);
return newobj;
}
a = [1,2]
b = $.clone(a)
b[0]=3
a == [1,2]
I have found this function invaluable when comparing and complex
Javascript objects.
[jQuery] Re: $.clone
BTW: you are missing a final )
2 comments :
1) I tried to replace my version with it and it didn't work. I did add
in the $.clone(xxx,true) to my code. It wasn't obvious why it didn't
work.
2) Speed. Cloning can be quite slow due to the recursion. Is it
possible to move the jQuery specific stuff to the end so it's not
always run by default ?
On Aug 5, 6:46 pm, the_undefined [EMAIL PROTECTED] wrote:
Sry for spamming the list, but I just spotted another error (that's
what you get when doing quick refactorings for posting stuff in public
without testing them properly ^^). Full code again / last post:
$.extend({
clone: function(obj, deep) {
// Clone a jQuery object / objects with a custom clone
function
if (obj obj obj.clone $.isFunction(obj.clone)) {
return obj.clone(deep);
}
// Clone a function
if ($.isFunction(obj)) {
return function() {return obj.apply(this,
arguments);};
}
if (obj obj.constructor == Array) {
// Clone an array
var clone = [];
for(var i = 0; i obj.length; i++) {
clone[i] = (deep == true)
? obj[i]
: $.clone(obj[i], deep);
}
return clone;
} else if (obj obj.constructor == Object) {
// Clone an object
var clone = {};
for (var p in obj) {
clone[p] = (deep == true)
? obj[p]
: $.clone(obj[p], deep);
}
return clone;
}
return obj;
}
}
-- Felix
On Aug 5, 7:42 pm, the_undefined [EMAIL PROTECTED] wrote:
Ups, that last line should read:
return obj;
not 'return clone;'.
On Aug 5, 7:30 pm, Felix Geisendörfer [EMAIL PROTECTED] wrote:
My function for cloning looks like this: It covers objects, arrays,
functions and jQuery objects / custom objects with an own clone()
function:
--
$.extend({
clone: function(obj, deep) {
// Clone a jQuery object / objects with a custom clone function
if (obj obj obj.clone $.isFunction(obj.clone)) {
return obj.clone(deep);
}
// Clone a function
if ($.isFunction(obj)) {
return function() {return obj.apply(this, arguments);};
}
if (obj obj.constructor == Array) {
// Clone an array
var clone = [];
for(var i = 0; i obj.length; i++) {
clone[i] = (deep == true)
? obj[i]
: $.clone(obj[i], deep);
}
return clone;
} else if (obj obj.constructor == Object) {
// Clone an object
var clone = {};
for (var p in obj) {
clone[p] = (deep == true)
? obj[p]
: $.clone(obj[p], deep);
}
}
return clone;
}
--
I'm interested to hear feedback,
-- Felix
--
My Blog:http://www.thinkingphp.org
My Business:http://www.fg-webdesign.de
Erik Beeson wrote:
Thanks for sharing this. I'm pretty sure what you suggest won't
properly deal with arrays. Objects aren't the same as arrays. Here's
how I do something like that:
function deepCopy(obj) {
if(obj obj.constructor == Object) {
var newObj = new Object();
for(var field in obj) {
newObj[field] = deepCopy(obj[field]);
}
return newObj;
} else if(obj obj.constructor == Array) {
var newArray = new Array();
for(var i = 0; i obj.length; i++) {
newArray[i] = deepCopy(obj[i]);
}
return newArray;
}
return obj;
}
Also, while it's fine to use $ however you want in your own code, for
code that you're making public, I suggest you checkout the plugin
authoring guide about not using $ directly:
http://docs.jquery.com/Plugins/Authoring#Custom_Alias
--Erik
On 8/5/07, *weepy * [EMAIL PROTECTED] mailto
[jQuery] Re: ruby style string manipulation
yes you are right
i wonder if theres a clever way round this ...
On Jul 27, 7:06 pm, Michael Geary [EMAIL PROTECTED] wrote:
From:weepy
$s = function(s) {
p = s.replace(/#{/g, ' + eval().replace(/}/g, ) + ')
p = ' + p + '
return eval(p)
}
a=Jonah
b=30
$s(#{a} is #{b} years old)
== Jonah is 30 years old
From: Michael Geary
Sorry to be a party pooper, but what happens if you call $s from
inside a function, using replacement variables that are
local to that function? How will the eval see those variables?
From: Stephan Beal
You can, to the best of my knowledge, eval code created in
your local scope, referencing vars created in your scope.
For some details, see:
http://blog.zimki.com/tomi/2006/08/07/javascript-eval
What the eval method does is evaluate the passed string as
JavaScript in the context of the Object upon which it is called.
Right, that was exactly my point. The eval function is being called inside
the $s function, so it won't see local variables in a different function.
For example, this won't work:
function test() {
a = Jonah;
b = 30;
alert( $s(#{a} is #{b} years old) );
}
-Mike
[jQuery] Re: ruby style string manipulation
or C# style:
String.prototype.$ = function() {
ret = this
for(i=0; iarguments.length; i++)
ret = ret.replace(new RegExp(\\{ + i + \\}), arguments[i])
return ret;
}
r = {0}, hello, {1}.$(hh, ff)
== r == hh, hello, ff
[jQuery] Re: Mootools
am i the only one who this this demo looks aweful ?! The aliasing makes everything wobble around On Jul 30, 3:17 pm, Andy Matthews [EMAIL PROTECTED] wrote: Yeah...mine too. I'm using a fairly beefy PC and it hovered between 25% and 50% the whole time it was playing. -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Burobjorn Sent: Monday, July 30, 2007 6:39 AM To: jquery-en@googlegroups.com Subject: [jQuery] Re: Mootools Just a quick observation: Check your cpu usage during this slideshow. In my case on a Core2 Duo macbook it puts both cores to around 40%. Kinda high if you ask me for a slideshow especially if you would use this in a site with more js events going on. It could easily make your computer less responsive and the user experience less enjoyable. grtz BjornW Reason I asked about Mootools is I love there slideshow. It allows doing the Ken Burns effects that was mentioned Nicolas last week. Check out this wicked class demo: http://www.electricprism.com/aeron/slideshow/ Wow -- that's a helluva plugin, and a *really* great demo. ~ ~ Dave
[jQuery] Re: ruby style string manipulation
another alteration to fix problems with apostrophes
var $s = function(s) {
p = s.replace(/'/g, '').replace(/#{/g, ' + ).replace(/}/g, +
');
p = ' + p + ';
return eval(p);
}
this replaces with ' in your input string, it works best if you use
to signify the edge of your string and ' inside : e.g.
$s(#{a}'s cat is #{b} years old)
== Jonah's cat is 30 years old
[jQuery] ruby style string manipulation
Sick and tired of string manipulation in javascript ? I was
Try this nice little function :
$s = function(s) {
p = s.replace(/#{/g, ' + eval().replace(/}/g, ) + ')
p = ' + p + '
return eval(p)
}
OK it's not exactly bullet-proof, but it's the concept that counts
here.
So now you can do :
a=Jonah
b=30
$s(#{a} is #{b} years old)
== Jonah is 30 years old
Obviously any stray '#{' and '}' sequences will break it...
[jQuery] Re: ruby style string manipulation
or even
$s = function(s) {
p = s.replace(/#{/g, ' + ).replace(/}/g, + ')
p = ' + p + '
return eval(p)
}
[jQuery] Re: ruby style string manipulation
hehe
On Jul 27, 11:36 am, David Duymelinck [EMAIL PROTECTED] wrote:
Can't you make it a oneliner?
$s = function(s) {
return eval(' + s.replace(/#{/g, ' + ).replace(/}/g, + ') + ');
}
more place for bloated functions :)
-- David
weepy schreef:
or even
$s = function(s) {
p = s.replace(/#{/g, ' + ).replace(/}/g, + ')
p = ' + p + '
return eval(p)
}
[jQuery] [ANNOUNCE] New JQuery Site: 64squar.es
64squar.es is a completely free, fully featured and easy to use online chess site with a clean simple interface. Users can play opponents in real-time by dragging and dropping the pieces just like a real chess board. Ajax is used to make your moves on the opponent's board and vice versa. We are trying to blur the distinction between real-time online play and correspondence chess. If a user is not online when a move is made, they are sent an email. Other features: * Customize board color * In game chat * Take-backs * Avatars * Implementation of ELO Ranking * Email Notification 64squar.es is built using Ruby on Rails and Jquery. It also uses Juggernaut (a ruby on rails plugin http://juggernaut.rubyforge.com) to remove the need for polling to improve responsiveness and ease future scaling. We're planning exciting new features in the coming months. Check it out here : http://64squar.es. Sign up is completely free. Blog : http://blog.64squar.es Discuss: http://groups.google.com/group/64squares/ Bugs: [EMAIL PROTECTED] Created by : http://www.parkerfox.co.uk
[jQuery] Re: announcement: jQuery-based generic board game interface
Another Jquery based board game that I'm putting into beta : http://64squar.es It's an online realtime chess game with drag and drop pieces. On Jul 10, 2:31 pm, Andy Matthews [EMAIL PROTECTED] wrote: Can you explain (ever so briefly) how this would be used? Is it merely a way to quickly place pieces on an existing board? -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of John Resig Sent: Monday, July 09, 2007 9:41 PM To: jquery-en@googlegroups.com Subject: [jQuery] Re: announcement: jQuery-based generic board game interface Stephan - Great work! I could definitely see how this would be useful. --John On 7/9/07, Stephan Beal [EMAIL PROTECTED] wrote: Hiya! The jQ site says that this list is the place to make announcements, so here it goes... The past couple of days i've been working on an application for playtesting new boardgames (a long-time hobby of mine), and it's now at a point where it mostly does what i want. With only about 175 lines of JS code (plus about 3 times that amount of HTML, PHP, and CSS), i'm still slapping my forehead over simple it is to do complex DOM-related tasks using jQuery. i didn't have to use the standard DOM API a single time, and had no problem finding a jQuery function to do everything i needed/wanted to do. Here it is, in any case: http://wanderinghorse.net/gaming/bpi/ (BPI is a working title meaning Boardgame Prototyping Interface) There are, of course, many more potential features to add, but it is currently suitable for its purpose: setting up and playtesting new boardgame designs without having to print out the boards and pieces. Caveat: it's only been tested in Firefox 2.0.0.4 and Konqueror 3.5.7, but it does not work 100% correctly in Konqueror because in jQ 1.1.3.1 the dblclick() callbacks are never triggered in that browser (a bug report has been filed). :D
[jQuery] Re: Feature suggestion: animating through stylesheets
Lurvely I have a real world example where I can immediately try this out on: http://64squar.es. When the chess pieces appear initially, they all slide onto the board. It's a bit jerky really - esp since its trying to move 32 x 60x60 pngs with alpha channel. It's currently somewhat jerky, so i'd definitely be interested in trying this css method ! *...( On Jul 9, 4:55 pm, Scott Sauyet [EMAIL PROTECTED] wrote: Benjamin Sterling wrote: Not exactly sure what you are saying as far as the selectors go, I discussed it earlier in the thread: http://groups.google.com/group/jquery-en/msg/22f43f8e84a711b2 It's not that important since Gordon hit on using the !important declaration. But without that, other selectors in the stylesheet could stop the CSS-based animation from working. -- Scott
[jQuery] Re: Feature suggestion: animating through stylesheets
they are different animations - but it should be easy to bunch them all together. On Jul 9, 5:56 pm, Sean Catchpole [EMAIL PROTECTED] wrote: On 7/9/07, weepy [EMAIL PROTECTED] wrote: When the chess pieces appear initially, they all slide onto the board. It's a bit jerky really - esp since its trying to move 32 x 60x60 pngs with alpha channel. There are lots of browser limitations with working with PNGs. But more importantly, this new animation function will only speed up simultaneous animations, it will not speed up 64 different animations (if that's how you're doing it). ~Sean
[jQuery] Re: Easebox
did u get any further with this project ?
I might have a use for it in a project of mine and would be interested
in helping you make progress.
*...(
On Jun 25, 3:44 am, Glen Lipka [EMAIL PROTECTED] wrote:
I sort of made progress, then I tried to hook up the next back buttons.
Then I messed something up...then things started to unravel.
Now, I am totally confused. I am sure I am writing stuff that is totally
illogical.
jQuery Programming questions:
What is the best pattern to find the next thumbnail? (it may or may not be a
sibling). I was trying this zoomIndex thing, but I got confused. Plus, I
want to gracefully stop when there are no more next or previous ones.
What else am I doing dumb?
How did I totally screw up the fade when using next/back?
Why doesn't the fade work right when I scroll down? How can I make it
positioned over the current viewport. I have the dimensions plugin in there
so it SHOULD be easy? I think. Ugh.
So frustrated. I should give up on this project.
Glen
On 6/24/07, weepy [EMAIL PROTECTED] wrote:
oh i see - you're loading them over the thumbnails ( i was right
clicking and seeing the large file ).
one of the main points of thumbnails is that you are not loading the
whole image (bandwidth) - so really u should only load them when you
click on them. (or it could be an option)
weepy
On Jun 24, 4:45 pm, Glen Lipka [EMAIL PROTECTED] wrote:
I thought that this would do the same thing...
$([EMAIL PROTECTED]).each(function(i){
thumbnail = $(this).children(img);
thumbnail.addClass(smallThumb);
link = $(this);
link.height(thumbnail.height()).
width(thumbnail.width()).
css(position,relative);
link.append(img src=' + link.attr(href) +
' height=' + thumbnail.height() +
' width=' + thumbnail.width() +
' class='bigThumb');
});
I load the thumbnails first and then this function loads the bigger one
and
sizes it right on top of the thumbnail.
Is this not a good method? Im not sure what is best there.
Glen
On 6/24/07, weepy [EMAIL PROTECTED] wrote:
I guess I mean a bit like this plugin :
http://vikjavev.no/highslide/#examples
- does an ajax load for the image before it zooms.
On Jun 24, 8:47 am, weepy [EMAIL PROTECTED] wrote:
looking great
you need to make it work with thumbnails though otherwise the page
might take aaages to load with lots of big images
weepy :...(
On Jun 24, 8:05 am, Glen Lipka [EMAIL PROTECTED] wrote:
It's inching its way forward.
It seems though that the further I take this, the more programming
is
required.
All these details. My dream is to have the same syntax as
prototype's
lightbox and be able to say
$(element).EaseBox({
transitionDuration: 1000,
easingMethod: method,
zoomComple: callbackFunction,
maxScreenSize: 0.9,
overlayColor: #00,
overLayOpacity: 0.8,
});
And also control the borders, shadows, etc through CSS.
A man has to dream, doesn't he?
Speaking of which, Im going to sleep.
Glen
On 6/23/07, Glen Lipka [EMAIL PROTECTED] wrote:
Working on it. All these little details.
I have to figure out how to position all this stuff.
Especially to make the image zoom to an appropriate size to the
viewport.
Glen
On 6/23/07, Jörn Zaefferer [EMAIL PROTECTED] wrote:
Glen Lipka wrote:
I had a little bit of free time, so I started an
easeBox. Like
thickbox, but with easing transitions.
http://www.commadot.com/jquery/easebox/#
Cool. I like it already.
I made a list of things I want to do to it on it.
Any suggestions to add to the list?
Any suggestions of how I could improve the code?
I have no idea how to make it into a plugin.
Continuing to work on it, but help is greatly appreciated.
I like to be able to click somewhere in the document to hide
any
popups.
Navigating between images should be possible using the cursor
keys. Any
other combination (n, p, ,, ;) seems very unintuitive.
Navigation images should be always in the same place, eg.
lower
right
corner. Posititiong them relative to the image is extremely
annoying
when navigating between images with different sizes. You can't
keep
clicking but have to target the button again and again.
Presentation wise a greyed out background and think black and
white
borders are very nice. Make it look like a picture frame: Grey
background, think black border (30px), thin white border
(15-30px).
DD and resizable seems to be rather useless as long as you
can't
open
more then one image at a time
[jQuery] Re: 1.1.3 breaks opacity effects in IE?
I also had a problem, this time only with IE6 line 1587 == return elem.filter ? (parseFloat( elem.filter.match(/ opacity=([^)]*)/)[1] ) / 100).toString() : ; was causing an error as my filter didnt have opacity= string in it. i fixed by changing to : == return elem.filter ? (parseFloat( (elem.filter.match(/ opacity=([^)]*)/) || [100]) [1] ) / 1 00).toString() : ;
[jQuery] Re: 1.1.3 breaks opacity effects in IE?
I saw the bug report for this ... do you have a test case? I can't reproduce I think the reason that this reason that it occurs is that I'm using a custom version of idrop.js that stops the opacity turning on for the draggable. I changed it because 24bit PNGs in IE7 look horrible if the opacity turns on (even to 100%). *...( On Jul 2, 4:48 pm, Brandon Aaron [EMAIL PROTECTED] wrote: this one. -- Brandon Aaron On 7/2/07, weepy [EMAIL PROTECTED] wrote: I also had a problem, this time only with IE6 line 1587 == return elem.filter ? (parseFloat( elem.filter.match(/ opacity=([^)]*)/)[1] ) / 100).toString() : ; was causing an error as my filter didnt have opacity= string in it. i fixed by changing to : == return elem.filter ? (parseFloat( (elem.filter.match(/ opacity=([^)]*)/) || [100]) [1] ) / 1 00).toString() : ;
[jQuery] 1.13 bug - IE6 attr function
I have a bug in the fading code for IE6 it is triggered in the function attr on line 1587 return elem.filter ? (parseFloat( elem.filter.match(/opacity=([^)]*)/)[1] ) / 100).toString() : ; elem.filter is actually progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='/images/pieces/classic/wp.png') so elem.filter.match(/opacity=([^)]*)/) is null so null[1] throws an error i fixed by changing to : return elem.filter ? (parseFloat( (elem.filter.match(/opacity=([^)]*)/) || [100]) [1] ) / 100).toString() : ;
[jQuery] Re: Draggables in jQuery
lurvely - i can easily hack an end event into that and it makes it droppable ! On Jun 27, 7:27 am, Gilles (Webunity) [EMAIL PROTECTED] wrote: Drag yes, drop no ;) http://dev.iceburg.net/jquery/jqDnR/
[jQuery] Re: Draggables in jQuery
ah - don't want to get y'all too excited - but I just meant providing 'dragstart' and 'dragend' callback events. :...( On Jun 27, 10:23 am, Erik Beeson [EMAIL PROTECTED] wrote: Good luck editing Brice's code :) On 6/27/07, weepy [EMAIL PROTECTED] wrote: lurvely - i can easily hack an end event into that and it makes it droppable ! On Jun 27, 7:27 am, Gilles (Webunity) [EMAIL PROTECTED] wrote: Drag yes, drop no ;) http://dev.iceburg.net/jquery/jqDnR/
[jQuery] Re: How to Rotate an Image 90 Degrees
maybe check this out : http://www.netzgesta.de/instant/ *...( On Jun 27, 4:24 pm, Scott Trudeau [EMAIL PROTECTED] wrote: I'm developing in Coldfusion, by the way. But, I don't think I can use a server side script for this as I need it to update without a page refresh... There are a number of ways you could do this with a .ajax or similar call. E.g., let's say you write a coldfusion script that accepts as parameters the image path and some rotation parameters (let's say 90, 180 or 270 for degrees of rotation to the right). E.g.,http://example.com/rotateimage.cf/?image=foo.jpgrotate=90... and have that script rotate the source image, save it to disk, and return the new image (you can set headers to deliver a straight-up image from that URL). If it makes sense for your app, you could cache the rotated images and check the cache first ... but those are details. Then, for example, onclick you could replace the src attribute of an img tag with the rotated version of the URL. Lots of details here, but that might work. You could also have the CF script process the image and return the direct URL to the static file and replace it with that, instead... Scott On 6/27/07, cfdvlpr [EMAIL PROTECTED] wrote: I've taken a look at swfIR and that seems to work. However, I'm not sure that I can change the src of the image with Jquery and have it still work (without a page refresh). Please correct me if I am wrong. I'm developing in Coldfusion, by the way. But, I don't think I can use a server side script for this as I need it to update without a page refresh... -- .|.. Scott Trudeau scott.trudeau AT gmail DOT comhttp://sstrudeau.com/ AIM: sodthestreets
[jQuery] Re: cssHover rebirth: wuWidgets
how about textbox or dropdown ?
[jQuery] Draggables in jQuery
Hi Is there any smallish drag and drop plugins for jquery ? I've looked at interface but the Draggables code itself is 18k compressed - which seems alot. weepy
[jQuery] Re: How to Rotate an Image 90 Degrees
i've tried excanvas and it works very well indeed - amazing in fact when you think what its doing. it runs a bit slower on ie check some demos here : http://labs.parkerfox.co.uk/excanvas/examples/
[jQuery] Re: Easebox
looking great
you need to make it work with thumbnails though otherwise the page
might take aaages to load with lots of big images
weepy :...(
On Jun 24, 8:05 am, Glen Lipka [EMAIL PROTECTED] wrote:
It's inching its way forward.
It seems though that the further I take this, the more programming is
required.
All these details. My dream is to have the same syntax as prototype's
lightbox and be able to say
$(element).EaseBox({
transitionDuration: 1000,
easingMethod: method,
zoomComple: callbackFunction,
maxScreenSize: 0.9,
overlayColor: #00,
overLayOpacity: 0.8,
});
And also control the borders, shadows, etc through CSS.
A man has to dream, doesn't he?
Speaking of which, Im going to sleep.
Glen
On 6/23/07, Glen Lipka [EMAIL PROTECTED] wrote:
Working on it. All these little details.
I have to figure out how to position all this stuff.
Especially to make the image zoom to an appropriate size to the viewport.
Glen
On 6/23/07, Jörn Zaefferer [EMAIL PROTECTED] wrote:
Glen Lipka wrote:
I had a little bit of free time, so I started an easeBox. Like
thickbox, but with easing transitions.
http://www.commadot.com/jquery/easebox/#
Cool. I like it already.
I made a list of things I want to do to it on it.
Any suggestions to add to the list?
Any suggestions of how I could improve the code?
I have no idea how to make it into a plugin.
Continuing to work on it, but help is greatly appreciated.
I like to be able to click somewhere in the document to hide any popups.
Navigating between images should be possible using the cursor keys. Any
other combination (n, p, ,, ;) seems very unintuitive.
Navigation images should be always in the same place, eg. lower right
corner. Posititiong them relative to the image is extremely annoying
when navigating between images with different sizes. You can't keep
clicking but have to target the button again and again.
Presentation wise a greyed out background and think black and white
borders are very nice. Make it look like a picture frame: Grey
background, think black border (30px), thin white border (15-30px).
DD and resizable seems to be rather useless as long as you can't open
more then one image at a time. ... Okay, its currently possible with
your script, but is that really useful?
For the gallery stuff I'd like to have one or more callbacks when the
user opens and closes and cycles between images. That would make it easy
to add some neat stuff like sounds of a slide projector.
For making it a plugin: There still is
http://docs.jquery.com/Plugins/Authoringavailable. Its not really
up-to-date but still a good reference. Apart from that you can learn a
lot by reading other's code.
--
Jörn Zaefferer
http://bassistance.de
[jQuery] Re: Easebox
I guess I mean a bit like this plugin : http://vikjavev.no/highslide/#examples
- does an ajax load for the image before it zooms.
On Jun 24, 8:47 am, weepy [EMAIL PROTECTED] wrote:
looking great
you need to make it work with thumbnails though otherwise the page
might take aaages to load with lots of big images
weepy :...(
On Jun 24, 8:05 am, Glen Lipka [EMAIL PROTECTED] wrote:
It's inching its way forward.
It seems though that the further I take this, the more programming is
required.
All these details. My dream is to have the same syntax as prototype's
lightbox and be able to say
$(element).EaseBox({
transitionDuration: 1000,
easingMethod: method,
zoomComple: callbackFunction,
maxScreenSize: 0.9,
overlayColor: #00,
overLayOpacity: 0.8,
});
And also control the borders, shadows, etc through CSS.
A man has to dream, doesn't he?
Speaking of which, Im going to sleep.
Glen
On 6/23/07, Glen Lipka [EMAIL PROTECTED] wrote:
Working on it. All these little details.
I have to figure out how to position all this stuff.
Especially to make the image zoom to an appropriate size to the viewport.
Glen
On 6/23/07, Jörn Zaefferer [EMAIL PROTECTED] wrote:
Glen Lipka wrote:
I had a little bit of free time, so I started an easeBox. Like
thickbox, but with easing transitions.
http://www.commadot.com/jquery/easebox/#
Cool. I like it already.
I made a list of things I want to do to it on it.
Any suggestions to add to the list?
Any suggestions of how I could improve the code?
I have no idea how to make it into a plugin.
Continuing to work on it, but help is greatly appreciated.
I like to be able to click somewhere in the document to hide any popups.
Navigating between images should be possible using the cursor keys. Any
other combination (n, p, ,, ;) seems very unintuitive.
Navigation images should be always in the same place, eg. lower right
corner. Posititiong them relative to the image is extremely annoying
when navigating between images with different sizes. You can't keep
clicking but have to target the button again and again.
Presentation wise a greyed out background and think black and white
borders are very nice. Make it look like a picture frame: Grey
background, think black border (30px), thin white border (15-30px).
DD and resizable seems to be rather useless as long as you can't open
more then one image at a time. ... Okay, its currently possible with
your script, but is that really useful?
For the gallery stuff I'd like to have one or more callbacks when the
user opens and closes and cycles between images. That would make it easy
to add some neat stuff like sounds of a slide projector.
For making it a plugin: There still is
http://docs.jquery.com/Plugins/Authoringavailable. Its not really
up-to-date but still a good reference. Apart from that you can learn a
lot by reading other's code.
--
Jörn Zaefferer
http://bassistance.de
[jQuery] Re: Easebox
oh i see - you're loading them over the thumbnails ( i was right
clicking and seeing the large file ).
one of the main points of thumbnails is that you are not loading the
whole image (bandwidth) - so really u should only load them when you
click on them. (or it could be an option)
weepy
On Jun 24, 4:45 pm, Glen Lipka [EMAIL PROTECTED] wrote:
I thought that this would do the same thing...
$([EMAIL PROTECTED]).each(function(i){
thumbnail = $(this).children(img);
thumbnail.addClass(smallThumb);
link = $(this);
link.height(thumbnail.height()).
width(thumbnail.width()).
css(position,relative);
link.append(img src=' + link.attr(href) +
' height=' + thumbnail.height() +
' width=' + thumbnail.width() +
' class='bigThumb');
});
I load the thumbnails first and then this function loads the bigger one and
sizes it right on top of the thumbnail.
Is this not a good method? Im not sure what is best there.
Glen
On 6/24/07, weepy [EMAIL PROTECTED] wrote:
I guess I mean a bit like this plugin :
http://vikjavev.no/highslide/#examples
- does an ajax load for the image before it zooms.
On Jun 24, 8:47 am, weepy [EMAIL PROTECTED] wrote:
looking great
you need to make it work with thumbnails though otherwise the page
might take aaages to load with lots of big images
weepy :...(
On Jun 24, 8:05 am, Glen Lipka [EMAIL PROTECTED] wrote:
It's inching its way forward.
It seems though that the further I take this, the more programming is
required.
All these details. My dream is to have the same syntax as prototype's
lightbox and be able to say
$(element).EaseBox({
transitionDuration: 1000,
easingMethod: method,
zoomComple: callbackFunction,
maxScreenSize: 0.9,
overlayColor: #00,
overLayOpacity: 0.8,
});
And also control the borders, shadows, etc through CSS.
A man has to dream, doesn't he?
Speaking of which, Im going to sleep.
Glen
On 6/23/07, Glen Lipka [EMAIL PROTECTED] wrote:
Working on it. All these little details.
I have to figure out how to position all this stuff.
Especially to make the image zoom to an appropriate size to the
viewport.
Glen
On 6/23/07, Jörn Zaefferer [EMAIL PROTECTED] wrote:
Glen Lipka wrote:
I had a little bit of free time, so I started an
easeBox. Like
thickbox, but with easing transitions.
http://www.commadot.com/jquery/easebox/#
Cool. I like it already.
I made a list of things I want to do to it on it.
Any suggestions to add to the list?
Any suggestions of how I could improve the code?
I have no idea how to make it into a plugin.
Continuing to work on it, but help is greatly appreciated.
I like to be able to click somewhere in the document to hide any
popups.
Navigating between images should be possible using the cursor
keys. Any
other combination (n, p, ,, ;) seems very unintuitive.
Navigation images should be always in the same place, eg. lower
right
corner. Posititiong them relative to the image is extremely
annoying
when navigating between images with different sizes. You can't
keep
clicking but have to target the button again and again.
Presentation wise a greyed out background and think black and
white
borders are very nice. Make it look like a picture frame: Grey
background, think black border (30px), thin white border
(15-30px).
DD and resizable seems to be rather useless as long as you can't
open
more then one image at a time. ... Okay, its currently possible
with
your script, but is that really useful?
For the gallery stuff I'd like to have one or more callbacks when
the
user opens and closes and cycles between images. That would make
it easy
to add some neat stuff like sounds of a slide projector.
For making it a plugin: There still is
http://docs.jquery.com/Plugins/Authoringavailable. Its not really
up-to-date but still a good reference. Apart from that you can
learn a
lot by reading other's code.
--
Jörn Zaefferer
http://bassistance.de
[jQuery] Re: embedding script behaviour different in IE and FF
bump : ) This seems quite a fundemental issue - i'm surprised no one has taken an interest : )
[jQuery] $(document).ready limits
Hi I have a project where I am using Ajax to squirt some HTML and script into the DOM. The script currently has a document.ready around it which appears to fire ok when in FF but not in IE Does any one have any experience of this ? weepy
[jQuery] Re: $(document).ready limits
no - is defer an IE thing ? On May 30, 1:36 pm, Brandon Aaron [EMAIL PROTECTED] wrote: Are you using the defer attribute on any of your scripts? -- Brandon Aaron On 5/30/07, weepy [EMAIL PROTECTED] wrote: Hi I have a project where I am using Ajax to squirt some HTML and script into the DOM. The script currently has a document.ready around it which appears to fire ok when in FF but not in IE Does any one have any experience of this ? weepy
[jQuery] IE not evaluating script tags in get
Hi,
I'm using $.get like such :
function ajaxLoad(x) {
$.get(x, {dataType : html}, function(html) {
ajaxLoaded(html, )
})
}
the HTML loaded contains some script and some tags.
in FF the script runs fine, but in IE it silently fails.
any ideas what the problem is ?
weepy
[jQuery] embedding script behaviour different in IE and FF
Hi, I'm using $.ajax to pull down some HTML and insert it into the dom. The HTML has some embedded script - in IE it gets fired once, but in FF in gets fired twice - once when it's parsed by jQuery and again when it's inserted into the DOM. I've put a proof of concept here : http://labs.parkerfox.co.uk/jquery/test_ajax.html. On IE there's one popup that says from test, but on FF, there's two. Not sure what happens in Safari. Any one know how to fix these issues ?
[jQuery] autoheight textarea plugin
Hi, AutoHeight is a jquery plugin that automatically adjusts the height of specified textareas dependant on their content. It is based on AutoExpander in Interface, but keeps the width constant. For example see : http://labs.parkerfox.co.uk/autoheight/ Jonah
[jQuery] Re: MooTools 1.1
Jquery could do all this stuff, but I think it's just that moo.oools have a very neatly presented site On May 9, 10:21 am, r.b [EMAIL PROTECTED] wrote: I'm sorry but what do you see on these Demo Pages what does not be realized with jQuery ? I can't find any freaking awesome stuff. Someone may blame me, but i.e. interface plugin does atleast 95% of these effects alone, plus some really nice effects on top ! Greets Ralf -Ursprüngliche Nachricht- Von: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] Im Auftrag von Andy Matthews Gesendet: Dienstag, 8. Mai 2007 19:53 An: jquery-en@googlegroups.com Betreff: [jQuery] Re: MooTools 1.1 Holy crap. Those demos are freaking awesome! _ From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Glen Lipka Sent: Tuesday, May 08, 2007 11:48 AM To: jquery-en@googlegroups.com Subject: [jQuery] MooTools 1.1 Moo Tools 1.1 is out. Check out these demos.http://demos.mootools.net It's a great demo set. Clean and understandable. Very nice. I need to find the time to do each one of these in js.commadot.com and the jQuery equivelent. Glen __ NOD32 2249 (20070508) Information __ This message was checked by NOD32 antivirus system.http://www.eset.com
