JQuery :: Context Lost When Using $.post Inside A Delegated Event Handler?
Jun 26, 2010
I have some code that's a more involved version of this:
$('#container_div').delegate('.trigger_button', 'click', function() {
$.post('handler.php',
{ id: $(this).siblings('.item_id').val() },
function(data) {
[Code].....
Normally, when I use .post in an event handler, "this" refers to the object that triggered the event. That doesn't happen in this case. When I use "this" the first time, to pull data parameters, it refers to the .trigger_button. But inside the .post callback, it refers to the AJAX call object instead. I don't think that's how it's supposed to work, is it? Is this a bug?
View 1 Replies
ADVERTISEMENT
Jul 20, 2005
What is the evaluation context of the setTimeout args below? I have a separate Timer instance for each sprite in my program. As coded, "this.Clock" doesn't work.
/*================================================= ===
Timer.js
================================================== ==*/
function Timer(_sprite, _interval) {
var sprite = _sprite;
var interval = _interval;
var isRunning = false;
var timeoutID = false;
this.Clock = function() { // called after setTimout interval
if (isRunning) {
isRunning = sprite.OnClockTick();
if (isRunning)
timeoutID = window.setTimeout("this.Clock()", interval);
else
this.Stop();
}
}
this.Stop = function() {
if (timeoutID) {
window.clearTimeout(timeoutID);
timeoutID = false;
};
isRunning = false;
}
this.SetInterval = function(_interval) {
this.Stop();
interval = _interval;
isRunning = true;
timeoutID = window.setTimeout("this.Clock()",interval);
}
this.Continue = function() {
if (!isRunning) {
isRunning = true;
timeoutID = window.setTimeout("this.Clock()",interval);
}
}
}
--
Don't you see that the whole aim of Newspeak is to narrow the range of thought? In the end we shall make thoughtcrime literally impossible, because there will be no words in which to express it.
View 9 Replies
View Related
Dec 6, 2011
I have a basic HTML form with a button that submits the form via jQuery's $.post to a processor. That processor returns the identical form, including any errors below any of the elements e.g. input, textarea, etc. The response also has a new submit button to submit the form once more, however, because I'm retrieving a giant string with HTML elements and because jQuery already loaded, that new submit button doesn't do anything. How can I parse jQuery's response for that button and assign a handler so that when the button is pushed, it submits the form again?
View 2 Replies
View Related
May 14, 2010
I have a TabContainer on my page, and I want to add a keyup handler to the textbox, but somehow I counldn't find the textbox in my jquery function using $('#TabContainer1_TabPanel1_TextBox1'). Here is my code:
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title></title>
<script type="text/javascript" src="js/jquery-1.3.2.min.js" >
[Code].....
View 3 Replies
View Related
Oct 26, 2011
Is it possible to access the parent context within $.post to asign the result to the parent selection?
See this code here:
$("a[href='country#']").click(function(event) {
var dieBusinessUnit = 'THIS VAR SHOULD CONTAIN RESULT OF $("businessunit", xml).text())';
[Code].....
View 5 Replies
View Related
Apr 23, 2011
I want to preserve a 16/9 aspect ratio to the window after any resize, making the width a function of the height.
As I have a window.resizeTo() inside the window.onresize event function, the infinite loop is served. How may I quit it?
<html><head><title>Title</title><script languaje="javascript">
const c_ra=16/9;
window.onresize = function WindowReSize() {
var myWidth = 0, myHeight = 0;
[Code].....
View 2 Replies
View Related
Nov 2, 2010
I am not sure - I made ajax call through jquery form plugin, return response is HTML fragments, and inserted to a <div> place holder, work as expected.However, previous HTML segments have binding events (such as click) seems lost after the insertion ... is this expected behavior? and what are the proper way to re-instate those events?
View 1 Replies
View Related
Jan 22, 2010
I'm having problems with applying focus() to an element inside a blur() event handler. I get different results in different browsers. Specifically, IE and Opera seem to work fine, Firefox doesn't seem to do anything, and Chrome and Safari only do half of the job. Basically, I have an <input> with a blur() event handler attached to it. The event handler contains the code to apply focus to that same input, effectively disallowing the user to remove focus from the input.
[Code]...
View 3 Replies
View Related
Jul 2, 2011
[code]I am baffled by the fact that the second alert does not pop up URL...
View 1 Replies
View Related
Sep 11, 2007
I am writing a javascript code that parses dom and finds event
handlers attached to mouseover events. Then i will replace the
existing handler say B() with my own function say A(). When the event
happen and control comes to my function A(), after doing required
processing i will call B() as shown below
<a href = "abc.com" mouseover = "B();"link </a>
while parsing i will have (trimmed down version)
var oldHandler = node.onmouseover;
node.
function A()
{
/ * my code */
oldHandler.call(this);
}
This was working fine as long as B() was a global function. I started
getting problems when B was a member function. For eg:
function Alerter(text)
{
this.text=text;
var me=this;
this.invoke=function ()
{
alert(this.text);
}
}
var sayHi = new Alerter('Hello, world!');
The web developer would have code like
<a href = "abc.com" mouseover = "sayHi.invoke()"link </a>
But this time around, my function A() fails since although i have
handler to sayHi.invoke(), it has to be executed in correct context.
Other wise "this.text" is giving me error because when i say
oldHandler.call(this), i am executing the sayHi.invoke() with the html
element being passed as this.
View 2 Replies
View Related
Jul 11, 2010
I've many div with sequence of ids like d1 d2 d3 ... and I need to listen to their click event so I'm using a loop to add an event handler to them, Here it's my code:
for(var i = 0; i < $ds.length; i++){
var $d = $ds[i];
var xFunc = function(e){
document.title = "d: "+$d;
[Code]....
But when I click on each of them always the title goes to "d: 4" where 4 is the last value in $ds.
View 1 Replies
View Related
Sep 17, 2010
I'm creating a drop down menu so that when a user clicks on the drop down arrow and then hovers over one of the options, a bubble comes up and does a validation. The thing is that everything works fine in Firefox, but not in IE or Chrome. The problem is that the .mouseover() function doesn't work on the <option> tags in IE and Chrome, but it works fine in Firefox because apparently FF is the only browser that supports it.
View 3 Replies
View Related
Jun 9, 2009
<label id="mylabel" onclick="myOnclickFunction()">My Label</label>
How to get the "myOnclickFunction()" _string_ with jQuery? JavaScript getAttribute("onclick") works fine, but I want to do it through jQuery.
View 1 Replies
View Related
Jun 9, 2009
I'm trying to change a word in an animated collapsible div script from Dynamic Drive. When clicking "Hide" I want the word to change to "Show". I have part of the script, but it's not working correctly - it just removes "Hide" when clicking on it. See the example here.
The code so far is this:animatedcollapse.ontoggle=function($, divobj, state){ //fires each time a DIV is expanded/contracted
//$: Access to jQuery
//divobj: DOM reference to DIV being expanded/ collapsed. Use "divobj.id" to get its ID
//state: "block" or "none", depending on state
if ($('#'+divobj.id+'-toggle').length==1){ //if toggle link has id 'divid-toggle' defined
if (state=="block")
$('#'+divobj.id+'-toggle').prepend('<span class="prefix">Hide </span>')
else
$('#'+divobj.id+'-toggle').find('span.prefix').remove()
}}
I'm totally new to jQuery.
View 1 Replies
View Related
Nov 13, 2011
My plan is to create a JavaScript class, with some functions and variables, and one of the functions is called when a user clicks on a certain element. However, I need to find out the ID of the element that was clicked (in the example, that of the <p>) for further processing. It looks basically like the following:
[Code]...
The result was very crazy, because console.log(this) gave me the node as result, and console.log($(this)) did the same only as jQuery node, but trying to find out the attribute via jQuery gave undefined as result. I haven't checked if this.id would work (should probably), but I'd prefer to keep the whole script in jQuery, if possible. I suspect it may be an overusage of the 'this' keyword, but if so, what's the proper way to do it?
View 1 Replies
View Related
Dec 6, 2011
I have problem with this code:
jQuery('.container').on('click', '.item a', function(event){
showContent(jQuery(this).attr('href'), event);
});
[code]....
View 1 Replies
View Related
Feb 3, 2011
i'm looking for the best way to use global properties that defined at class level insid event handler functions.
for example :
function MyClass() {
this.v1 = "hello";
this.v2 = {name: 'joe', age:'30'};
this.link1 = $("<a/>", {id: "link1"});
[Code].....
actually, in link1Handler 'this' returns to link1 not to main class. so how to get class properties or functions inside the private functions of the same class?
View 2 Replies
View Related
May 3, 2011
I haven't come across an exampe that would enable me to pass data to my event handler.For example, if I click a button I want it to pass the value of an adjacent text input to my handler.
View 10 Replies
View Related
Mar 21, 2011
I've a very simple code where i am setting the font-size to currect font-size + 2 for a paragraph. Its set first time but when next time event handler is called it gets the same old value.code is ...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
[code]...
View 1 Replies
View Related
Nov 5, 2011
I'd like to switch any broken images in dynamically loaded HTML to a warning graphic, something like:
[Code]...
This works with with the 'click' event but not with 'error' or 'load'is there another way to do it? I remember with .live() there were restrictions on what events could be bound, but I can't find that in the documentation anymore for jQuery 1.7's .on()
View 3 Replies
View Related
Nov 6, 2011
I have a <div> containing 3 buttons. The buttons have id's like this:
Button 1: btnFoo
Button 2: btnBar
Button 3: btnBaz
I'd like to add an click event to each button to call a function named [button ID]_click():
i.e.
btnFoo_click()
btnBar_click()
btnBaz_click()
So far I have this:
$("#divButtons button").each(function() {.
$( this ).bind("click",function(){
eval(($(this)[0].id) + '_click()');
});
});
This works but is there a way without having to use eval and still utilizing the lovely .each function?
View 3 Replies
View Related
Aug 30, 2010
I need to know how to add an event to a button. The specific issue is that I want to add an event which is a prototype function of a class. Consider the following as an example:
MyTestClass = function() {
this.firstName = "Pete";
this.lastName = "Johnson";
[code]....
View 2 Replies
View Related
Feb 5, 2011
In the below code snippet I'm trying to add an dynamic event in <div id="button3"> when you click at button1, which is added static in the html body. button3 has exactly the same behaviour as button1, but the eventhandler will not be activated.
[Code]...
View 1 Replies
View Related
Jan 19, 2011
I'm trying to set up hovering event handler to a bunch of IMG element that I put inside a UL element. (code shown below)
Initially the page loaded with 6 images on first line, and the rest 3 images on the second line.
I notice when I hover on the first image, the image right below it moved to the right. I don't understand why this might happen.
<html>
<head>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
[Code]....
View 2 Replies
View Related
Nov 30, 2011
I am have an MVC app that generates a list of rows, of which one of the columns is a button. Here is the rendered HTML for the buttons:
<input
id
="btnUpdate21"
type
="submit"
value
="Approve"
synchId
="21"
/>
<input
id
="btnUpdate22"
type
="submit"
value
="Approve"
synchId
="22"
/> .....
Following is my selector that I use to bind the buttons to my click event:
<script
type
="text/javascript"
charset
="utf-8"
>
$(document).ready(function
() {
$('input[id^="btnUpdate"]'
).click(promptForSynchDate);
});
I have been trying to access the button Id, though what I really need is the attribute synchId, to use inside of a modal. I have so far been unable to access either one of them. My modal works fine. But the value of either attribute is always "undefined".
Here is my click event handler: (I stuck the alert in there just for debug purposes)
function promptForSynchDate() {
$(document).ready(
function () {
var test1 = $(this).attr('id');
alert(
'test1 is : ' + test1);
$(
'#approve-synch').dialog({ .....
View 2 Replies
View Related
May 25, 2010
So I have an event handler for the KeyDown event in a Javascript file but for some reason it does not get called the first time a key is pressed. However, if a key is pressed or a mouse button clicked then the next time I press a key it does get called. Here is the relevant code:
...........................
// Other stuff
$(function()
[code]....
View 2 Replies
View Related
