Comments on: What is this? http://www.learningjquery.com/2007/08/what-is-this Getting to know the library of choice for unobtrusive JavaScript Fri, 29 Aug 2008 00:23:58 +0000 http://wordpress.org/?v=2.3.1 By: Raimund http://www.learningjquery.com/2007/08/what-is-this#comment-37446 Raimund Fri, 04 Apr 2008 09:51:36 +0000 http://www.learningjquery.com/2007/08/what-is-this#comment-37446 how do i get the received content of the ajax-/get-function to the div element again ? thanks... raimund how do i get the received content of the ajax-/get-function to the div element again ?

thanks…
raimund

]]> By: stefan http://www.learningjquery.com/2007/08/what-is-this#comment-32684 stefan Thu, 06 Mar 2008 09:42:18 +0000 http://www.learningjquery.com/2007/08/what-is-this#comment-32684 hello , i am trying to use the jQuery load() function , i am using it like this $("#mydiv").load("myfile.php?argument=x"); all works fine untill i want to process the results returned by the function , meaning that the file myfile.php prints some parts of an form based on some arguments received , the problem is that when i want to process the values of the form elements i cannot because it hasn't generated any html code for them , you can see the problem at www.potirnel.8k.ro/formular2/ , any help is great. potirnel@yahoo.com hello , i am trying to use the jQuery load() function , i am using it like this $(”#mydiv”).load(”myfile.php?argument=x”);
all works fine untill i want to process the results returned by the function , meaning that the file myfile.php prints some parts of an form based on some arguments received , the problem is that when i want to process the values of the form elements i cannot because it hasn’t generated any html code for them , you can see the problem at www.potirnel.8k.ro/formular2/ , any help is great. potirnel@yahoo.com

]]> By: Mike Alsup http://www.learningjquery.com/2007/08/what-is-this#comment-13032 Mike Alsup Sat, 15 Sep 2007 00:24:26 +0000 http://www.learningjquery.com/2007/08/what-is-this#comment-13032 @Tyson: You just need to create a closure to capture the object you need to reference in the callback. For example: <code> ... var self = this; $('#myElement').click(function() { // here you can use 'self' to reference // the enclosing object }); ... </code> @Tyson: You just need to create a closure to capture the object you need to reference in the callback. For example:

...
var self = this;
$('#myElement').click(function() {
// here you can use 'self' to reference
// the enclosing object
});
...

]]> By: Carter http://www.learningjquery.com/2007/08/what-is-this#comment-11970 Carter Thu, 06 Sep 2007 22:44:02 +0000 http://www.learningjquery.com/2007/08/what-is-this#comment-11970 Tyson (and anyone else searching this), This is how I've been doing it: <pre><code>$(".button").bind("click", {that:this}, function(event) { var that = event.data.that; that.handleEvent(); return false; });</code></pre> If you pass in an object after the binding event type arg ("click") it get's tacked onto the event's "data" property. I've been looking for a nicer way to do this... just posted in the google groups forum. Prototype has a bindAsEventListener method that you can tack onto any function to let you say what you want "this" to reference inside the function. Hope this helps, Carter Tyson (and anyone else searching this),
This is how I’ve been doing it:

$(".button").bind("click", {that:this}, function(event) {
      var that = event.data.that;
      that.handleEvent();
      return false;
});

If you pass in an object after the binding event type arg (”click”) it get’s tacked onto the event’s “data” property. I’ve been looking for a nicer way to do this… just posted in the google groups forum. Prototype has a bindAsEventListener method that you can tack onto any function to let you say what you want “this” to reference inside the function.

Hope this helps,
Carter

]]> By: Tyson http://www.learningjquery.com/2007/08/what-is-this#comment-11322 Tyson Sun, 02 Sep 2007 19:42:09 +0000 http://www.learningjquery.com/2007/08/what-is-this#comment-11322 When you call Jquery from within function in a custom Javascript class, how do you refer to the containing object in the Jquery callback function since Jquery uses "this" to refer to the DOM object in the callback function? When you call Jquery from within function in a custom Javascript class, how do you refer to the containing object in the Jquery callback function since Jquery uses “this” to refer to the DOM object in the callback function?

]]> By: Mike Alsup http://www.learningjquery.com/2007/08/what-is-this#comment-10935 Mike Alsup Thu, 30 Aug 2007 12:46:38 +0000 http://www.learningjquery.com/2007/08/what-is-this#comment-10935 Jeroen, <code>$this</code> is just a naming convention used by many jQuery developers. It helps you remember that the variable is a jQuery object rather than a DOM element (assuming you're following the convention). For example: <code> $('#myButton').click(function() { // in the event handler 'this' is a DOM element alert (this.id == 'myButton'); // wrap this in a jQuery object so we can use the jQuery API var $this = $(this); // now we have this and $this to play with alert( $this.attr('id') == 'myButton'); }); Jeroen, $this is just a naming convention used by many jQuery developers. It helps you remember that the variable is a jQuery object rather than a DOM element (assuming you’re following the convention). For example:

