Re: [jQuery] ajax form plugin submit button

[John Arrowwood]

All of your forms must have an event handler associated with their onSubmit
event.  These event handlers need to do their AJAX stuff, and then stop the
browser from doing the default action by returning false.  Since you are
creating these forms AFTER the page has already loaded, you need to either
create this event handler as part of creating the form, or use $().live() in
order to capture the event for ALL forms, present or future.  However, I
don't know that .live will work for that, I haven't tried, you will have to
experiment.

On Wed, Jan 6, 2010 at 11:06 PM, Alex  wrote:

> Hello everyone,
>
> I have a problem submitting a form tag with submit buttons. many of
> the scripts used in that page require the name of these submit buttons
> to work correctly. I already read about the serialize function and
> submit buttons so tried the form plugin as suggested on the jQuery
> page but i can't get this to work.
>
> On a single site there is no problem using the plugin but the site is
> only loaded at the beginning, after that everything works with ajax
> requests and the page is never reloaded. The response of nearly all
> ajax requests is a new page which is loaded into a draggable div so
> that the site works like an OS. My problem is that the form tags that
> are contained in these responses aren't submitted by the plugin, they
> have their normal function and reload the webpage which is
> catastrophical for that layout.
>
> If you need more information please let me know.
> Sorry for my english ;-)
>



-- 
John Arrowwood
John (at) Irie (dash) Inc (dot) com
John (at) Arrowwood Photography (dot) com
John (at) Hanlons Razor (dot) com
--
http://www.irie-inc.com/
http://arrowwood.blogspot.com/

Re: [jQuery] ajax form plugin submit button

[Dhruva Sagar]

Please give us a demo page or code which can help us debug the problem.

Thanks & Regards,
Dhruva Sagar.




On Thu, Jan 7, 2010 at 12:36 PM, Alex  wrote:

> Hello everyone,
>
> I have a problem submitting a form tag with submit buttons. many of
> the scripts used in that page require the name of these submit buttons
> to work correctly. I already read about the serialize function and
> submit buttons so tried the form plugin as suggested on the jQuery
> page but i can't get this to work.
>
> On a single site there is no problem using the plugin but the site is
> only loaded at the beginning, after that everything works with ajax
> requests and the page is never reloaded. The response of nearly all
> ajax requests is a new page which is loaded into a draggable div so
> that the site works like an OS. My problem is that the form tags that
> are contained in these responses aren't submitted by the plugin, they
> have their normal function and reload the webpage which is
> catastrophical for that layout.
>
> If you need more information please let me know.
> Sorry for my english ;-)
>

[jQuery] ajax form plugin submit button

[Alex]

Hello everyone,

I have a problem submitting a form tag with submit buttons. many of
the scripts used in that page require the name of these submit buttons
to work correctly. I already read about the serialize function and
submit buttons so tried the form plugin as suggested on the jQuery
page but i can't get this to work.

On a single site there is no problem using the plugin but the site is
only loaded at the beginning, after that everything works with ajax
requests and the page is never reloaded. The response of nearly all
ajax requests is a new page which is loaded into a draggable div so
that the site works like an OS. My problem is that the form tags that
are contained in these responses aren't submitted by the plugin, they
have their normal function and reload the webpage which is
catastrophical for that layout.

If you need more information please let me know.
Sorry for my english ;-)

[jQuery] Re: Firebug gives a "$ is not defined" error

[MorningZ]

