[jQuery] Re: New plugin: File Style
Mike, Looks good. One tip to reduce the code. You could re-write your multiple css() calls that look like: var wrapper = $(div) .css(width, settings.imagewidth + px) .css(height, settings.imageheight + px) .css(background, url( + settings.image + ) 0 0 no-repeat) .css(background-position, right) .css(display, inline) .css(position, absolute) .css(overflow, hidden) .css(cursor, pointer); var wrapper = $(div) .css({ width: settings.imagewidth + px , height: settings.imageheight + px , background: url( + settings.image + ) 0 0 no-repeat , background-position: right , display: inline , position: absolute , overflow: hidden , cursor: pointer }); This will reduce the number of calls to the jQuery chain. -Dan -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Mika Tuupola Sent: Tuesday, October 23, 2007 12:55 PM To: jquery-en@googlegroups.com Subject: [jQuery] New plugin: File Style Not being able to style file inputs is long time problem. File Style to the rescue! It enables you to style file inputs and makes your AD happy. http://www.appelsiini.net/projects/filestyle http://www.appelsiini.net/projects/filestyle/demo.html I would appreciate all feedback. Especially from IE7 users. Does the file browser open when you click on different Choose file buttons? -- Mika Tuupola http://www.appelsiini.net/
[jQuery] Re: New plugin: File Style
Looks cool in IE6.. one thing you could make customizable, using a hidden instead of an input text to store the URL. I tried that once with some crazy CSS but didn't work. Ariel Flesler On Oct 23, 7:34 pm, Jack Killpatrick [EMAIL PROTECTED] wrote: Looks real nice, and a great-to-have, kudo's and thanks! I tested in IE 7, it seemed fine: each button opened the file browser. If not possible yet, it'd be nice to have: 1. ability to specify mouseover image for the button 2. ability to specify mouse down image for the button 3. different pointer (if not able to do mouse over/down images) - Jack Mika Tuupola wrote: Not being able to style file inputs is long time problem. File Style to the rescue! It enables you to style file inputs and makes your AD happy. http://www.appelsiini.net/projects/filestyle http://www.appelsiini.net/projects/filestyle/demo.html I would appreciate all feedback. Especially from IE7 users. Does the file browser open when you click on different Choose file buttons?- Hide quoted text - - Show quoted text -
[jQuery] Re: New plugin: File Style
On Oct 23, 2007, at 11:59 PM, Guy Fraser wrote: Sweet plugin. Is it possible to have roll-over images, etc? Also, is this method accessible - ie. will screen readers still be able to output meaningful instructions? I have no idea do screen readers use javascript. In any case plugin will degrade gracefully. Just try to check demopage with javascript disabled. http://www.appelsiini.net/projects/filestyle/demo.html -- Mika Tuupola http://www.appelsiini.net/
[jQuery] Re: New plugin: File Style
Dan G. Switzer, II wrote: Mike, Looks good. One tip to reduce the code. You could re-write your multiple css() calls that look like: var wrapper = $(div) .css({ width: settings.imagewidth + px , height: settings.imageheight + px , background: url( + settings.image + ) 0 0 no-repeat , background-position: right , display: inline , position: absolute , overflow: hidden , cursor: pointer }); Sweet, I didn't know you could do multiple properties in the one function call like that :)
[jQuery] Re: New plugin: File Style
On Oct 23, 2007, at 8:45 PM, Glen Lipka wrote: Nice job, I like it. You may want to add the css cursor:pointer to the button. Helps with affordance of clicking. Its there. Unfortunately FireFox and Opera insists keeping the default cursor while over file input. Works with IE and Safari. -- Mika Tuupola http://www.appelsiini.net/
[jQuery] Re: New plugin: File Style
Yep. Looks great in IE7 (XP SP2) and works/opens. Nice plugin. - Richard On 10/23/07, Mika Tuupola [EMAIL PROTECTED] wrote: Not being able to style file inputs is long time problem. File Style to the rescue! It enables you to style file inputs and makes your AD happy. http://www.appelsiini.net/projects/filestyle http://www.appelsiini.net/projects/filestyle/demo.html I would appreciate all feedback. Especially from IE7 users. Does the file browser open when you click on different Choose file buttons? -- Mika Tuupola http://www.appelsiini.net/
[jQuery] Re: New plugin: File Style
Nice job, I like it. You may want to add the css cursor:pointer to the button. Helps with affordance of clicking. Great work. Glen On 10/23/07, Richard D. Worth [EMAIL PROTECTED] wrote: Yep. Looks great in IE7 (XP SP2) and works/opens. Nice plugin. - Richard On 10/23/07, Mika Tuupola [EMAIL PROTECTED] wrote: Not being able to style file inputs is long time problem. File Style to the rescue! It enables you to style file inputs and makes your AD happy. http://www.appelsiini.net/projects/filestyle http://www.appelsiini.net/projects/filestyle/demo.html I would appreciate all feedback. Especially from IE7 users. Does the file browser open when you click on different Choose file buttons? -- Mika Tuupola http://www.appelsiini.net/
[jQuery] Re: New plugin: File Style
Sweet plugin. Is it possible to have roll-over images, etc? Also, is this method accessible - ie. will screen readers still be able to output meaningful instructions? On 10/23/07, *Mika Tuupola* [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] wrote: Not being able to style file inputs is long time problem. File Style to the rescue! It enables you to style file inputs and makes your AD happy. http://www.appelsiini.net/projects/filestyle http://www.appelsiini.net/projects/filestyle/demo.html I would appreciate all feedback. Especially from IE7 users. Does the file browser open when you click on different Choose file buttons?
[jQuery] Re: New plugin: File Style
Looks real nice, and a great-to-have, kudo's and thanks! I tested in IE 7, it seemed fine: each button opened the file browser. If not possible yet, it'd be nice to have: 1. ability to specify mouseover image for the button 2. ability to specify mouse down image for the button 3. different pointer (if not able to do mouse over/down images) - Jack Mika Tuupola wrote: Not being able to style file inputs is long time problem. File Style to the rescue! It enables you to style file inputs and makes your AD happy. http://www.appelsiini.net/projects/filestyle http://www.appelsiini.net/projects/filestyle/demo.html I would appreciate all feedback. Especially from IE7 users. Does the file browser open when you click on different Choose file buttons?