I am creating JS objects that have some properties that contain DOM nodes, and some of these DOM nodes have event listeners attached to them. When I delete such objects, do I first need to remove the event listeners attached to some of the DOM nodes? And do I need to use removeChild on the DOM nodes that are properties of the object? Or does JavaScript take care of all that?
View 1 RepliesI feel like I must be missing something simple but I can't put my finger on it...
I'm moderately new to JS (programmed in other languages though) and am working on a Google Maps project.
This piece of code should show an alert of the region's name when a map polygon is clicked. Instead, no matter what polygon is clicked, it only does the name for the LAST iterated placemark. code...
What am I missing? What would be a better way of handling this?
Here's the situation: I have a javascript object for controlling a custom DHTML scrollbar. So that I can use more than one on a page, the event listeners need to be passed a reference to the particular instance of the object that each needs to connect to, but as I discovered the hard way, inside an event listener, 'this' returns a reference to the DOM object throwing the event, rather than to the JS object. Short of coming up with a linked list of different objects and having the event handler search through it for the right object when an event is generated, then writing a reference to that object to some global variable, is there any convenient way to tie this together? I hope I've made myself clear enough...
View 5 Replies View RelatedSo I know all about the caviats of the 'this' keyword when calling object functions from event listeners:
Code:
var foo = {bar: true, zoo: function() { return this.bar; }};
foo.zoo();
> true
a = foo.zoo;
a();
>
And I know that I can get around this by using an anonymous function so that 'this' is preserved in it's original context:
[Code]...
But then someone pointed out this article on memory leaks when using anonymous functions to call object methods because the anonymous function gets access to ALL variables in the enclosing environment and my not be properly disposed of by the garbage collector [URL] So that lead me to think about using a "3rd-person" approach to referencing object properties from within object methods.
[Code]...
The DOM Level 3 specification has a section (1.2.2.2) that talks briefly about "groups" of event listeners. What does this mean? Is this similar to attaching event listeners with a namespace, as in jQuery: "event.my_namespace"?
View 2 Replies View RelatedI have the following object:
var wDefaults = {
"skin":1,
"pagewidth":"960px",
"c1col":[
{"wid":"w001","pcol":0,"wpos":0,"wclosed":"false","wcollapsed":"true"}
],
"c3col":[
{"wid":"w002","pcol":0,"wpos":0,"wclosed":"false","wcollapsed":"false"},
{"wid":"w003","pcol":0,"wpos":1,"wclosed":"false","wcollapsed":"false"},
{"wid":"w004","pcol":0,"wpos":2,"wclosed":"false","wcollapsed":"false"},
{"wid":"w005","pcol":1,"wpos":0,"wclosed":"false","wcollapsed":"false"},
{"wid":"w006","pcol":1,"wpos":1,"wclosed":"false","wcollapsed":"false"},
{"wid":"w007","pcol":1,"wpos":2,"wclosed":"false","wcollapsed":"false"},
{"wid":"w008","pcol":1,"wpos":3,"wclosed":"false","wcollapsed":"false"},
{"wid":"w009","pcol":2,"wpos":0,"wclosed":"false","wcollapsed":"false"},
{"wid":"w010","pcol":2,"wpos":1,"wclosed":"false","wcollapsed":"false"}, {"wid":"w011","pcol":2,"wpos":2,"wclosed":"false","wcollapsed":"false"}
]}
First, how do I access a single value? I've tried some of the examples I saw on the forum, but nothing happened. The alert did not fire:
alert(wDefaults.c3col[0].wid); //first try
alert(wDefaults.c3col.0.wid); //second try
var obj = wDefaults.c3col[0]; //third try
alert(obj.wid);
The nested objects are the properties for widgets within a portal. After the user moves around the widgets, I need to update the object, putting the widgets in a different order within c3col and updating the values saved in pcol, wpos, wclosed, & wcollapsed. I also may need to add or delete an object, for example, delete wid=w003 and add a new one called w012.
My logic would be:
for each widget on the page
found = false
find the object in c3col where wid == x and update its other values
. set found = true
if found == false then add a new object to c3col with x & its properties
end for
for each object in c3col
if that wid isn't found in the list of widgets on the page, delete it from c3col
end for
sort the objects under c3col by pcol and then wpos
The red parts are the ones I'm unclear about how to do it. My basic questions are:
(1) How do you access a single nested object?
(an object within c3col, find and change its values)
(2) How do you add a new nested object to an existing object?
(add a new object to c3col)
(3) How do you delete an nested object?
(remove an object from c3col)
(4) How do you sort nested objects?
(sort the objects in c3col by pcol and wpos)
Does anyone know where I can find a complete list of DOM/DHTML event types documented?
I'm trying to learn more about advanced event handling in JavaScript and I'd like to find lists of event types that I can attach/add event listeners to. I've been searching around and I've found a few resources, but nothing that seems complete.code...
If I have several links with onClick events pointing to the same function, how can I get a reference back to the link that was clicked? I'd like to change the link text after the onClick fires so the user knows something is happening, without having to create and assign id's to every link.
View 5 Replies View RelatedI'm having problems removing the event listeners, they dont seem to be removed
(I am currently only checking for non-ie browsers) code...
I have PHP file called file1.php with an empty <div></div> in the middle. I've added a 'load' event listener so that on page load, it calls an AJAX function that calls file2.php. file2.php creates a table and loads it into the <div></div> in file1.php.
file2.php has <a> tags in it's <th> columns and I wish to trap when a user clicks on the column heading. The old way was to use the onclick() method but I'd rather use event listeners.
Here's my problem. I am getting "obj has no properties" when trying to add those listeners. I *think* it is because the code in file2.php isn't part of the original DOM tree for file1.php. So how can I use event listeners instead of onlclick()? I know I can add top the DOM by creating elements and appending them but that adds to the HTML code and my code is already in place via the AJAX call. What to do...? DO I just use the old passe onclick() method?
I'm trying to add event listeners to multiple elements of the same class. The DOM is something like this [code]...
View 5 Replies View RelatedWhen catcheck1 is unchecked, I want catcheck9 to uncheck. Why does this not work?
<html><head>
<script type="text/javascript">
// Checkbox event listeners.
function checkboxs() {
document.mapform.catcheck9.checked = false;
}
</script></head><body>
<form action="" name="mapform" id="mapform">
<input type="checkbox" id="catcheck1" name="catcheck9" onclick="checkboxs()" checked />
<input type="checkbox" id="catcheck9" name="catcheck9" checked />
</form></body></html>
i am working on a custom drop down list that has hidden #options DIV which is shown when the user clicks on a button. the problem i am having is that the click event does not seem to be attached to the LI elements since they are hidden when the page first loads. if i show the #options DIV when the page loads everything is working as expected.i've tried to attach the click event after i show the hidden UL but that didn't work either.what can i do to make sure the LI click event fires? i tried to put A tag inside of LI and attach click to that but to no avail.
<style type="text/css">
.gbtn-options {
overflow-y:auto;[code]....
currently we are having a scenario wherein in a JSP page we invoke the Microsoft Outlook client (open the Outlook client) using ActiveX api.. This we are doing using a java Script function which is called when the JSP page gets loaded. The body of the email is pre populated in a HTML format when the Outlook client opens up.Now we have a requirement wherein we need to open up the Lotus Notes client in a similar way ..Could someone please advise/help how this could be achieved ..whether there are some standard api's which could be used here.
2. Also in case there are 10 users who are using microsoft outlook as their email client while the other 10 users are using lotus notes for emailing..then in this case how could this be handled..
I'm trying to build an SVG-based galaxy map for a space game, it pulls the details from MySQL using PHP and seems to work fine with the following code:
<a xlink:href="index.php?locate=galaxy&sub=planet&x=$x&y=$y" target="_top">
<circle cx="$x" cy="$y" r="$starRadius" fill="rgb($fill)">
<title>$name</title>
[code]....
On touchstart and touchmove event, the event object has touches and targetTouches properties (see http://bit.ly/Q6uOD), however the jQuery.Event doesn't seem to copy these properties. I tried adding them to $.event.props like this:
$.each(['touches', 'targetTouches'], function(){
if (!($.inArray($.event.props, this))) {
$.event.props.push(this);
}
});
But it doesn't seem to work. The event an event listener received via jQuery hasn't the targetTouches property even if it's accessible via event.originalEvent.targetTouches or window.event.targetTouches.
I am trying to add onclick event handler to many objects but I can't understand why it doesn't work. To assign event handler I use traditional approach as described in [URL]Heres the code (extract.js):
Code JavaScript:
//the class
function extract(){
[code]....
I know that both select tags don't have options, but I generate them with JS because they hold sequential numbers and this part has no impact on the problem at hand.Both functions help select next or previous index in a given select tag for greater comfort
I am trying to create a javascript library in Lotus Notes , I am pasting in the jquery code into my library but it will not compile. Is this a jQuery syntax error or Lotus Notes error you think? I get the same problem with the 1.4.2 release of jQuery.
Attachments
jquery.gif
Size : 61.75 KB
Download : 425
mailto protocol and Notes v6.5.5 which duplicates the address in the To: field (not a valid email address) and/or posts form data in the To:, cc, or Subject: field rather than in the body of the email where it belongs. I created an entire site relying on the mailto: protocol to submit requests. (Can't use either server side apps or cgi email. Don't ask - it's a long and rediculous story.) Anyway, then we got the new release of Notes and the whole thing has been rendered useless for request submissions.
Is it possible to write a script that will duplicate the mailto: form action and keep it client side? Big hurdle is that it has to pull info from all types of form elements, just like the mailto: protocol does with email clients that actually support it properly.
I have 2 or more objects that onclick(), will call the same function. Right now I have the following:
....
$("#obj1").change( function() {
setupPage();
});
$("#obj2").change( function() {
[Code].....
I was wondering if there is a way to simplify or clean up the code, since they are all doing the same thing and responding to the same event. This is just for refactoring reasons because my code is getting too long/messy.
I have this code
<script type="text/javascript">
jQuery(document).ready(function(){
$("select").click(function(){
alert($(this).attr('id'));
});
});
</script>
<FORM><select name="category" id="#link1">
<option value=1>1</option>
<option value=2>2</option>
</select></FORM>
<FORM><select name="category" id="#link2">
<option value=1>1</option>
<option value=2>2</option>
</select></FORM>
<FORM><select name="category" id="#link3">
<option value=1>1</option>
<option value=2>2</option>
</select></FORM>
When I click on any of the select fields, I always get 3 subsequent alerts, each with the id of the clicked select field. What I would like is to have only 1 alert with the clicked select id, whenever I click it.
Is there a way in Javascript or Jquery to return an array of all objects underneath a certain point, ie. the mouse position. Basically, I have a series of images which link to various web pages but I have a large semi transparent image positioned over the top of the other images. I want to find the href of the background image that the mouse pointer clicks over.
View 1 Replies View RelatedAlthough I've written some javascript I'm afraid I just do not understand the attached code. It works fine, and I can sort of see what's happening but the syntax of the return statement (the start:....,stop:...) is something I cannot find explained on any websites.
View 5 Replies View RelatedI know this isn't a jQuery question per se, but maybe there is an easier way to do this is jQuery than in javascript?
<script>
I was wondering if there is a better way to accomplish the above? Rather than directly changing the innerHTML of the element is it possible to add a onclick listener (or another javascript listener) to the element in a more direct way without having to go through the html.
I have a script for creating 3 dependant drop down menu
Selection A in 1st drop Down returns
Selection B in 2nd drop Down which returns
Selection C in 3rd and final drop down
To C I would like to attach a string of 3 value ( prices )
I was thinking of using the array
But I am not to sure how to link this function to the code and how to return the price in 3 different box ?
I have a quandary of sorts here dealing with a list of checkboxes and the hiding/showing of a few divs associated with the checkbox selection. Here's basically what I need to do: Hide the lower div if no checkbox is selected. If any one of the first 6 checkboxes are selected, and NOT any of the remaining 6, then show the div. If at any time during selection one of the remaining 6 checkboxes are selected, then hide the associated div. Note this code doesn't really do much. I'm still trying to architect a solution that's best.
var aThroughf = false;
var gThroughl = false;
$('[name="'+q2030.name+'"]')).live('click', function() {
[code]....