FireBug (http://www.getfirebug.com) would be a huge help for you to
find out "why"

On Jan 6, 11:31 pm, elvis_wu  wrote:
> The same pages could be run correctly on both IE and Firefox untill
> yesterday. Now on IE they can still run normally, but on Firefox I got a "$
> is not defined" error. I didn't change the reference to the jquery library
> in these pages and neither move the jquery library. I'm really confused.
> Could any one tell me why?
> --
> View this message in 
> context:http://old.nabble.com/Firebug-gives-a-%22%24-is-not-defined%22-error-...
> Sent from the jQuery General Discussion mailing list archive at Nabble.com.

Re: [jQuery] How to gain reference to hyperlink that is clicked

[CoffeeAddict]

Ah, (this), I'm a newbie to that in jQuery.

Thanks.


Charlie Griefer wrote:
> 
> 
> 
> 
> 
>  $(document).ready(function() {
>   $('.myButton').click(function() {
>alert($(this).attr('id'));
>// alert(this.id) <-- should also work
>   }
>  });
> 
> 
> Notice that I added a class="myButton" to each button element, and set the
> listener for $('.myButton').click(), which listens for a click event on
> any
> element that matches that selector.
> 
> Within the function triggered by the click event, $(this) or this are both
> references to the element that triggered the click.
> 
> On Tue, Jan 5, 2010 at 12:35 PM, CoffeeAddict  wrote:
> 
>>
>> I understand that I can use the .click() method on a hyperlink element.
>>  But
>> how do I know which element was clicked?  First I have to gain reference
>> to
>> the hyperlink's ID.
>>
>> So lets say I have a page of hyperlinks like this in view source:
>>
>> ...someurl  somebutton
>> ...someurl  somebutton
>> ...someurl  somebutton
>> ...someurl  somebutton
>>
>> when a user clicks addButton1, how do I know it's addButton1 that was
>> referenced so that I can now apply a .click() event on it?
>> --
>> View this message in context:
>> http://old.nabble.com/How-to-gain-reference-to-hyperlink-that-is-clicked-tp27026713s27240p27026713.html
>> Sent from the jQuery General Discussion mailing list archive at
>> Nabble.com.
>>
>>
> 
> 
> -- 
> Charlie Griefer
> http://charlie.griefer.com/
> 
> I have failed as much as I have succeeded. But I love my life. I love my
> wife. And I wish you my kind of success.
> 
> 

-- 
View this message in context: 
http://old.nabble.com/How-to-gain-reference-to-hyperlink-that-is-clicked-tp27026713s27240p27046016.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.

[jQuery] Firebug gives a "$ is not defined" error

[elvis_wu]

The same pages could be run correctly on both IE and Firefox untill
yesterday. Now on IE they can still run normally, but on Firefox I got a "$
is not defined" error. I didn't change the reference to the jquery library
in these pages and neither move the jquery library. I'm really confused.
Could any one tell me why?
-- 
View this message in context: 
http://old.nabble.com/Firebug-gives-a-%22%24-is-not-defined%22-error-tp27044083s27240p27044083.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.

[jQuery] Re: (autocoplete) problem with fast typers:)

[O.J. Tibi - @ojtibi]

Hi Richard,

I'm not sure if this fits your bill, but maybe the reason people type
really fast is because they already know what they're searching for? I
mean I might sound a little simple minded but yes, I don't use the
autocomplete suggestions anymore when I know what I'm going to type.
(If you work with an autocomplete/intellisense IDE you'd know what I
mean)

Cheers,
OJ

On Jan 6, 10:10 am, Richard KLINDA  wrote:
> Hello All!
>
> I have a problem with the autocomplete plugin, if one types fast enough
> to hit enter before the autocomplete suggestions show up (which is not
> hard at all), then autocomplete doesn't run the result handler (and it
> definitely should), so nothing happens.
>
> So when user types "foo" into the search input field, he has to wait for
> the suggestions to show up, only after this he can press enter to get
> the results.  Is there a workaround for that?
>
> Thanks,
> Richard

[jQuery] Re: Go through XML nodes only 1 level deep

[Jules]

Ahah, too much stale eggnog.

var option = {
error: function(request, status, error) {
alert(error);
},
success: function(data, status) {

var xml = $(data);
alert(xml.find('City').text());
},
dataType: "xml",
type: "GET",
url: "your url here"
};

$.ajax(option);

This code works for me.

