[jQuery] Miniscule (1k) Drag'n'Resize for jqModal via jqDnR
I have written a small Drag + Resize plugin to go along with jqModals minimalistic (lightweight) theme. It supports translucency, opacity preservation, handles, dragging, and south-east resizing. The jqDnR plugin page is @ http://dev.iceburg.net/jquery/jqDnR/ If you require more advanced resizing, jqModal can be coupled just as easily with iResizables from jQuery Interface Elements (http://interface.eyecon.ro/). I plan on adding minimal height/width constraints to jqDnR if it proves popular enough. The jqModal plugin page ( http://dev.iceburg.net/jquery/jqModal ) has been updated with an example demonstrating DnR on a notice (example 4b). We now have a versatile DnR+Modal Dialog combined plugin @ 3.6k. Enjoy! ~ Brice ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Miniscule (1k) Drag'n'Resize for jqModal via jqDnR
Nce! I have to fix the css of the post-it style so that the grey bar adapts itself to the width... -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Brice Burgess Sent: samedi 10 février 2007 9:02 To: jQuery Discussion. Subject: [jQuery] Miniscule (1k) Drag'n'Resize for jqModal via jqDnR I have written a small Drag + Resize plugin to go along with jqModals minimalistic (lightweight) theme. It supports translucency, opacity preservation, handles, dragging, and south-east resizing. The jqDnR plugin page is @ http://dev.iceburg.net/jquery/jqDnR/ If you require more advanced resizing, jqModal can be coupled just as easily with iResizables from jQuery Interface Elements (http://interface.eyecon.ro/). I plan on adding minimal height/width constraints to jqDnR if it proves popular enough. The jqModal plugin page ( http://dev.iceburg.net/jquery/jqModal ) has been updated with an example demonstrating DnR on a notice (example 4b). We now have a versatile DnR+Modal Dialog combined plugin @ 3.6k. Enjoy! ~ Brice ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- Ce message Envoi est certifié sans virus connu. Analyse effectuée par AVG. Version: 7.5.441 / Base de données virus: 268.17.33/678 - Date: 9/02/2007 16:06 ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Miniscule (1k) Drag'n'Resize for jqModal via jqDnR
Well, i used to disable alert like this:
function alert() {}
But i guess you could tweak it to launch a modal window instead. I'll give
it a try
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of R. Rajesh Jeba Anbiah
Sent: samedi 10 février 2007 9:25
To: discuss@jquery.com
Subject: Re: [jQuery] Miniscule (1k) Drag'n'Resize for jqModal via jqDnR
On Feb 10, 1:01 pm, Brice Burgess [EMAIL PROTECTED] wrote:
snip
The jqModal plugin page (http://dev.iceburg.net/jquery/jqModal) has
been updated with an example demonstrating DnR on a notice (example 4b).
snip
I'm not sure if it's possible in JavaScript to hijack the native
alert() call so that it will be handled by this plug (as this is possible in
Delphi or so, called hooking). Even it's not available, it would be nice to
add some helper function--say alertAdv(), so that all native occurances of
alert() could easily be replaced with alertAdv().
--
?php echo 'Just another PHP saint'; ?
Email: rrjanbiah-at-Y!comBlog: http://rajeshanbiah.blogspot.com/
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
--
Ce message Envoi est certifié sans virus connu.
Analyse effectuée par AVG.
Version: 7.5.441 / Base de données virus: 268.17.33/678 - Date: 9/02/2007
16:06
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Re: [jQuery] Cool tool
Digital Spaghetti schrieb: Hey peeps, This isn't shameless self promotion, this is just a very handy tool I found recently that has really saved some time with development. I thought I'd share with you: http://piro.sakura.ne.jp/xul/_splitbrowser.html.en It's the split browser plugin for Firefox. Rather than using tabs,you can use it to split the screen, having more than one page open. I find it really handy to open the jQuery API in one frame, and do my development in the other. The great thing is Firebug only loads in the active tab, so it doesn't interfere with your development. I sometimes even find it handy to have other API doc's, or tutorials open in a third frame. I've posted a quick picture of that here: http://digitalspaghetti.me.uk/node/35 of this in action! Thanks Tane! That is especially nice on a widescreen monitor :-) -- Jörn Zaefferer http://bassistance.de ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] jQuery Validation 1.0 Alpha
Aaron Heimlich schrieb:
On 2/8/07, *Jörn Zaefferer* [EMAIL PROTECTED] mailto:[EMAIL PROTECTED]
wrote:
Your feedback is highly appreciated! We should be able to create the
definite solution for jQuery form validation...
A couple of things:
-- You should document the fact that, by default ( i.e. when you're
not using the errorContainer or errorLabelContainer options) , error
messages are inserted into the DOM after the input they're associated with
Good point, I'll do that.
-- Would it be possible to do something like this:
$(#myform).validate({
rules: {
firstname: { required: true },
age: { number: true },
password: { min: 5, max: 32 }
},
messages {
password: {
min: Please enter a password greater than 5 characters,
max: Please enter a password less than 32 characters
}
}
});
No, only one message per field can be defined. But that is a limitation
that seems to provide better usability anyway: It can be quite
frustrating to enter a value, get an error message, correct the value,
and getting a different error message. I think the better approach tells
the user what it expects with one message. You example could be written
as this:
$(#myform).validate({
rules: {
firstname: { required: true },
age: { number: true },
password: { rangeLength: [5, 32] }
},
messages {
password: {
rangeLength: Please enter a password greater than {0} and
less then {1} characters long,
}
}
});
-- It would be nice if I could use this as a beforeSubmit callback in
this form plugin, rather than using the form plugin as a submit
callback for this
Mike offered to an option to the form plugin to directly pass the
validation settings to the form plugin. That would be the most
convienent approach.
Otherwise, it's looking pretty good, Jorn!
Thanks!
As an aside (and some shameless self promotion), you should NEVER use
JavaScript as your only validation method because you cannot rely on
JavaScript being available. Period[1].
You should ALWAYS duplicate your validation using server side code,
that way there is no way for anyone to bypass your validation
routines. As it happens (here it comes), I've been working on a
validation library in PHP[2] and one of my next goals is to be able to
export the rules and error messages (most likely as JSON) so they can
be used by JavaScript (like Jorn's). I was going to write my own
jQuery plugin, but perhaps I'll just write a small wrapper around this
one.
Absolutely! The long-time goal of this library was to create a
serverside setup that generates the client-side rules based on the rules
checked on the serverside, so you don't have to duplicate them, just
what mentioned.
Please let me know when you implemented something, it would be great to
have some examples to do that in different languages.
--
Jörn Zaefferer
http://bassistance.de
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Re: [jQuery] jQuery Validation 1.0 Alpha
R. Rajesh Jeba Anbiah schrieb:
On Feb 9, 2:58 am, Jörn Zaefferer [EMAIL PROTECTED] wrote:
there were some questions about my very first version of the validation
plugin (it's still on the plugin page). If you are interested in form
validation, you may want to take a look at the current state of the
plugin:http://bassistance.de/jquery-plugins/jquery-plugin-validation/
snip
Very nice. I'm wondering if class={email:true} is ok. Yes, I have
checked with the W3C validation service; but still not sure about it.
If I remember it correctly, the brackets aren't valid characters in CSS,
so unless you have spaces in that code, there is no danger that anything
is confused with CSS. And the HTML spec explicitly states that the class
attribute can be used for both CSS and anything else.
--
Jörn Zaefferer
http://bassistance.de
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
[jQuery] StyleSwitcher (or HTML) puzzle
Hi folks, I'm trying to introduce Kelvin Luck's stylesheet switcher (http://www.kelvinluck.com/article/switch-stylesheets-with-jquery) into a project, but I seem unable to pass go. The link tag follows the form: link rel=stylesheet type=text/css href=styles1.css title=styles1 media=screen / but when I add a title to my link tag, my styles are not triggered - as soon as the title is removed (or set to nothing ()), the styles become operational. This happens on both IE7 and FF2. What can I not see here? Thanks, Bruce ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Interface 1.2
Stefan Petre schrieb: Hi, I just released Interface 1.2 . The big change in this release is the animate function. Now Interface overwrites the default 'animation' function with an extended one. The new 'animate' function brings several enhancements: * Animates a collection of properties using one timer instead of using separate timers per property * Handles color properties like 'backgroundColor', 'borderColor' etc. * Animates styles and CSS classes Also, Interface offfers new function to handle animations: stop(), stopAll() and pause(). You can test it here http://interface.eyecon.ro/demos/animate.html or here http://interface.eyecon.ro/demos/animatestop.html This release fixes some bugs too. Regars, Stefan Very nice, Stefan :-) Especially stop() is what a lot of people waited for! And Interface is awesome anyway, just in case I haven't mentioned it before... -- Klaus ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] StyleSwitcher (or HTML) puzzle - fixed
I found my mistake - I was loading the link tags before the js. Sorry for the unnecessary post. Bruce At 12:53 a.m. 11/02/2007, you wrote: Hi folks, I'm trying to introduce Kelvin Luck's stylesheet switcher ( http://www.kelvinluck.com/article/switch-stylesheets-with-jquery) into a project, but I seem unable to pass go. The link tag follows the form: link rel=stylesheet type=text/css href=styles1.css title=styles1 media=screen / but when I add a title to my link tag, my styles are not triggered - as soon as the title is removed (or set to nothing ()), the styles become operational. This happens on both IE7 and FF2. What can I not see here? Thanks, Bruce ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Problem with IE (Ajax + XML fragments)
Harald Dietrich schrieb: I am sure, this question has been asked before, but I cannot find it in this mailing list. Therefore I will have to ask again. I am having a very simple example working on Firefox, but on IE 6 it does not work. I am loading an XML document via Ajax and try to append a fragment of this document to my HTML. This is my HTML: ?xml version=1.0 encoding=UTF-8 ? html xmlns=http://www.w3.org/1999/xhtml; Just to note: If you're sending HTML there shouldn't be an XML (!) declaration - as long as you don't serve application/xhtml+xml. -- Klaus ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Want to know if sites are jQuery powered? Check this out!
Hi all, thanks for your great feedback! To answer a few things: To get around any diversion of $, perhaps you should use jQuery in place of $ (?) - Done I just loaded an XML page and it caused an error to show up in FireBug. I tracked it down easily and found that the following code should solve the problem. The script assumed that there would always be a 'head' element in a file, this fixes that issue. - Done (you have to reinstall it for this) Now to you Rey: Yes, actually it was using the jQuery badge before, which is more prominent, but talking to John, we changed it so it would not interfere with the site itself. The reason why I'm including another remote script, is that greasemonkey scripts rin in a very strict sandbox, in which I cannot check wether jQuery exists or not. The first thing to solve that, was iterating over the script tags and then match the keyword 'jquery', but Technorati for example names it's library base.js. This way, it will certainly find jQ if it is available. Rey, you could always write a couple of lines how you want your plug to be, then sent it to me and I will create a customized version, else if you only want to use it yourself, just look at jquerydetector.user.js and change the path to a file you wrote. So far, Paul 2007/2/9, Franck Marcia [EMAIL PROTECTED]: 2007/2/9, Paul Bakaus [EMAIL PROTECTED]: I have set up a easy but useful greasemonkey script, which adds a small jquery icon in the bottom right corner if jQuery is found. Paul, To get around any diversion of $, perhaps you should use jQuery in place of $ (?) Franck. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- -- Paul Bakaus ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Interface 1.2
Klaus Hartl wrote: Especially stop() is what a lot of people waited for! Maybe... but I cannot evaluate it because it doesn't work in Safari. Or it works but it results to flickering in Safari anyway... But I quite agree with Klaus that Interface is very cool anyway. Thanks, Dmitry -- View this message in context: http://www.nabble.com/Interface-1.2-tf3203349.html#a8901268 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] jQuery Corner Plugin fixed
Oddly Mike's demo page also doesn't have a defined body background colour. Any thoughts on why that might be or is Safari just messed up? My page has a defined background color for the main div. Maybe in Safari the parent element of the one you're cornering needs a bg color? Mike ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Want to know if sites are jQuery powered? Check this out!
Thanks for the feedback Paul. What I'm thinking about is a simple light yellow bar that goes along the top of the browser viewable area. Since usability studies have shown that line of site typically falls around that area, I want to change it so that its easier to detect. Let me see what I come up with and I'll fire it off to you. Thanks again, Rey Paul Bakaus wrote: Hi all, thanks for your great feedback! To answer a few things: To get around any diversion of $, perhaps you should use jQuery in place of $ (?) - Done I just loaded an XML page and it caused an error to show up in FireBug. I tracked it down easily and found that the following code should solve the problem. The script assumed that there would always be a 'head' element in a file, this fixes that issue. - Done (you have to reinstall it for this) Now to you Rey: Yes, actually it was using the jQuery badge before, which is more prominent, but talking to John, we changed it so it would not interfere with the site itself. The reason why I'm including another remote script, is that greasemonkey scripts rin in a very strict sandbox, in which I cannot check wether jQuery exists or not. The first thing to solve that, was iterating over the script tags and then match the keyword 'jquery', but Technorati for example names it's library base.js. This way, it will certainly find jQ if it is available. Rey, you could always write a couple of lines how you want your plug to be, then sent it to me and I will create a customized version, else if you only want to use it yourself, just look at jquerydetector.user.js and change the path to a file you wrote. So far, Paul 2007/2/9, Franck Marcia [EMAIL PROTECTED]: 2007/2/9, Paul Bakaus [EMAIL PROTECTED]: I have set up a easy but useful greasemonkey script, which adds a small jquery icon in the bottom right corner if jQuery is found. Paul, To get around any diversion of $, perhaps you should use jQuery in place of $ (?) Franck. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Interface 1.2
Love Interface, but I noticed that one bug still isn't fixed in the ScrollTo plugin. Any news on when it might be fixed? More info: http://www.nabble.com/forum/ViewPost.jtp?post=8868839framed=y Luke Stefan Petre wrote: Hi, I just released Interface 1.2 . The big change in this release is the animate function. Now Interface overwrites the default 'animation' function with an extended one. The new 'animate' function brings several enhancements: * Animates a collection of properties using one timer instead of using separate timers per property * Handles color properties like 'backgroundColor', 'borderColor' etc. * Animates styles and CSS classes Also, Interface offfers new function to handle animations: stop(), stopAll() and pause(). You can test it here http://interface.eyecon.ro/demos/animate.html or here http://interface.eyecon.ro/demos/animatestop.html This release fixes some bugs too. Regars, Stefan ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- View this message in context: http://www.nabble.com/Interface-1.2-tf3203349.html#a8902124 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Flickering when using slideToggle in Firefox
thumblewend wrote: I checked in Safari and the problem does not occur. It's bad in FF2 Mac though. I had this problem too, and a quick search of these forums found this: http://www.nabble.com/BUG-occurs-with-jQ-1.1.1-and-Mac-FF-only.-Related-to-opacity.-tf3165470.html In short, this problem has been fixed in the very latest SVN, so get hold of the latest version and it should sort the problem out (it's worked on my site anyway - the navigation menus on http://www.moxon.net now open smoothly, whereas they jerked open in Mac FF2 before). I'm happy, anyway! :-) Mark -- View this message in context: http://www.nabble.com/Flickering-when-using-slideToggle-in-Firefox-tf3129768.html#a8902046 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] iframe and designmode
Hi all, I need to use the following command to activate designmode in an iFrame (designmode is when you can use an iFrame like it was a text editor, think Word or when you compose an email in Gmail): document.getElementById(iframe_name).contentWindow.document.designMode = on I've tried to jQuerify the sentence in a variety of manners but it never works. Sometime the command wont work and other times they trigger an error. So far I've tried with (I use the reserved word each cause I'm working inside a plugin): $(this).contentWindow.document.designMode = on; $(this).document.designMode = on; $(this).designMode = on; and $(this).attr(contentWindow.document.designMode, on) $(this).attr(document.designMode, on) $(this).attr(designMode, on) nothing worked. I wouldn't mind sticking to pure javascript for once, but the thing is that this doesn't work either, wich is driving me crazy: document.getElementById($(this).attr(id)).contentWindow.document.designMode = on Has anyone here used designMode for an iFrame with good results? Why doesn't jQuery support it? Thanks. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] interface plugin autocomplete always starts with a full query
anyone?? why doesnt this work in IE - only seems to work in firefox? -- View this message in context: http://www.nabble.com/interface-plugin-autocomplete-always-starts-with-a-full-query-tf3202858.html#a8902892 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] iframe and designmode
As you can see from your first (presumably working?) example, .contentWindow
is a property of an HTML element.
Therefore, the real question is, How do I get the HTML Element?
If you are inside an $('foo').each() callback function, then this is the
HTML element. So, you could use:
this.contentWindow.document.designMode = on;
What messed things up was doing $(this). $(this) returns a new jQuery object
- but all you needed was this itself.
If there is only one IFRAME in question (obviously true because you are
accessing it by ID), then you can use this bit of information:
document.getElementById('foo') can be directly translated to $('#foo')[0].
This means you can skip the each loop and use:
$(#iframe_name)[0].contentWindow.document.designMode = on
Obviously in this particular case there is little reason to prefer the
jQuery code over the straight DOM code.
Finally, a debugging tip. Instead of poking around trying things to see if
you get lucky, use a debugger to look at the values returned by various
functions. You would see, for example, that $(this) was not a DOM element
and did not have a .contentWindow property.
Why did some things you tried just not work and others triggered an error?
Well, this code would run without triggering an error, but it wouldn't do
anything useful:
$(this).designMode = on;
That merely added a designMode property to the jQuery object. A perfectly
legal operation, but not useful.
$(this).contentWindow.document.designMode = on;
That causes an error, which you would discover by breaking it down step by
step:
console.debug( $(this) );
console.debug( $(this).contentWindow );
console.debug( $(this).contentWindow.document );
The first console.debug call would show a jQuery object. The second would
show undefined, because a jQuery object does not contain a .contentWindow
property. The third would throw an exception, because $(this).contentWindow
is undefined, and undefined of course does not have a .document property.
-Mike
I need to use the following command to activate designmode in an iFrame
(designmode is when you can use an iFrame like it was a text editor, think
Word or when you compose an email in Gmail):
document.getElementById(iframe_name).contentWindow.document.designMode =
on
I've tried to jQuerify the sentence in a variety of manners but it never
works. Sometime the command wont work and other times they trigger an error.
So far I've tried with (I use the reserved word each cause I'm working
inside a plugin):
$(this).contentWindow.document.designMode = on;
$(this).document.designMode = on;
$(this).designMode = on;
and
$(this).attr(contentWindow.document.designMode, on)
$(this).attr(document.designMode, on)
$(this).attr(designMode, on)
nothing worked.
I wouldn't mind sticking to pure javascript for once, but the thing is that
this doesn't work either, wich is driving me crazy:
document.getElementById($(this).attr(id)).contentWindow.document.designMod
e = on
Has anyone here used designMode for an iFrame with good results? Why doesn't
jQuery support it?
Thanks.
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Re: [jQuery] jQuery Validation 1.0 Alpha
No, only one message per field can be defined. But that is a limitation
that seems to provide better usability anyway: It can be quite
frustrating to enter a value, get an error message, correct the value,
and getting a different error message. I think the better approach tells
the user what it expects with one message.
In that case, I agree that rangeLength would have been a better option,
but
how about this:
$(#myform).validate({
rules: {
firstname: { required: true },
age: { number: true },
password: { rangeLength: [5, 32] },
email: {required: true, email: true}
},
messages {
password: {
rangeLength: Please enter a password greater than {0} and less
then {1} characters long,
},
email: {
required: Please enter your email address,
email: Your email address is not correctly formatted. It
should
look like [EMAIL PROTECTED]
}
});
With the email field, not entering anything and entering something that is
not properly formatted are two completely different errors IMO, and thus
deserve two different error messages describing exactly why the user's
input
was not accepted.
I don't think so: Why not just Please enter your email address, something like
[EMAIL PROTECTED]? That is applicable for both the required and the email rule.
If you can give me an example where it is an error to merge both messages into
one, I'd consider a multiple-messages-per-field feature.
--
Jörn Zaefferer
http://bassistance.de
--
Feel free - 10 GB Mailbox, 100 FreeSMS/Monat ...
Jetzt GMX TopMail testen: www.gmx.net/de/go/mailfooter/topmail-out
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Re: [jQuery] Want to know if sites are jQuery powered? Check this out!
Hey Paul, This is a really cool little user script. Unfortunately, it doesn't seem to be working anymore for me, now that I installed the new version. Not sure what might be causing the problem, since I never looked at the code of the first version and don't having anything to compare. Any ideas? --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com On Feb 10, 2007, at 9:18 AM, Paul Bakaus wrote: Hi all, thanks for your great feedback! To answer a few things: To get around any diversion of $, perhaps you should use jQuery in place of $ (?) - Done I just loaded an XML page and it caused an error to show up in FireBug. I tracked it down easily and found that the following code should solve the problem. The script assumed that there would always be a 'head' element in a file, this fixes that issue. - Done (you have to reinstall it for this) Now to you Rey: Yes, actually it was using the jQuery badge before, which is more prominent, but talking to John, we changed it so it would not interfere with the site itself. The reason why I'm including another remote script, is that greasemonkey scripts rin in a very strict sandbox, in which I cannot check wether jQuery exists or not. The first thing to solve that, was iterating over the script tags and then match the keyword 'jquery', but Technorati for example names it's library base.js. This way, it will certainly find jQ if it is available. Rey, you could always write a couple of lines how you want your plug to be, then sent it to me and I will create a customized version, else if you only want to use it yourself, just look at jquerydetector.user.js and change the path to a file you wrote. So far, Paul 2007/2/9, Franck Marcia [EMAIL PROTECTED]: 2007/2/9, Paul Bakaus [EMAIL PROTECTED]: I have set up a easy but useful greasemonkey script, which adds a small jquery icon in the bottom right corner if jQuery is found. Paul, To get around any diversion of $, perhaps you should use jQuery in place of $ (?) Franck. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- -- Paul Bakaus ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] iframe and designmode
Thanks a lot for your mini-tutorial, Mike. I still have a lot to learn about
DOM, jQuery and the scope of this.
The thing is that all of the commands you mention work when I use them
outside the plugin (in debugger time), but not when I use the word this
inside the function. I thought I would post the code here in case anyone can
see what's wrong:
jQuery.fn.jTextify = function() {
return this.each(function(){
if ($(this).is(iframe)) {/** Checks if the item to be
converted is an iFrame. */
console.log(this);
this.contentWindow.document.designMode = on; /** Sets iframe's
designmode to on.*/
}
});
};
The funny thing is that when I use console.log(this) inside the iteration of
the plugin I receive the following answer in my example page:
iframe id=foo
wich is the expected result, yet it doesn't work as expected at modifying
the designMode state.
Thanks to anyone that can find a solution to this problem.
On 2/10/07, Michael Geary [EMAIL PROTECTED] wrote:
As you can see from your first (presumably working?) example,
.contentWindow is a property of an *HTML element*.
Therefore, the real question is, How do I get the HTML Element?
If you are inside an $('foo').each() callback function, then this is the
HTML element. So, you could use:
this.contentWindow.document.designMode = on;
What messed things up was doing $(this). $(this) returns a new jQuery object- but all you
needed was this itself.
If there is only one IFRAME in question (obviously true because you are
accessing it by ID), then you can use this bit of information:
document.getElementById('foo') can be directly translated to $('#foo')[0].
This means you can skip the each loop and use:
$(#iframe_name)[0].contentWindow.document.designMode = on
Obviously in this particular case there is little reason to prefer the
jQuery code over the straight DOM code.
Finally, a debugging tip. Instead of poking around trying things to see if
you get lucky, use a debugger to *look* at the values returned by various
functions. You would see, for example, that $(this) was not a DOM element
and did not have a .contentWindow property.
Why did some things you tried just not work and others triggered an error?
Well, this code would run without triggering an error, but it wouldn't do
anything useful:
$(this).designMode = on;
That merely added a designMode property to the jQuery object. A perfectly
legal operation, but not useful.
$(this).contentWindow.document.designMode = on;
That causes an error, which you would discover by breaking it down step by
step:
console.debug( $(this) );
console.debug( $(this).contentWindow );
console.debug( $(this).contentWindow.document );
The first console.debug call would show a jQuery object. The second would
show undefined, because a jQuery object does not contain a .contentWindow
property. The third would throw an exception, because $(this).contentWindow
is undefined, and undefined of course does not have a .document property.
-Mike
I need to use the following command to activate designmode in an iFrame
(designmode is when you can use an iFrame like it was a text editor, think
Word or when you compose an email in Gmail):
document.getElementById(iframe_name).contentWindow.document.designMode =
on
I've tried to jQuerify the sentence in a variety of manners but it never
works. Sometime the command wont work and other times they trigger an error.
So far I've tried with (I use the reserved word each cause I'm working
inside a plugin):
$(this).contentWindow.document.designMode = on;
$(this).document.designMode = on;
$(this).designMode = on;
and
$(this).attr(contentWindow.document.designMode, on)
$(this).attr(document.designMode, on)
$(this).attr(designMode, on)
nothing worked.
I wouldn't mind sticking to pure javascript for once, but the thing is
that this doesn't work either, wich is driving me crazy:
document.getElementById($(this).attr(id)).contentWindow.document.designMode
= on
Has anyone here used designMode for an iFrame with good results? Why
doesn't jQuery support it?
Thanks.
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Re: [jQuery] asp.net and jquery
Not a mailing list but they have pretty active forums at www.asp.net. I don't use it very often though so I don't know if it's still any good or not. Rick Faircloth wrote: That's just sad. hard to believe there aren't any good mailing lists for ASP.NET. Thanks for the info. Rick From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Benjamin Sterling Sent: Friday, February 09, 2007 10:39 PM To: jQuery Discussion. Subject: Re: [jQuery] asp.net and jquery Rick, Sadly, the only one I knew shut down about 6 months ago, they were geared toward asp more, but had some people with good asp.net knowledge. I find that there are not a lot of good supporting sites out there for asp, asp.net, and coldfusion. But this is just my opinion. But to answer your question, I don't know of any good supportive sites. -- Benjamin Sterling http://www.KenzoMedia.com http://www.KenzoHosting.com ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- View this message in context: http://www.nabble.com/asp.net-and-jquery-tf3203080.html#a8905079 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] JQuery Star ratings - New version?
Kim, The plugin has been refactored by John Resig to work with jQuery v1.1.1. In terms of selecting 1/2 stars, thats not built-in at the moment. Rey Kim Johnson wrote: I wrote the creator a few days ago and never heard back. No, I don't think it's working with 1.1. I even did so much as to copy the test page directly (while changing the paths to the library) and it still gives an error. I also had asked, in the email, if it's possible to select half stars. thanks, -kim --- Rey Bango [EMAIL PROTECTED] wrote: Rajesh, Is the current version not working with jQuery v1.1.1? Rey R. Rajesh Jeba Anbiah wrote: Anyone have the updated JQuery Star ratings http://sandbox.wilstuckey.com/jquery-ratings/ for the new JQuery version? TIA -- ?php echo 'Just another PHP saint'; ? Email: rrjanbiah-at-Y!comBlog: http://rajeshanbiah.blogspot.com/ http://adworks.rediff.com/cgi-bin/AdWorks/sigclick.cgi/www.rediff.com/signature-home.htm/[EMAIL PROTECTED] ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ Get your own web address. Have a HUGE year through Yahoo! Small Business. http://smallbusiness.yahoo.com/domains/?p=BESTDEAL ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] asp.net and jquery
Thanks for the tip, James. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of James Thomas Sent: Saturday, February 10, 2007 4:32 PM To: discuss@jquery.com Subject: Re: [jQuery] asp.net and jquery Not a mailing list but they have pretty active forums at www.asp.net. I don't use it very often though so I don't know if it's still any good or not. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] The jQuery Litebox
I took the comments regarding my jQuery Slideshow to heart and embarked on a full refresh. I changed so much, that I thought I should change the name as well. It's now jQuery Litebox (prototype has a lightbox, and we all know thickbox, so... Litebox, because all it does is images) http://www.projectatomic.com/litebox New Features: Fully customizable, change colors, fonts, sizes, opacity, navigation labels. Keyboard navigation and click image to advance. Still degrades gracefully I would appreciate any feedback. -- View this message in context: http://www.nabble.com/Another-jQuery-Modal-Slideshow-tf3187520.html#a8905913 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] The jQuery Litebox
I would appreciate any feedback. Take a look at this: http://vikjavev.no/highslide/ I love how this one works. I wish there was a jQuery version. Specifically I love: 1. Dragging it around. 2. Ability to open up more than one. 3. That is zooms up. 4. The ability to declare the captions. My feedback is: There are a few thickbox/lightboxes out there. But there is nothing like this for jQuery. I'm on my knees! :) (Well, I'm sitting at the computer, but still...) Glen ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] asp.net and jquery
Hey! Yes, I'm a ASP.NET (C# only) developer and I'm involved with two major companies which I have pushed jQuery into as part of their JS usage. JS had been used before for something similar to a thickbox, and other things, but I also want to push other simpler things which enhance the user experience. Like an increase in user interaction. More visual feedback which isn't as invasive, and smooth show,hide animations, rather than dull, too-fast-to-notice-the-difference 'display:block'/'display:none' style changes. These things take a lot of time. One of the websites I'm working on has jQuery running right through it, and I wrote it in June last year, finishing in October (it's an insurers website, so a lot of it has to be tight). The other website I'm involved with is a shopping website, and I have to do a gradual implementation of jQuery into that. Mainly for a few reasons: * I don't want conflicts with the existing code. That wouldn't be good for business now. Nope. Definitely not! * It's a belief amongst quite a few web developers that jQuery isn't stable enough, because the versions change quite often. They were even more worried when jQuery 1.1 came out, which did a Microsoft and told everybody that older stuff wasn't compatible with the new wave. I nearly pulled the plug on jQuery altogether, but there was the compatibility plugin which helped until I'd made the changes to switch over. Anyway, there's some discussion and code help on ASP.NET here: http://www.aspcode.net/articles/l_en-US/t_default/ASP.NET/ASP.NET2.0/Ajax/category_61.aspx Kevin Fricovsky wrote: Just curious how many asp.net developers are out there using jquery? I've been seeing a lot of .aspx extension on links to examples (like the link below) Good to see. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Rick Faircloth Sent: Friday, February 09, 2007 2:57 PM To: 'jQuery Discussion.' Subject: Re: [jQuery] jQuery Powered Sites - Keep the Links Coming The table sorter is really nice... first time I've seen it in action... Rick -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Rey Bango Sent: Friday, February 09, 2007 10:47 AM To: jQuery Discussion. Subject: Re: [jQuery] jQuery Powered Sites - Keep the Links Coming Added! Thanks for the heads up, Christian. Rey Christian Bach wrote: http://threestore.three.co.uk/priceplan.aspx Uses tablesorter and jQuery, perhaps a bit self promotion :) /christian ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- View this message in context: http://www.nabble.com/asp.net-and-jquery-tf3203080.html#a8905971 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] The jQuery Litebox
I think it is fantastic! Especially like the prev 2 of six next Awesome and good work!! Bruce Prochnau BKDesign Solutions - Original Message - From: ProjectAtomic [EMAIL PROTECTED] To: discuss@jquery.com Sent: Saturday, February 10, 2007 6:12 PM Subject: [jQuery] The jQuery Litebox I took the comments regarding my jQuery Slideshow to heart and embarked on a full refresh. I changed so much, that I thought I should change the name as well. It's now jQuery Litebox (prototype has a lightbox, and we all know thickbox, so... Litebox, because all it does is images) http://www.projectatomic.com/litebox New Features: Fully customizable, change colors, fonts, sizes, opacity, navigation labels. Keyboard navigation and click image to advance. Still degrades gracefully I would appreciate any feedback. -- View this message in context: http://www.nabble.com/Another-jQuery-Modal-Slideshow-tf3187520.html#a8905913 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] jQuery for President
Alot of new snazzy sites are being launched for candidates running for president. Only one candidate is clearly going after the jQuery community. http://www.barackobama.com (jQuery!) Although they are using 1.04. Hello? I was all on board until I saw they haven't upgraded. Wassup widdat? Is the developer for this site on the list? Other candidates and their library of choice: http://www.hillaryclinton.com/ (Prototype) http://joebiden.com (none) http://johnedwards.com/ (none) http://mittromney.com/ (mooTools) http://www.brownback.com/ (none) I dont know about the rest of you, but if a canidate uses jQuery then I have to consider voting in that direction. ;) in jQuery we trust. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] jQuery for President
I like his platform! On 2/10/07, Michael Geary [EMAIL PROTECTED] wrote: It is my privilege and honor to nominate Glen Lipka as our great state's representative in the Selectoral College. From: Glen Lipka Subject: [jQuery] jQuery for President Alot of new snazzy sites are being launched for candidates running for president. Only one candidate is clearly going after the jQuery community. http://www.barackobama.com (jQuery!) Although they are using 1.04. Hello? I was all on board until I saw they haven't upgraded. Wassup widdat? Is the developer for this site on the list? Other candidates and their library of choice: http://www.hillaryclinton.com/ (Prototype) http://joebiden.com (none) http://johnedwards.com/ (none) http://mittromney.com/ (mooTools) http://www.brownback.com/ (none) I dont know about the rest of you, but if a canidate uses jQuery then I have to consider voting in that direction. ;) in jQuery we trust. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- Ⓙⓐⓚⓔ - יעקב ʝǡǩȩ ᎫᎪᏦᎬ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] The jQuery Litebox
Glen Lipka wrote: I would appreciate any feedback. Take a look at this: http://vikjavev.no/highslide/ I love how this one works. I wish there was a jQuery version. Specifically I love: 1. Dragging it around. 2. Ability to open up more than one. 3. That is zooms up. 4. The ability to declare the captions. My feedback is: There are a few thickbox/lightboxes out there. But there is nothing like this for jQuery. I'm on my knees! :) (Well, I'm sitting at the computer, but still...) Glen Glen, This could be pretty easily duplicated using jqModal an onOpen callback to perform the anim (zoom) + slidedown of the caption. Caption could be extracted from the trigger (probably a clicked or moused-over IMG) via the metadata plugin. A navigation image could be overlayed to provide a slideshow. Lastly, the whole thing could be made draggable with DnR (http://dev.iceburg.net/jquery/jqDnR/). I'd do it .. but it's Saturday I must get out get drunk ;) ~ Brice ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] jQuery for President
On Feb 10, 2007, at 7:42 PM, Glen Lipka wrote:
http://www.barackobama.com (jQuery!)
Although they are using 1.04. Hello? I was all on board until I
saw they haven't upgraded. Wassup widdat?
Is the developer for this site on the list?
Hmmm. Maybe the developer is just getting started with jQuery...
http://www.barackobama.com/js/cmxform.js:
if( document.addEventListener ) document.addEventListener
( 'DOMContentLoaded', cmxform, false );
function cmxform(){
// Hide forms
$( 'form.cmxform' ).hide().end();
// Processing
$( 'form.cmxform' ).find( 'li/label' ).not( '.nocmx' ).each
( function( i ){
var labelContent = this.innerHTML;
var labelWidth = document.defaultView.getComputedStyle( this,
'' ).getPropertyValue( 'width' );
var labelSpan = document.createElement( 'span' );
labelSpan.style.display = 'block';
labelSpan.style.width = labelWidth;
labelSpan.innerHTML = labelContent;
this.style.display = '-moz-inline-box';
this.innerHTML = null;
this.appendChild( labelSpan );
} ).end();
// Show forms
$( 'form.cmxform' ).show().end();
}
Could be done like this...
$(document).ready(function() {
$('form.cmxform li/label').not('.nocmx').each(function(index) {
var labelContent = $(this).html();
var labelWidth = $(this).width();
$(this).empty();
$('span/span').html(labelContent).css({display: 'block',
width: labelWidth}).appendTo(this);
});
});
But why would someone need to append a span to the label instead of
just styling the label?
And why would someone want to use a span and then make it
display:block instead of just using a div ?
Maybe I'm missing something?
in jQuery we trust.
Yes, but some trust it more than others. :)
--Karl
_
Karl Swedberg
www.englishrules.com
www.learningjquery.com
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
[jQuery] jQuery + WPF/E (XAML)
Hi all,
I have an open question regarding the possibility of gluing Microsoft's
WPF/E
With jQuery, which seems to me as a very interesting future possibility for
jQuery.
My end goal would be to use jQuery syntax on WPF/E object model, so that for
example
$(a).click() // jQuery
Could be used in XAML / WPF/E:
$(TextBlock).click(function(){ $(this).attr(FontSize, 36)});
Generally speaking, since WPF/E does indeed follow a certain object model
that should be possible in theory.
The main problem is that once the WPF/E control loads the XAML data, the
XAML / WPF/E are not visible to jQuery (naturally).
Microsoft does provides API for the object for traversal, look up and
modification (examples below):
- XAML File
-
!-- The top-most object in the XAML hierarchy is referred to as the root
object. --
Canvas
xmlns=http://schemas.microsoft.com/client/2007;
xmlns:x=http://schemas.microsoft.com/winfx/2006/xaml;
x:Key=rootCanvas
!-- Canvas objects can be a child of another Canvas object. --
Canvas Canvas.Left=20 Canvas.Top=20
Rectangle Width=200 Height=35 Fill=PowderBlue /
TextBlock Canvas.Left=25 Canvas.Top=50 Foreground=Teal
FontFamily=VerdanaSample Output/TextBlock
/Canvas
TextBlock Canvas.Left=36 Canvas.Top=80 Foreground=Maroon
FontFamily=VerdanaHello, world/TextBlock
/Canvas
- XAML File
-
- HTML File
-
// Find the control object
var control = document.getElementById(WpfeControl1);
// Locate a named object
var canvas = control.findName(rootCanvas);
canvas.children.add(control.createFromXaml('TextBlock Canvas.Top=200
Text=Click for more info /'));
canvas.opacity = 0;
canvas.setValue(opacity, 0.5);
canvas.children.removeAt(0);
canvas.children.clear();
- HTML File
-
Ideally, jQuery could be somehow extended to work with this object model as
well.
I've tried to asses whether this could be done using a jQuery plugin but I'm
not sure I fully grasp the object model
Or the jQuery object itself for that matter, so I thought I would ask the
developers what they think are the chances of integrating this
As a jQuery plugin...
TIA,
Dan.
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
[jQuery] JQuery IE7 and document.ready
Hi,
I am new to JQuery. I have tried few ajax features of jquery and they all
work beautifully on firefox. But when I try them on IE7, they fail. The
problem is with ajax and jquery. I load a div using ajax load function.
The contents of the div also include some new jquery script to controller
the behaviour of new dom elements. However, the document.ready() never gets
fired up after the ajax div is loaded.
here is example of what I am saying
Origial Page
head
script...
document.ready(...
$('button').click(
$('#load_div').load(..some url.);
});
/script
/head
body
.
div id='load_div'/div
/body
After Ajax
head
script...
document.ready(...
$('button').click(
$('#load_div').load(..some url.);
});
/script
/head
body
.
div id='load_div'
script..
document.ready(){.});
/script
select
/div
/body
I saw a similar issue on the mailing list and wasn't clear with the
response. Can someone provide me a code example.
Regards,
Ritesh
--
Even a clock that does not work is right twice a day.
~Polish Proverb
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Re: [jQuery] JQuery IE7 and document.ready
$(document).ready wont work in pages loaded via AJAX, try something like
this:
script... document.ready(...
$('button').click(
$('#load_div').load(..some url.,function(response) {
//..whatever you need to be done after the load
});
});
/script
On 2/11/07, Ritesh Agrawal [EMAIL PROTECTED] wrote:
Hi,
I am new to JQuery. I have tried few ajax features of jquery and they all
work beautifully on firefox. But when I try them on IE7, they fail. The
problem is with ajax and jquery. I load a div using ajax load function.
The contents of the div also include some new jquery script to controller
the behaviour of new dom elements. However, the document.ready() never
gets fired up after the ajax div is loaded.
here is example of what I am saying
Origial Page
head
script...
document.ready(...
$('button').click(
$('#load_div').load(..some url.);
});
/script
/head
body
.
div id='load_div'/div
/body
After Ajax
head
script...
document.ready(...
$('button').click(
$('#load_div').load(..some url.);
});
/script
/head
body
.
div id='load_div'
script..
document.ready(){.});
/script
select
/div
/body
I saw a similar issue on the mailing list and wasn't clear with the
response. Can someone provide me a code example.
Regards,
Ritesh
--
Even a clock that does not work is right twice a day.
~Polish Proverb
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
