[jQuery] SITE SUBMISSION: pvponline.com
Online comic, using ThickBox: http://www.pvponline.com/book - jake
[jQuery] Re: Store meta data in jQuery?
Is there a relatively simple plugin that takes advantage of jQuerys "expando management" that anyone can recommend as an example? The most promising information I have discovered is in the release notes of jQuery 1.2 where John mentions jQuery.data() : Lacking a working example, I have been unable to get it to work - at least not yet. The term Expando is new to me too! On Sep 22, 10:59 pm, rolfington <[EMAIL PROTECTED]> wrote: > In my current implementation I store some metadatain the DOM > elements in order to speedup the user interface. It works like this, > first I create the DOM in javascript and then I attach the metadata > to it. > ... > And now to you guys. Is this the right way to store metadatain > jQuery or have I missed something?
[jQuery] Re: Advanced Problem - Any takers? (Repost - didn't seem to show up)
you might not need jquery to accomplish that, try:
document.body.innerHTML += YOUR_VAR;
On Nov 3, 11:34 am, "John Resig" <[EMAIL PROTECTED]> wrote:
> We'll need to see a page to know what's going on - that code, alone,
> shouldn't cause problems.
>
> --John
>
> On 11/3/07, ja <[EMAIL PROTECTED]> wrote:
>
>
>
> > I'm dynamically inserting html into a page that only contains an
> > image. Such as...
> >
> >
> > http://my_domain.com/my_image.jpg"/>
> >
> >
>
> > my script has a large amount of html that i want to insert. the html
> > is stored in a variable . Such as..
> > var my_var = "HI";
> > (the actual html is much larger and more complicated than my example)
>
> > I then have..
> > $('body').append(my_var);
>
> > which you would think would insert the html into the page. it doesn't,
> > instead it just inserts it as text. The source in Firebug is now...
> >
> >
> > http://my_domain.com/my_image.jpg"/>
> > HI
> >
> >
>
> > NOTE: that extra div that's all CAPS, isn't a typo. jquery inserts
> > that for some reason and I don't know why.
> > The page doesn't render the "HI" as html, it displays it as
> > plain text.
> > If I use the same code on a page that has some more to it, like
> > google's homepage, the extra "" isn't there and my html gets
> > inserted properly (not as text).
>
> > any clues as to why? is this a bug? am I missing some aspect of web
> > pages when they are only images?
> > Thanks in advanced for your help.
> > Josh
[jQuery] selecting an appended element
-BEGIN PGP SIGNED MESSAGE-
Hash: SHA1
Hello,
I have a problem with jQuery running on IE 6 and i hope you can help me.
I want to dynamically add / remove child elements (items) all with the
same basic structure to a container. In order to do so, initially
I have the container with a hidden prototype version of the item as the
only child. When a creation of a new item is requeested i simply do
something like
jQuery('.container .item')
.slice(0, 1) // select the prototype (first child)
.clone() // clone the prototype
.show() // display the prototype
.appendTo('.container); // append to the container
Now, the problem is that I once insert the new item I cannot select it
using for instance jQuery('.container .item').
Moreover, if I want to traverse all inserted items with
jQuery('.container .item').each(...);
i only get the initial prototype item in IE. In FF all works fine.
I guess the problem is the internal representation of the DOM in IE that
jQuery uses for selection is not really updated upon calling a modifying
method like append() or prepend()...
I already tried doing document.recalc(); for ie browsers without success.
I hope you understand the problem and can suggest a possible solution.
Cheers,
Alex
- --
Alexander Alexandrov
icq: 72163091
[EMAIL PROTECTED]
-BEGIN PGP SIGNATURE-
Version: GnuPG v1.4.7 (MingW32)
Comment: Using GnuPG with Mozilla - http://enigmail.mozdev.org
iD8DBQFHLSFEvnm3M1kXDXURAlcYAJ9nqEujo+YmJCWcl8SzWH1iUnLeRwCfQ8qP
PCrJw1dcEqbE1VpCSC+tsdI=
=0c0/
-END PGP SIGNATURE-
[jQuery] stick sidebar
I'm having problem to find out how to do that Dont know the keywords to google it I need an sidebar (like the one on the right at mininova.org) always showing up at the top of the browser, no mater what part of the page the user are. How can I do that? What's the event? thanks Feijó
[jQuery] Animating from one CSS class to another
I have a animation using jQuery, which goes from one position to
another. Right now, the positions are coded into JavaScript:
$("#widget").animate({top: '500px'})
Instead of hard-coding 500px into JavaScript, or even passing it as a
parameter, I'd much rather set them in CSS, and run the animation from
that. That keeps all the design & layout together, and allows
identical JavaScript to work with both of them. Something like:
#widget.down {
top: 300px;
}
#widget.up {
top: 500px;
}
$("#widget").animate({class: 'up'})
Any jQuery hacker's have a suggestion on how to do something like
that? Is it possible to read the values off of the CSS stylesheet?
(In general, what's everyone's opinion about this method. I think
it's a lot cleaner, keeping cohesion up and coupling down...)
[jQuery] Re: unsubscribe
If you want to unsubscribe, please go to your Google groups account and remove yourself. Thanks, Rey Peter Bengtsson wrote:
[jQuery] unsubscribe
-- Peter Bengtsson, work www.fry-it.com home www.peterbe.com hobby www.issuetrackerproduct.com
[jQuery] Is it possible to use display:inline instead of block when running FadeIn or FadeOut?
When using fadein or fadeout they both set the element to display:block - is it possible to tell it to set it to display: inline instead?
[jQuery] Re: is it possible to call jqModal after the page has loaded?
Vanwill,
Use $.jqm() to *initialize* an element for use with jqModal, and then
$.jqmShow() on the element to "trigger".
E.g. to display a modal on page load;
$().ready(function(){
// Initialize DOM element with ID 'modalElement' for jqModal use
$('#modalElement').jqm({ajax: 'ajax_return.html', trigger: false});
// Trigger the modal to display
$('#modalElement').jqmShow();
});
The above could be chained, of course. E.g.;
$('#modalElement').jqm({ajax: 'ajax_return.html', trigger:
false}).jqmShow();
Hope this helps,
~ Brice
[jQuery] Fade Function Works in Firefox but Not in Safari?
This code works perfectly in Firefox, but in Safari, after the element fades
in, it fades out again! The alert call only fires once, so it doesn't even
seem like my call to fadeOut is even called a second time.
Here's the code.
function ScrollToDiv(theDivID)
{
$("html,body").animate({ scrollTop: $("#"+theDivID).offset().top });
}
function ReplaceFormHelpButtonsWithImageOnlyHelpButtons ()
{
var theHTMLString = ' /images/Help_Button.gif ';
$("#help_button").html(theHTMLString);
}
$(document).ready(function()
{
ReplaceFormHelpButtonsWithImageOnlyHelpButtons();
$("#HelpInfo").click(function(){
var htmlStr = $(this).html();
$(this).fadeOut('slow', function()
{
alert(htmlStr);
$("#HelpInfo").load("/GetHelp", {contents: htmlStr},
function()
{
$(this).fadeIn('slow',
'easeInCirc');
ScrollToDiv("HelpInfo");
});
}, 'easeOutCirc');
});
});
How can I fix this?
--
View this message in context:
http://www.nabble.com/Fade-Function-Works-in-Firefox-but-Not-in-Safari--tf4744278s27240.html#a13566509
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Fade Function Works in Firefox but Not in Safari?
It's got something to do with the HTML that's being loaded via the ajax call - if I just load some plain text, everything works fine. The text I'm trying to load has a lot of nested divs. I'll take a look at them for anomalies. -- View this message in context: http://www.nabble.com/Fade-Function-Works-in-Firefox-but-Not-in-Safari--tf4744278s27240.html#a13566692 Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: validate on ajaxform
> > > $('#subscribeform').ajaxForm(function() {
> > > $(this).validate();
> > > function runIt() {
> > > $("#cover").fadeIn("fast");
> > > $("#sform").fadeOut(1);
> > > }
> > > runIt();
> > > });
I didn't realize you were using the validation plugin. You'll need to
do something like this:
$("#subscribeform").validate({
submitHandler: function(form) {
$(form).ajaxSubmit();
}
});
More examples can be found here:
http://bassistance.de/jquery-plugins/jquery-plugin-validation/
Mike
[jQuery] Re: Namespace conflict
On Nov 3, 7:44 am, howa <[EMAIL PROTECTED]> wrote:
> Hello,
>
> I want re-organize the jquery namespace into a more meaningful
> namespace, but I can't make it success, e.g.
>
>
>
>
>
> var company = {};
> var company.animation = {}; // Why this didn't work?
> company.query = jQuery.noConflict(true);
>
>
>
>
>
>
> company.query (
> function() {
> alert('test');
> }
> );
>
>
>
>
> If I removed the `var company.animation ..`, then code works but I
> don't know what's wrong with it...
You're redefining company with:
var company.animation = {};
Just take off the var and it will work.
[jQuery] Re: Cluetip takes elements title away
So I should most probably fetch the title back from cluetip and close cluetip window when the element has been clicked...
[jQuery] Re: jQuery AJAX Docs
Hey Michael, I sorted it and you've seen the result already :-) Regards, Dave Buchholz I-CRE8 http://www.i-cre8.co.uk Skype ID: I-CRE8 -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of MichaelEvangelista Sent: 03 November 2007 18:34 To: jquery-en@googlegroups.com Subject: [jQuery] Re: jQuery AJAX Docs Hi Dave - iirc, there was a very basic example on 15daysofjquery.com (around day 10 I think) I haven't gone far with it but the examples and demos I played with made it seem so much easier than I expected (like everything jquery!) -- -- Michael Evangelista, Evangelista Design Web : www.mredesign.com Newsgroups: news://forums.mredesign.com Blog : www.miuaiga.com "Dave Buchholz" <[EMAIL PROTECTED]> wrote in message news:[EMAIL PROTECTED] > > Are there any resources for newbies that explain how to do AJAX calls > with jQuery ? > > Thanks, > > Dave Buchholz > >
[jQuery] Re: validate on ajaxform
also so you can see a visual of what i have and the function of it go
here www.linkjet.com click on the subscribe button to expand with
jquery if you hit submit it just goes right thru, no validation :(
On Nov 3, 6:42 am, "Mike Alsup" <[EMAIL PROTECTED]> wrote:
> > $('#subscribeform').ajaxForm(function() {
> > $(this).validate();
> > function runIt() {
> > $("#cover").fadeIn("fast");
> > $("#sform").fadeOut(1);
> > }
> > runIt();
> > });
>
> There are several bare-bones validation examples here:
>
> http://www.malsup.com/jquery/form/#code-samples
[jQuery] Re: Is this posible with JQUERY?
Sad, sad... then I'll wait :) Thaks for answering... On Nov 3, 4:38 pm, "Glen Lipka" <[EMAIL PROTECTED]> wrote: > It isn't. Highslide is a great piece of software that has some great > features. > There isn't something exactly like it in jQuery YET. I hope that there can > be something one day. > There are a bunch of other image library viewers out there like > Lightbox.http://leandrovieira.com/projects/jquery/lightbox/ > > I'd love to see zoombox get all of the features that highslide has, but it > will take time. > > Glen > > On Nov 3, 2007 7:06 AM, Gabriel Lovison <[EMAIL PROTECTED]> wrote: > > > Look this > >http://parkerfox.parkerfox.railsplayground.net/labs/zoombox/ > > > very interesting plugin, but isn't equal > > > 2007/11/3, Vladimir <[EMAIL PROTECTED]>: > > > >http://vikjavev.no/highslide/extra fine jscript... does jQuery have a > > > plug-in like that? > > > -- > > Gabriel Z. Lovison
[jQuery] Re: validate on ajaxform
Thanks Mike, i tried many if the examples there but couldn't get any
of them to work within my ajaxform when i put { beforeSubmit:
validate } in my ajaxform it breaks and nothing will run. Any
suggestions on the code?
On Nov 3, 6:42 am, "Mike Alsup" <[EMAIL PROTECTED]> wrote:
> > $('#subscribeform').ajaxForm(function() {
> > $(this).validate();
> > function runIt() {
> > $("#cover").fadeIn("fast");
> > $("#sform").fadeOut(1);
> > }
> > runIt();
> > });
>
> There are several bare-bones validation examples here:
>
> http://www.malsup.com/jquery/form/#code-samples
[jQuery] Re: jQuery AJAX Docs
Hi Dave - iirc, there was a very basic example on 15daysofjquery.com (around day 10 I think) I haven't gone far with it but the examples and demos I played with made it seem so much easier than I expected (like everything jquery!) -- -- Michael Evangelista, Evangelista Design Web : www.mredesign.com Newsgroups: news://forums.mredesign.com Blog : www.miuaiga.com "Dave Buchholz" <[EMAIL PROTECTED]> wrote in message news:[EMAIL PROTECTED] Are there any resources for newbies that explain how to do AJAX calls with jQuery ? Thanks, Dave Buchholz
[jQuery] Re: Is this posible with JQUERY?
I did something similar, but did not ave the time to release it. You can see it in action here http://blog.eyecon.ro/#in-singuratate Stefan Vladimir wrote: http://vikjavev.no/highslide/ extra fine jscript... does jQuery have a plug-in like that?
[jQuery] Re: Is this posible with JQUERY?
It isn't. Highslide is a great piece of software that has some great features. There isn't something exactly like it in jQuery YET. I hope that there can be something one day. There are a bunch of other image library viewers out there like Lightbox. http://leandrovieira.com/projects/jquery/lightbox/ I'd love to see zoombox get all of the features that highslide has, but it will take time. Glen On Nov 3, 2007 7:06 AM, Gabriel Lovison <[EMAIL PROTECTED]> wrote: > Look this > http://parkerfox.parkerfox.railsplayground.net/labs/zoombox/ > > very interesting plugin, but isn't equal > > 2007/11/3, Vladimir <[EMAIL PROTECTED]>: > > > > > > http://vikjavev.no/highslide/ extra fine jscript... does jQuery have a > > plug-in like that? > > > > > > > -- > Gabriel Z. Lovison
[jQuery] Re: Advanced Problem - Any takers? (Repost - didn't seem to show up)
We'll need to see a page to know what's going on - that code, alone,
shouldn't cause problems.
--John
On 11/3/07, ja <[EMAIL PROTECTED]> wrote:
>
> I'm dynamically inserting html into a page that only contains an
> image. Such as...
>
>
> http://my_domain.com/my_image.jpg"/>
>
>
>
> my script has a large amount of html that i want to insert. the html
> is stored in a variable . Such as..
> var my_var = "HI";
> (the actual html is much larger and more complicated than my example)
>
> I then have..
> $('body').append(my_var);
>
> which you would think would insert the html into the page. it doesn't,
> instead it just inserts it as text. The source in Firebug is now...
>
>
> http://my_domain.com/my_image.jpg"/>
> HI
>
>
>
> NOTE: that extra div that's all CAPS, isn't a typo. jquery inserts
> that for some reason and I don't know why.
> The page doesn't render the "HI" as html, it displays it as
> plain text.
> If I use the same code on a page that has some more to it, like
> google's homepage, the extra "" isn't there and my html gets
> inserted properly (not as text).
>
> any clues as to why? is this a bug? am I missing some aspect of web
> pages when they are only images?
> Thanks in advanced for your help.
> Josh
>
>
[jQuery] Re: Namespace conflict
> If I removed the `var company.animation ..`, then code works but I
> don't know what's wrong with it...
You don't need a "var" on that line. You're not creating a new
variable, you're creating a new property on an existing object.
company.animation = {};
[jQuery] Namespace conflict
Hello,
I want re-organize the jquery namespace into a more meaningful
namespace, but I can't make it success, e.g.
var company = {};
var company.animation = {}; // Why this didn't work?
company.query = jQuery.noConflict(true);
company.query (
function() {
alert('test');
}
);
If I removed the `var company.animation ..`, then code works but I
don't know what's wrong with it...
[jQuery] Re: select text for LI
I've solved this same problem in the past with the wrapText plugin, by
George Adamson:
// Plugin to wrap html around all non-empty text nodes within an element:
(ignores text in child elements)
// By George Adamson, SoftwareUnity.com, March 2007.
$.fn.wrapText = function(html){
return this.each(function(){
$(this.childNodes).filter("[EMAIL PROTECTED]").each(function(){
if($.trim(this.nodeValue).length > 0)
$(this).wrap(html);
})
});
};
- Richard
On Nov 2, 2007 7:48 PM, Wizzud <[EMAIL PROTECTED]> wrote:
>
> _IF_ you only have text in your LIs then...
>
> $('li').each(function(){
> alert($(this).html().match(/^([^<]*)/)[0]);
> });
>
>
> On Nov 2, 5:35 pm, "Jonathan Sharp" <[EMAIL PROTECTED]> wrote:
> > I'm sure there's a more elegant solution but you could do something
> like:
> >
> > // Untested
> > var about = $( 'selector for the li' ).clone().find('>
> > ul').remove().end().html();
> >
> > Cheers,
> > -Jonathan
> >
> > On 11/2/07, sawmac <[EMAIL PROTECTED]> wrote:
> >
> >
> >
> > > I'm trying to select text inside list items. I'm using
> > > jQuery's .text( ) method. Unfortunately, that returns the text of all
> > > children as well. That means for a nested list like this
> >
> > >
> > > index.html
> > > about
> > >
> > > index.html
> > > more.html
> > >
> > >
> > >
> >
> > > $('li').eq(1).text() returns
> > > 'about
> > > index.html
> > > more.html'
> >
> > > I just want to retrieve "about" not the text from the child list
> > > items. Any ideas on how to do that?
> >
> > > thanks
>
>
[jQuery] Re: Is this posible with JQUERY?
Look this http://parkerfox.parkerfox.railsplayground.net/labs/zoombox/ very interesting plugin, but isn't equal 2007/11/3, Vladimir <[EMAIL PROTECTED]>: > > > http://vikjavev.no/highslide/ extra fine jscript... does jQuery have a > plug-in like that? > > -- Gabriel Z. Lovison
[jQuery] Re: Accessing height attribute in
even better:
var myHeight = $(this).height();
- Richard
On Nov 3, 2007 10:14 AM, Richard D. Worth <[EMAIL PROTECTED]> wrote:
> I think you want
>
> var myHeight = $(this).attr("height"); // attr is method of jQuery object.
> Wrap this first
>
> - Richard
>
>
> On Nov 3, 2007 8:26 AM, [EMAIL PROTECTED] <[EMAIL PROTECTED]>
> wrote:
>
> >
> > Hi,
> >
> > I'd like to retrieve the value of Height attribute in the following
> > code(taken from Thickbox):
> >
> > function tb_init(domChunk){
> >$(domChunk).click(function(){
> >var t = this.title || this.name || null;
> >var a = this.href || this.alt;
> >var g = this.rel || false;
> >
> >var myHeight = this.attr("height"); // this line does not work
> > at
> > all, will abort thickbox as well
> >
> >
> >tb_show(t,a,g);
> >this.blur();
> >return false;
> >});
> > }
> >
> > the element at this point is something like :
> >
> > Delete
> >
> > why I can't access the height? I can see that attribute in the
> > Firebug.
> >
> > Thanks,
> >
> > A.C.
> >
> >
>
[jQuery] Re: Accessing height attribute in
I think you want
var myHeight = $(this).attr("height"); // attr is method of jQuery object.
Wrap this first
- Richard
On Nov 3, 2007 8:26 AM, [EMAIL PROTECTED] <[EMAIL PROTECTED]>
wrote:
>
> Hi,
>
> I'd like to retrieve the value of Height attribute in the following
> code(taken from Thickbox):
>
> function tb_init(domChunk){
>$(domChunk).click(function(){
>var t = this.title || this.name || null;
>var a = this.href || this.alt;
>var g = this.rel || false;
>
>var myHeight = this.attr("height"); // this line does not work at
> all, will abort thickbox as well
>
>
>tb_show(t,a,g);
>this.blur();
>return false;
>});
> }
>
> the element at this point is something like :
>
> Delete
>
> why I can't access the height? I can see that attribute in the
> Firebug.
>
> Thanks,
>
> A.C.
>
>
[jQuery] Re: jXML
Brian might be making more information available elsewhere (not being Brian, I can't say this definitively :-), but it seems pretty clear from the posting that it's a tutorial, and that Brian has created the jXML object *in* the tutorial for teaching purposes. He's not using an object that originated somewhere else, and you're therefore not likely to find it mentioned somewhere else. Howard On Oct 31, 1:23 pm, jsnewbie <[EMAIL PROTECTED]> wrote: > Any docs or info on jXML? Can't find for searching > > Found a tutorial > herehttp://blog.reindel.com/2007/09/24/jquery-and-xml-revisited/ > but looking for more specific information. > > Is jXML included in jQuery 1.2.1?
[jQuery] Re: cluetip + rounded corners + arrows
Hi Karl, thanks for quick response! Yes, I noticed that it was too few divs, specially since I needed several layers for background, tried to add a outer-inner div between the outer and inner one, but it only resulted in the whole thing disappearing beneath the title.. In my case, if it helps, I can manage with arrows at the top and bottom only, using the bottomTop property. Also I need the sticky feature, so that I can use links inside, but i need the tip to disappear by itself. I see that you can use the "onmouseout" event, that is great, but i also need a way for the tip to disappear when the user haven't yet hovered over the tip itself. Some sort of timer function, where the user hovers a link, and can click in the tip to do some stuff, but if not, the user can read on, and the tip disappears without any more disturbance.. is this possible using the hoverIntent? - johnsverre On 2 Nov, 20:56, Karl Swedberg <[EMAIL PROTECTED]> wrote: > Hi John > > Actually, you can't have arrows with the rounded-corners theme. The > arrows option just sets the background-position property of id="cluetip"> so that the background image for whatever image is > specified in the stylesheet. This conflicts with the position set for > that div's background image which is used for one of the rounded > corners. > > This problem is no doubt due to a really bad decision on my part. I > didn't think through enough how people might want to mix and match > design elements, and as a result I didn't include enough divs as > "hooks" for the theming. > > I'm going to have to rethink the way all of this is handled. I'm > sorry for the inconvenience this may have caused. > > --Karl > _ > Karl Swedbergwww.englishrules.comwww.learningjquery.com > > On Nov 2, 2007, at 1:27 PM, johnsverre wrote: > > > > > Hello! > > > I finally ended up with cluetip for my needs, but have been sitting > > here the whole day trying to figure out how to use arrows and rounded > > corners (in need of 4 backgrounds + 1 arrow at the same time). Any > > ideas on the approach? > > > tried to modify the rounded-template, but sides keep disappearing etc > > > - John Sverre
[jQuery] Is this posible with JQUERY?
http://vikjavev.no/highslide/ extra fine jscript... does jQuery have a plug-in like that?
[jQuery] Accessing height attribute in
Hi,
I'd like to retrieve the value of Height attribute in the following
code(taken from Thickbox):
function tb_init(domChunk){
$(domChunk).click(function(){
var t = this.title || this.name || null;
var a = this.href || this.alt;
var g = this.rel || false;
var myHeight = this.attr("height"); // this line does not work at
all, will abort thickbox as well
tb_show(t,a,g);
this.blur();
return false;
});
}
the element at this point is something like :
Delete
why I can't access the height? I can see that attribute in the
Firebug.
Thanks,
A.C.
[jQuery] Re: fadeOut behaving funny
"slow" is set at 600 milliseconds, which is slow in machine terms but
not human terms!
On Nov 3, 10:54 am, stef <[EMAIL PROTECTED]> wrote:
> heh that made it work, thanks. why?
>
> On Nov 3, 12:57 am, Wizzud <[EMAIL PROTECTED]> wrote:
>
> > Set the fadeOut duration to 3 seconds (.fadeOut(3000);). Does the same
> > thing still happen?
>
> > On Nov 2, 2:28 pm, stef <[EMAIL PROTECTED]> wrote:
>
> > > i have a page where a form is submitted to the same page, using php
> > > (no ajax). if the query that writes the data to the db is successful
> > > it sets $marker = 1;
>
> > > in the of my page i then i have the code below, which tries to
> > > achieve the "yellow fade" technique: a message appears to indicate
> > > success and then slowly fades out. problem is that with the code
> > > below, it appears for just a split second and then abruptly
> > > disappears. could anyone tell me why and how to get this to work?
>
> > >
> > >
> > > $(document).ready(function(){
> > > $("#nav").after("Homepage updated! > > span>");
> > > $("span.yellowFade").fadeOut("slow");
> > > });
> > >
> > >
[jQuery] Thickbox 3: a link to close the box
Hi, I tried thinkbox and like it very much, here is a situation I like to ask: I use Thickbox to popup a page which does not include Thickbox.js, when I click 'Cancel' or press escape, the page closes and the old page was shown at its original state, good. I'd like to put a link in the pop up page which will trigger the 'Cancel' event, is this possible? Thanks. A.C.
[jQuery] Re: fadeOut behaving funny
heh that made it work, thanks. why?
On Nov 3, 12:57 am, Wizzud <[EMAIL PROTECTED]> wrote:
> Set the fadeOut duration to 3 seconds (.fadeOut(3000);). Does the same
> thing still happen?
>
> On Nov 2, 2:28 pm, stef <[EMAIL PROTECTED]> wrote:
>
> > i have a page where a form is submitted to the same page, using php
> > (no ajax). if the query that writes the data to the db is successful
> > it sets $marker = 1;
>
> > in the of my page i then i have the code below, which tries to
> > achieve the "yellow fade" technique: a message appears to indicate
> > success and then slowly fades out. problem is that with the code
> > below, it appears for just a split second and then abruptly
> > disappears. could anyone tell me why and how to get this to work?
>
> >
> >
> > $(document).ready(function(){
> > $("#nav").after("Homepage updated! > span>");
> > $("span.yellowFade").fadeOut("slow");
> > });
> >
> >
[jQuery] Re: validate on ajaxform
> $('#subscribeform').ajaxForm(function() {
> $(this).validate();
> function runIt() {
> $("#cover").fadeIn("fast");
> $("#sform").fadeOut(1);
> }
> runIt();
> });
There are several bare-bones validation examples here:
http://www.malsup.com/jquery/form/#code-samples
[jQuery] Re: AJAX calls with dynamic variables.
BuckRogers ha scritto:
Here is an example found in the documentation :
$.get("test.php", { name: "John", time: "2pm" } );
How do I go about changing the parameters dynamically.
Let's say I have a function that returns a name. I don't want "John",
I want the string retuned from my getName() function
Have you tried this?
$.get("test.php", {name: getName(), time:"2pm"});
[jQuery] Re: Jquery Cheat Sheet
Hi, thank you for your work, waiting cheatsheet for plugins On Sep 12, 4:09 am, adrien <[EMAIL PROTECTED]> wrote: > Thanks, > > Here is the brand new version for the Jquery 1.2 release (because > there is more than on the roadmap!) > PNGhttp://www.box.net/shared/invpn0ge2k(1024x768px, 469.2 KB) > PDFhttp://www.box.net/shared/mx1ckj3l2h(A4, 585.0 KB KB) > PSDhttp://www.box.net/shared/4luxkdm639(A4 120dpi, 6.5 MB - feel > free to modify it) > > You can access all my work about Jquery Cheat sheet on box.net > here:http://www.box.net/shared/8ld3xfa82h > > About the plugins Cheat Sheet, I will wait Sunday for the release of > Jquery UI...Should be really Awesome! > > Adrien > > On 11 sep, 15:24, "Benjamin Sterling" > > <[EMAIL PROTECTED]> wrote: > > Great work adrien! > > > On 9/10/07, adrien <[EMAIL PROTECTED]> wrote: > > > > Hi, > > > > I've just finished to update my work. > > > I've read the Jquery 1.2 Roadmap and take a look again to the Jquery > > > 1.1.4 release announcement, and have made some changes. > > > Deprecated functions are no longer listed on the Sheet. > > > Plus I've added some comments and Object properties as Footnotes... > > > and some little improvements! > > > > Links are always the same: > > > > PNGhttp://www.box.net/shared/suz017p7p3(1024x768px, 442 KB) > > > PDFhttp://www.box.net/shared/riknf0ul02(A4, 237 KB) > > > PSDhttp://www.box.net/shared/13l8um12b2(A4120dpi, 5.76 MB - feel > > > free to modify it) > > > > I've seen on box that some of you have downloaded the pdf, please give > > > me feedback. > > > > I'm working on a plugins back page, if you have any comments, you're > > > welcome. > > > -- > > Benjamin Sterlinghttp://www.KenzoMedia.comhttp://www.KenzoHosting.com
[jQuery] AJAX calls with dynamic variables.
Here is an example found in the documentation :
$.get("test.php", { name: "John", time: "2pm" } );
How do I go about changing the parameters dynamically.
Let's say I have a function that returns a name. I don't want "John",
I want the string retuned from my getName() function
[jQuery] validate on ajaxform
let me first say i'm more of a designer then a programmer but i've
whipped up some jquery to submit a form via ajaxform but i need to
validate can anyone help me out? I'm just looking to do bare bones
validate (make border red on error input field) heres my code
jquery
--
$(document).ready(function(){
$("#extra").css("display","none");
$("#checkme").click(function(){
if ($("#checkme").is(":checked"))
{
$("#extra").slideDown("slow");
}else{
$("#extra").slideUp("slow");
}
});
$("#subscribeme").click(function () {
$("#sform").slideDown("slow");
});
$("#close").click(function () {
$("#sform").slideUp("slow");
});
$('#subscribeform').ajaxForm(function() {
$(this).validate();
function runIt() {
$("#cover").fadeIn("fast");
$("#sform").fadeOut(1);
}
runIt();
});
$("#cover").click(function () {
$("#sform").slideUp("slow");
});
});
---
end jquery
html
-
Thank you! You are now subscribed to the
Education Newsletter.
Email:
Subscribe SMS?
SMS Number:
Close
--
end html
css
#sform {
display:none;
text-align:right;
padding:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
border-left:1px #007cc6 dotted;
border-right:1px #007cc6 dotted;
border-bottom:1px #007cc6 dotted;
background-image:url('images/subscribe_bg.jpg');
background-repeat:repeat-x;
position:absolute;
width:583px;
}
#cover {
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
display:none;
line-height:100%;
text-align:center;
background-image:url('images/cover_bg.gif');
background-repeat:repeat-x;
font-family:"Trebuchet MS", Arial;
font-size:18px;
font-weight:bold;
color:#FF;
padding-top:35px;
z-index:5;
}
#subscribeme {
text-align:right;
margin:0px;
padding:0px;
}
#subscribe {
border-bottom:1px #0e8cbb solid;
height:15px;
margin:0px;
padding:0px;
}
#close a{
text-decoration:none;
color:#00;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
z-index:10;
}
#close hover{
text-decoration:none;
color:#00;
color:#00;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
z-index:10;
}
#email {
width:150px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#007cc6;
border:1px #005c93 solid;
}
#phone {
width:150px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#007cc6;
border:1px #005c93 solid;
}