On Jan 7, 2:50 pm, Steven Yang  wrote:
> just making sure
>
> you are not able to parse the xml at all right?
> i believe for IE you have to make sure you server returns the correct
> content type like text/xml to client inorder for you to parse
>
> hope this help
>
> On Thu, Jan 7, 2010 at 9:30 AM, Jules  wrote:
> > For some reason, it works on firefox (3.5.6) and doesn't work in ie
> > 6.0 and 8.0
>
> > On Jan 7, 6:39 am, Frank Peterson  wrote:
> > > I'm grabbing an XML file with jQuery like this:
>
> > > $(document).ready(function(){
> > >     $.ajax({
> > >         type: "GET",
> > >         url: "http://ipinfodb.com/ip_query.php?ip=74.125.45.100";,
> > >         dataType: "xml",
> > >         success: function(xml) {
> > >             //$(xml).find().each(function(){
> > >                 var city = $(xml).find("City").text();
> > >                 /*
> > >                 $('').html
> > > (''+title+'').appendTo('#page-wrap');
> > >                 $(this).find('desc').each(function(){
> > >                     var brief = $(this).find('brief').text();
> > >                     var long = $(this).find('long').text();
> > >                     $('').html(brief).appendTo
> > > ('#link_'+id);
> > >                     $('').html(long).appendTo
> > > ('#link_'+id);
> > >                 });
> > >                 */
> > >                 alert(city)
> > >             //});
> > >         }
> > >     });
>
> > > });
>
> > > The XML file looks like this
> > > 
> > > 
> > >         74.125.45.100
> > >         OK
> > >         US
> > >         United States
> > >         06
> > >         California
> > >         Mountain View
> > >         94043
> > >         37.4192
> > >         -122.057
> > >         -8
> > >         -8
> > >         -7
> > > 
>
> > > But I can't get it to pull the data out.

Re: [jQuery] How to unsubscribe from this group?

[Karl Swedberg]

On Jan 5, 2010, at 7:47 PM, Chikkis Corner wrote:


Please unsubscribe me from this group.



Hi,

The following instructions are paraphrased from:
http://groups.google.com/support/bin/answer.py?hl=en&answer=46608

You can unsubscribe from a group through the web interface or via  
email. To unsubscribe through the web interface, just click the "Edit  
my membership" link on the right-hand side of the group's homepage at http://groups.google.com/group/jquery-en/ 
. Then click the "Unsubscribe" button on the page that appears.


To unsubscribe via email, send an email to 
jquery-en+unsubscr...@googlegroups.com

--Karl


Karl Swedberg
www.englishrules.com
www.learningjquery.com

Re: [jQuery] Re: Go through XML nodes only 1 level deep

[Steven Yang]

just making sure

you are not able to parse the xml at all right?
i believe for IE you have to make sure you server returns the correct
content type like text/xml to client inorder for you to parse

hope this help

On Thu, Jan 7, 2010 at 9:30 AM, Jules  wrote:

> For some reason, it works on firefox (3.5.6) and doesn't work in ie
> 6.0 and 8.0
>
> On Jan 7, 6:39 am, Frank Peterson  wrote:
> > I'm grabbing an XML file with jQuery like this:
> >
> > $(document).ready(function(){
> > $.ajax({
> > type: "GET",
> > url: "http://ipinfodb.com/ip_query.php?ip=74.125.45.100";,
> > dataType: "xml",
> > success: function(xml) {
> > //$(xml).find().each(function(){
> > var city = $(xml).find("City").text();
> > /*
> > $('').html
> > (''+title+'').appendTo('#page-wrap');
> > $(this).find('desc').each(function(){
> > var brief = $(this).find('brief').text();
> > var long = $(this).find('long').text();
> > $('').html(brief).appendTo
> > ('#link_'+id);
> > $('').html(long).appendTo
> > ('#link_'+id);
> > });
> > */
> > alert(city)
> > //});
> > }
> > });
> >
> > });
> >
> > The XML file looks like this
> > 
> > 
> > 74.125.45.100
> > OK
> > US
> > United States
> > 06
> > California
> > Mountain View
> > 94043
> > 37.4192
> > -122.057
> > -8
> > -8
> > -7
> > 
> >
> > But I can't get it to pull the data out.
>

[jQuery] Need your opinion you ALL!!!

[Erik R. Peterson]

Hello everyone,

Someone wants me to use FULL DIRECTORY PATHS for every page and script for a 
website I just completed.  I argued that it would slow down the website for 
users...  I prefer relative paths such as "/src/" and "/img/".

Am I wrong to say this?

Is there really a difference in performance with speed whether I use absolute 
or relative paths?

Love to hear your opinion...

Thanks.