$('#myButton').click(function() {
// in the event handler 'this' is a DOM element
alert (this.id == 'myButton');

// wrap this in a jQuery object so we can use the jQuery API
var $this = $(this);

// now we have this and $this to play with
alert( $this.attr('id') == 'myButton');
});

]]> By: Jeroen Coumans http://www.learningjquery.com/2007/08/what-is-this#comment-10913 Jeroen Coumans Thu, 30 Aug 2007 09:31:48 +0000 http://www.learningjquery.com/2007/08/what-is-this#comment-10913 Like Bill, I'm also having trouble combining <code>this</code> and/or <code>$(this)</code> with selectors. A future blog post exploring this topic would be greatly appreciated for us beginners! :-) Like Bill, I’m also having trouble combining this and/or $(this) with selectors. A future blog post exploring this topic would be greatly appreciated for us beginners! :-)

]]> By: Bill Warters http://www.learningjquery.com/2007/08/what-is-this#comment-9846 Bill Warters Tue, 14 Aug 2007 21:02:35 +0000 http://www.learningjquery.com/2007/08/what-is-this#comment-9846 Got it sorted...Here's the selector I needed, placed in the code where the alert now sits. <code> $("span#"+spanid+".favorites_span").html(data); </code> Got it sorted…Here’s the selector I needed, placed in the code where the alert now sits.

$("span#"+spanid+".favorites_span").html(data);

]]> By: Bill Warters http://www.learningjquery.com/2007/08/what-is-this#comment-9839 Bill Warters Tue, 14 Aug 2007 18:44:15 +0000 http://www.learningjquery.com/2007/08/what-is-this#comment-9839 Oops, I thought Karl posted this...I don't recall Mike being at BarCamp GrandRapids. Oops, I thought Karl posted this…I don’t recall Mike being at BarCamp GrandRapids.

]]> By: Bill Warters http://www.learningjquery.com/2007/08/what-is-this#comment-9818 Bill Warters Tue, 14 Aug 2007 06:18:51 +0000 http://www.learningjquery.com/2007/08/what-is-this#comment-9818 Hi there. I got interested in trying out jQuery after seeing your session at the Grandrapids BarCamp. Right now, however, I'm stumped trying to get my selectors straight...I guess this is just not what it seems. Briefly, I've got a blog setup I'm building that I'd like to add an "Add to favorites" feature to. I can submit the query and get back the data string I'm looking for, but I can't figure out how to select the span that my trigger link resides within so that I can replace it's html with the returned data. Sample blog html snippet <code> <h2>A Sample Posting to the Blog</h2> <p class="postedby">Posted by <a href="/forums/member/1/">Fred</a> on Aug 03, 2007   <span class="favorites_span" id="favorite_1750"> <a class="Favorites_Trigger" id="1750" href="/forms/favorite-add/1750">Add to favorites?</a> </span> </p> <p>Here is a sample posting in the blog. This could be written by an expert in the area. </p> </code> And here's the bit of Jquery code that I can't quite get to replace my favorites span contents. <code> <script type="text/javascript" src="includes/jquery"></script> <script type="text/javascript"> $().ready(function() { $('a.Favorites_Trigger') .click (function() { var itemid = this.id; $.get(this.href, function(data) { var myresponse = data; var spanid = "favorite_" + itemid; alert(data); }); return false; }); }); </script> </code> Should I be trying to get the parent of my trigger link, and if so, how do I get there from "this"? As you can see, I can even construct the unique span id I'm looking for based on the link id, but my javascript skills are not up to the task of using this variable correctly in a jquery select statement. Any help would be much appreciated... Hi there. I got interested in trying out jQuery after seeing your session at the Grandrapids BarCamp. Right now, however, I’m stumped trying to get my selectors straight…I guess this is just not what it seems.

Briefly, I’ve got a blog setup I’m building that I’d like to add an “Add to favorites” feature to. I can submit the query and get back the data string I’m looking for, but I can’t figure out how to select the span that my trigger link resides within so that I can replace it’s html with the returned data.

Sample blog html snippet

<h2>A Sample Posting to the Blog</h2>
<p class="postedby">Posted by <a href="/forums/member/1/">Fred</a> on Aug 03, 2007  
<span class="favorites_span" id="favorite_1750">
<a class="Favorites_Trigger" id="1750" href="/forms/favorite-add/1750">Add to favorites?</a>
</span>
</p>
<p>Here is a sample posting in the blog. This could be written by an expert in the area.
</p>

And here’s the bit of Jquery code that I can’t quite get to replace my favorites span contents.

<script type="text/javascript" src="includes/jquery"></script>
<script type="text/javascript">
$().ready(function() {
$('a.Favorites_Trigger') .click (function() {
var itemid = this.id;
$.get(this.href, function(data) {
var myresponse = data;
var spanid = "favorite_" + itemid;
alert(data);
});
return false;
});
});
</script>

Should I be trying to get the parent of my trigger link, and if so, how do I get there from “this”?
As you can see, I can even construct the unique span id I’m looking for based on the link id, but my javascript skills are not up to the task of using this variable correctly in a jquery select statement.
Any help would be much appreciated…

]]>