Erik

BTW - the website was transferred from WINDOWS SERVER to a UNIX...  I actually 
preferred Windows.  I'm dealing
with a Network Admin that doesn't know web design...

[jQuery] Re: jQuery animations VS Mootools animations

[Acaz Souza]

Rey Bango:
Ok, i understand you, i not want to resolve that, IS JUST FOR
LEARNING, we need to observe and study that in group.
Now, answer me a question: Do you know exactly diference features in
animation frameworks in both?

Is hard to me study code by code, its hard mathematics. You is the
developer in framework.

In past jquery uses moo.fx for animation is true? I see in jquery code
the comment of john resign: 'This is a modification of moo.fx'.

Ok. its a modification, but the logic I supose is same. What do you
say?

And Now, i don't know how is the jquery animation code. Help me if is
possible?

IS JUST FOR LEARNING.

On Jan 6, 6:58 pm, Rey Bango  wrote:
> They both seem to run equally smooth to me. I saw occasional jumpiness
> on both demos.
>
> Seriously, you've been on this specific topic since early November and
> just doing a Google search shows that you've asked a ton of people the
> same question. If you feel that jQuery's effects could be smoother, I
> urge you to help out the project by investing the time to tackle
> whatever concerns you have. Doing that will not only ease your
> concerns but helps out everyone in the community.
>
> Rey...
>
>
>
>
>
> On Wed, Jan 6, 2010 at 3:43 PM, Acaz Souza  wrote:
> > MooTools:http://www.jsfiddle.net/4vnya/
> > jQuery:http://www.jsfiddle.net/eFbwJ/36/
> > (Compare the code, the effects. You decide.)
>
> > Why mootools is more smooth than jquery?

[jQuery] Re: Why mootools animations is more smooth than jquery?

[Acaz Souza]

I'm using Windows 7 Firefox 3.5, mootools is great, is more smoth, is
more sweet than jquery animations, i don't know why.

I'm tested in Chrome and the animations was great for both, but in
firefox not.

And Opera, mootools is more sweet than jquery.

Scott Sauyet: I'm trying to get information.

Is just for learning this interesting point.

What the matematics logic of both in animation framework.

They use the same logic?

IS JUST FOR LEARNING THIS INTERESTING POINT.

On Jan 6, 7:38 pm, "Jeffrey Kretz"  wrote:
> They seem about the same to me as well, FF3.5.6 on Win7
>
> -Original Message-
> From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On
>
> Behalf Of Scott Sauyet
> Sent: Wednesday, January 06, 2010 1:29 PM
> To: jQuery (English)
> Subject: [jQuery] Re: Why mootools animations is more smooth than jquery?
>
> On Jan 6, 3:44 pm, Acaz Souza  wrote:
> > MooTools:http://www.jsfiddle.net/4vnya/
> > jQuery:http://www.jsfiddle.net/eFbwJ/36/
> > (Compare the code, the effects. You decide.)
>
> > Why mootools is more smooth than jquery?
>
> It's not, at least not in my FF3.5.6 on Win XP.
>
> Haven't you been here asking this question before?  Are you trying to
> get information or prove some obscure point?
>
>   -- Scott

Re: [jQuery] Re: Need help learning

[Mark Tank]

Thank you, you have help out so much

On Jan 6, 2010, at 6:14 PM, Šime Vidas wrote:

> If you want to manipulate with the DIV inside the $.get function, you
> can declare a local variable and put the reference to DIV in it...
> 
> (function($) {
>$.fn.myPlugin = function() {
> 
>this.each(function() {
>alert(this.id);
> 
>var that = this;
> 
>$.get("return.php",function(data) {
>// now "this" is "that"
>alert(that.id);
>//do something with "this" & the
> "data"
>});
>});
>return this;
>};
> 
> })(jQuery);
> 
> 
> You don't have to call the variable "that", but it's a nice name,
> isn't it? :)

[jQuery] jQuery and IE 8

[Mauricio Cirelli]

Hello guys,

I'm developing a web site for a friend and I'm worried about a
problem.
The Url is: http://www.futuragames.com.br/radioboy

As you will see, it works perfectly on Firefox and Google Chrome, but
I get a mysterious when running on IE 8.

The error message is: "Invalid argument" on line 53 of the jQuery
library file. I don't know what does it mean and how can I figure it
out. Can anyone help me, please?

Thanks!

[jQuery] jquery google map namespace conflict?

[shameless]

I am toying with this plugin  (http://www.mayzes.org/
googlemaps.jquery.html#examples) and have found what I think is a
namespace conflict (I am by no means expert and I could be wrong...)

Here is how to see it.

I am using Google api loader thus:

http://www.google.com/jsapi?key=mykey";>

google.load("maps", "2");
google.load("jquery", "1");


I have some code that was working previously that used loader and was
doing an address lookup using the Geocoder object, like this:

function showAddress(address) {
geocoder = new google.maps.ClientGeocoder();
  if (geocoder) {
geocoder.getLatLng(
  address,
  function(point) {
if (!point) {
  alert(address + " not found");
} else {
alert('point--'+point);
}
  }
);
  }
}


This worked great.  What I am now trying to do is use the plugin to
handle the map update and display.  I have a reference to the plugin
and can instantiate it.  I know this 'cause I have an alert near the
top of the plugin like so:

jQuery.fn.googleMaps = function(options) {
if (!window.GBrowserIsCompatible || !GBrowserIsCompatible())

alert('is compat');
...

The issue seems to be that if I leave "google.load("maps", "2");" the
plugin will not load and I will not get my "is compat" alert.  If I
comment out  "// google.load("maps", "2");" then I get the "is compat"
message but I cannot perform my reverse lookup.

Any insight that anyone can provide on overcoming this conflict would
be appreciated.  I have spent the last several hours scouring the web
to see if this is a common jquery / google maps issue and cannot seem
to find any other complaints.

TIA.

[jQuery] Re: Go through XML nodes only 1 level deep

[Jules]

For some reason, it works on firefox (3.5.6) and doesn't work in ie
6.0 and 8.0

On Jan 7, 6:39 am, Frank Peterson  wrote:
> I'm grabbing an XML file with jQuery like this:
>
> $(document).ready(function(){
>     $.ajax({
>         type: "GET",
>         url: "http://ipinfodb.com/ip_query.php?ip=74.125.45.100";,
>         dataType: "xml",
>         success: function(xml) {
>             //$(xml).find().each(function(){
>                 var city = $(xml).find("City").text();
>                 /*
>                 $('').html
> (''+title+'').appendTo('#page-wrap');
>                 $(this).find('desc').each(function(){
>                     var brief = $(this).find('brief').text();
>                     var long = $(this).find('long').text();
>                     $('').html(brief).appendTo
> ('#link_'+id);
>                     $('').html(long).appendTo
> ('#link_'+id);
>                 });
>                 */
>                 alert(city)
>             //});
>         }
>     });
>
> });
>
> The XML file looks like this
> 
> 
>         74.125.45.100
>         OK
>         US
>         United States
>         06
>         California
>         Mountain View
>         94043
>         37.4192
>         -122.057
>         -8
>         -8
>         -7
> 
>
> But I can't get it to pull the data out.

[jQuery] Re: Need help learning

[Šime Vidas]

If you want to manipulate with the DIV inside the $.get function, you
can declare a local variable and put the reference to DIV in it...

(function($) {
$.fn.myPlugin = function() {

this.each(function() {
alert(this.id);

var that = this;

$.get("return.php",function(data) {
// now "this" is "that"
alert(that.id);
//do something with "this" & the
"data"
});
});
return this;
};

})(jQuery);


You don't have to call the variable "that", but it's a nice name,
isn't it? :)

[jQuery] Re: Need help learning

[Šime Vidas]

this refers to different objects depending on where we are in the
code...

(function($) {
$.fn.myPlugin = function() {

// here "this" refers to the jQuery object on which the myPlugin
method was called upon

this.each(function() {

// here "this" refers to the matched elements in the jQuery object...
in your example, you matched every DIV element, so "this" refers to
each node in the DOM tree that has
type = ELEMENT_NODE
nodeName = "DIV"

alert(this.id)
$.get("return.php",function(data) {

// here "this" refers to the options object for the AJAX request
you may print it out with this code:

for (prop in this) {
$("div").append(prop + " = " + this[prop] + "");
}
alert(this.id);
//do something with "this" & the
"data"
});
});
return this;
};

})(jQuery);

[jQuery] Re: jQuery animations VS Mootools animations

[weixi...@gmail.com]

I was wondering why jquery was smoother than mootools

[jQuery] Need help learning

[Inquisitive]

I have been reading and playing around with jQuery and can do
somethings, but making a plugin is hurting my brain. Here is what I
have.

(function($) {
$.fn.myPlugin = function() {

this.each(function() {
alert(this.id)
$.get("return.php",function(data) {
alert(this.id);
//do something with "this" & the "data"
});
});
return this;
};
})(jQuery);

$(document).ready(function(){
  $("div").myPlugin();
});



Here is what I don't understand. The first alert shows the id, but the
second one does not, It alerts "undefined". I want to be able to
modify the object ("this) after receiving the data from the ajax.

[jQuery] Re: ie8 and title text value

[Šime Vidas]

The, html() method works in all browsers...

text() = returns the concatenated innerHTML properties of all matched
elements
html() = returns the innerHTML property of the first matched element

Generally you don't use text() to retreive the contents of an
element...

BUT, if you want to write to the innerHTML property, then ...

html("blablabla") = sets the innerHTML property to the given string on
every matched element
text("blablabla") = sets the innerHTML property to the given string on
every matched element, AND escapes < and >

Re: [jQuery] Position div accounting for screen size/resize

[brian]

Bind a handler for the resize event like so:

$(window).bind('resize', function() { ...});

Have a look at this thread:

http://groups.google.com/group/jquery-en/browse_thread/thread/4a00d513c63f5c00?pli=1

On Wed, Jan 6, 2010 at 11:08 AM, kevinkace  wrote:
> Can you change a position of a div, based on screen size/resize with
> jquery? Something like
>
> if (browser>= sitecontainerwidth)
> {
> left:50%;
> margin-left: 20px;
> }
> else
> {
> left: 0%;
> margin-left: 600px;
> }
>
> I have a centered layout (div{margin: top auto;}) with a BG image.
> There's another div (with a background design) that needs to overlay
> on the BG, but off center.
>
> Figure of what the problem: 
> http://www.kacevisual.com/files/Div-difficulties.gif
>

Re: [jQuery] form validation

[brian]

Set up the handler when the form is created:

$("#the_form_id").validate();

You might also want to have a look at the Jeditable plugin:

http://www.appelsiini.net/projects/jeditable


On Wed, Jan 6, 2010 at 10:25 AM, John Albright  wrote:
> Is it possible to use the jquery form validation plugin (http://
> bassistance.de/jquery-plugins/jquery-plugin-validation/) to validate a
> form that was inserted into the page via javascript? What I'm trying
> to do is display a person's address, which is contained in a span tag,
> and give them the option to edit it. If they click the edit button,
> I'm changing the span to a form tag with jQuery and turning the parts
> of the address into text boxes with the values filled in. The problem
> I'm having is that since the form doesn't exist from the very
> beginning, the validate function isn't getting assigned to it, and
> when the form is created and submitted, it doesn't get validated. Can
> I somehow make the plugin assign the validate function to the form
> when the edit button is clicked, or is that not possible?
>

Re: [jQuery] Re: urgent help

[brian]

Or, at minimum, an example or two of the errors encountered.

On Wed, Jan 6, 2010 at 7:13 AM, MOZ  wrote:
> link to demo?
>
> On Jan 6, 3:49 am, Sugi  wrote:
>> I am using Jquery plugins like flowplayer,fancy plugin for image and
>> video stuffs...It creates lot of erros with IE 6. Can any one help to
>> fix compatability issue with IE6? Please reply..Very urgent
>

Re: [jQuery] highlighting

[brian]

$target.css('...')

Or, better:

$target.addClass('SomeClassName');

On Tue, Jan 5, 2010 at 10:35 AM, metalmini  wrote:
> Hi guys and galls,
>
> Im not really a jquery programmer but i build lots of sites and i love
> the jquery plugins that i can easily copy and paste. So anyway im
> building a new site and i am using alot of jquery to emprove
> usability.
>
> So i am using a little script that scrolls easy to the  a> html tag.
>
> [code]
>
> $(document).ready(function(){
>  $('a[href*=#]').click(function() {
>    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^
> \//,'')
>    && location.hostname == this.hostname) {
>      var $target = $(this.hash);
>      $target = $target.length && $target
>      || $('[name=' + this.hash.slice(1) +']');
>      if ($target.length) {
>        var targetOffset = $target.offset().top;
>        $('html,body')
>        .animate({scrollTop: targetOffset}, 1000);
>       return false;
>      }
>    }
>  });
> });
>
> [/code]
>
> This is not my own code, i found it. As i said im not a jquery pro.
>
> Anyway i was wondering if it is possible to somehow highlight the div
> class with a background color to make it stand out more? Something
> that i can add to this little piece of code?
>
> If there are things that i should include please let me know.
>
> Thank you very much in advance.
>
> Kind regards,
>
> Michael
>

[jQuery] Re: Help with change event

[Šime Vidas]

Hehe :)
Look, event methods work like this you pass in a function, and
that function will be executed then the event occurs...

$("select").change(function() {
// code that gets executed when change event the occurs on any
SELECT element
});

But, if you leave out the argument, then the change method does
something completely different... it triggers the event... (as if you
changed the selected OPTION(s) yourself)

$("select").change();

What the guys at jQuery did in that example is, they first defined the
onchange handler, and then triggered it right away... So you got that
red "Candy Caramel" text on page load without having to change the
SELECT...

[jQuery] Re: How do i get this mega dropdown with jQuery??

[Šime Vidas]

Here, use this:
http://vidasp.net/jquery-example7.html

The HTML code is super-simple - only ULs and two wrapper DIVs

Also, the menu streches to the full (available) width automatically
(like a table)

[jQuery] Re: Help with change event

[NotionCommotion]

Thanks John,

"The last .change() fires the event."

Looking through the other documentation, it appears that the other
event methods do not need a similar trailing method to fire the event,
only change.  I've even did a test where I didn't include the last
change(), and it appeared to work.

Could you please elaborate on what by "fires the event".

Thanks!

[jQuery] Re: Add a second trigger in this function

[Johan Borestad]

I think you just forgot the last brackets on your hover method:

$("div.tvbutton").hover(function () {
  $("div.tv").trigger('hover');
})  <--- Forgotten

This could be optimized a little better by using id's, or at last
saving a a reference to the "div.tv", so that you don't have to make
search for the div every time (unless you're using ajax ofcourse), but
this should work now at last :-)

/ Johan

On Jan 6, 9:42 pm, Jordan  wrote:
> Thanks for the insight Johan! When I implemented that though, it just
> added the hover cross fade to the other div as well. I am looking for
> a way to make the 2nd div JUST trigger the first. I was looking at the
> page you linked to and I am messing around with something like the
> following... although I can't get it to work. Any thoughts?
>
> $(document).ready(function () {
>         $('div.tv, div.desk, div.phone').hover(function () {
>                 //hover in
>                 var div = $('> div', this);
>
>                 if (div.is(':animated')) {
>                         div.stop().fadeTo(500, 1);
>                 } else {
>                         div.fadeIn(250);
>                 }
>         }, function () {
>                 // hover out
>                 var div = $('> div', this);
>                 if (div.is(':animated')) {
>                         div.stop().fadeTo(1000, 0);
>                 } else {
>                         div.fadeOut(1000);
>                 }
>         });
>           $("div.tvbutton").hover(function () {
>           $("div.tv").trigger('hover');
>
>     });
>
> On Jan 5, 4:33 pm, Johan Borestad  wrote:
>
> > Hi!
> > There are a number of nice implementations you could use for this.
> > Example the jQuery trigger.http://docs.jquery.com/Events/trigger
> > But for now, the simpliest solution is just to add another selector
> > like this
>
> > $('div.example, div.tv').hover( .
>
> > / Johan
>
> > On Jan 5, 8:33 pm, Jordan  wrote:
>
> > > I recently implemented the Image Cross Fade Transition (http://
> > > jqueryfordesigners.com/image-cross-fade-transition/)
>
> > > It works great, and I'm hoping to add to the code to enhance the
> > > functionality. Currently, if I hover over the image, it runs the cross
> > > fade transition, which I would like to keep. I have another div on the
> > > page that I would like to trigger the first instance when hovered over
> > > as well. Is there a good way to add this?
>
> > > Here's what I'm using for the first instance:
>
> > > $(document).ready(function () {
> > >         $('div.tv').hover(function () {
> > >                 //hover in
> > >                 var div = $('> div', this);
>
> > >                 if (div.is(':animated')) {
> > >                         div.stop().fadeTo(500, 1);
> > >                 } else {
> > >                         div.fadeIn(250);
> > >                 }
> > >         }, function () {
> > >                 // hover out
> > >                 var div = $('> div', this);
> > >                 if (div.is(':animated')) {
> > >                         div.stop().fadeTo(1000, 0);
> > >                 } else {
> > >                         div.fadeOut(1000);
> > >                 }
> > >         });

Re: [jQuery] Help with change event

[John Arrowwood]

The last .change() fires the event.

On Wed, Jan 6, 2010 at 6:43 AM, NotionCommotion wrote:

>
>
> I am interested in the event change, and am looking at
> http://docs.jquery.com/Events/change.
>
>  $("select").change(function () {
>  var str = "";
>  $("select option:selected").each(function () {
>str += $(this).text() + " ";
>  });
>  $("div").text(str);
>})
>.change();
>
> It all makes sense except for the very last change().  Can anyone
> explain the purpose of this line?
>
> Thank you
>



-- 
John Arrowwood
John (at) Irie (dash) Inc (dot) com
John (at) Arrowwood Photography (dot) com
John (at) Hanlons Razor (dot) com
--
http://www.irie-inc.com/
http://arrowwood.blogspot.com/

Re: [jQuery] Re: ajax image

[John Arrowwood]

So, why can't you just create a new  node with a src attribute?  It
will automatically download the image in the background, much like with
AJAX.  Is the problem that you want to ensure that the image is fully
downloaded before you try to display it?  Have you tried
$(imgTag).ready(...)?  (Don't know if that works or not, never tried it)

On Wed, Jan 6, 2010 at 8:14 AM, Mean Mike  wrote:

>
>  > So you are trying to use jQuery's ".load()" functionality with an
>  > actual image (i assume that your php sets the content type to
> image/
>  > jpeg, image/gif, etc and writes out the actual binary image
> data) ?
>
> YES ! that is correct.
>
>  > that's not going to work, as the ".load()" loads the result of the
>  > Ajax call into the innerHtml of DOM object
>
> I'm assuming thats why I get Array
>
>  > I don't know though, you're talking "same function" but have
> posted
>  > about three different functions so far, $.ajax, .load, and your
> custom
>  > function
> mmm sorry for the confusion
>
> I wanted to see if i could just get it to work with load that's why I
> mentioned it ..
>
>  > but bottom line is, the $.ajax call which ultimately
>  > gets called wouldn't be a replacement for ,
>
> bummer 8 ^ (
>
>  > *unless* you wanted to use data url vales as image sources
> (like:http://www.websiteoptimization.com/speed/tweak/inline-images/),
> but
>  > the problem with that, like almost all cool ideas like that link
>  > shows, is it doesn't work with IE
>
> neat concept but not doable trying to stick with ajax
>
> Thanks for your help
> Mean Mike
>



-- 
John Arrowwood
John (at) Irie (dash) Inc (dot) com
John (at) Arrowwood Photography (dot) com
John (at) Hanlons Razor (dot) com
--
http://www.irie-inc.com/
http://arrowwood.blogspot.com/

[jQuery] Re: jQuery BlockUI Plugin (v2) add onBlock()

[Mike Alsup]

> Hi all,
>   in this plug-in I need a function like onUnblock but on completed
> fadein..
> can Add this function?

ok.

http://www.malsup.com/jquery/block/#download

[jQuery] Re: ie8 and title text value

[Dave Methvin]

I think document.title works on all browsers.

[jQuery] ie8 and title text value

[navtis]

Hi

I'm trying to read the