When Should I Prefer StopPropagation To Simply Returning False?
Oct 8, 2006
On this page I'm given the impression that stopPropagation is a lot
like returning false:
http://www.brainjar.com/dhtml/events/default3.asp
"preventDefault() Can be used to cancel the event, if it is
cancelable. This prevents the browser from performing any default
action for the event, such as loading a URL when a hypertext link is
clicked. Note that the event will continue propagating along the normal
event flow.preventDefault() Can be used to cancel the event, if it
is cancelable. This prevents the browser from performing any default
action for the event, such as loading a URL when a hypertext link is
clicked. Note that the event will continue propagating along the normal
event flow."
But often, if I want to stop a hyperlink from working normally, I can
simply return false from whatever action I've attached to that
hyperlink. Suppose I have this link:
<a id="link1" href="index.htm">link text</a>
Suppose I attach the function "alertDanger" to this link:
function alertDanger() {
alert("Danger!");
return false;
}
Because I return false, the default behavior doesn't occur. Would there
ever be a benefit to doing this instead:
function alertDanger() {
alert("Danger!");
preventDefault();
}
Perhaps preventDefault is only for those occassions when the code can
not or should not return?
View 3 Replies
ADVERTISEMENT
Aug 13, 2011
So for whatever reason the convertToArray function in the following code returns false if the argument is more than 1 character long. If it's 1 character long it just returns the character as an array with only one value.What I'm trying to do is take a string of numbers, plus signs, and minus signs and convert it to an array.
View 5 Replies
View Related
Sep 21, 2005
I have a simple popup launching off a picture link. But the origional page wipes and display a 'false'.
<SCRIPT TYPE="text/javascript">
<!--
function popup(mylink, windowname)
{
if (! window.focus)return true;
var href;
if (typeof(mylink) == 'string')
href=mylink;
else
href=mylink.href;
window.open(href, windowname, 'width=800,height=600,left=100,top=100,scrollbars=NO');
return false;
}
//-->
</SCRIPT>
The command is simply
<a href="javascriptopup('home.htm')"><img src="logosparty.jpg" border="0" width="360" height="215"></a>
View 4 Replies
View Related
Jul 23, 2005
I am wondering about what seems to be a particular quirk in Javascript
that does not allow form event listeners (e.g. "onsubmit=...") to work
properly. In the code below, I would like to set up a function
(doOnSubmit) that is called when the form is submitted.
But there is a "return false;" in the "onclick" of the button. If this
"return false" is removed, the code works as I would hope it would.
With it there, doOnSubmit is never called. Code:
View 2 Replies
View Related
Oct 9, 2011
I am building a page with a member login system on the home page. I right now have it so that if the user does not enter a password or username it will change a div to block style and show the error at the top of the page. Is it possible to after 5000 msec after returning false to the form, to hide the div again?
User Does Not Enter Username/Pass
Submit Button Pressed
Error Div Is Shown
Form Results False
5000msec Wait
Error Div Is Hidden
I have been trying for a while, but I either have it disappear and the form takes 5 seconds to get its result, or the form returns false and the div does not disappear.
View 1 Replies
View Related
Jan 25, 2011
I have a simple example below showing how when I pass in the value of the value attribute of option node, and then use if operator to check whether parameter is a string or not, even though it's a string, it converts it to false boolean and triggers the else statement rather than calling a function.callback should be a string so why is it saying otherwise?
View 3 Replies
View Related
Apr 4, 2011
my webstie allows users to change the color of the background, so to keep the text readable I have it changing as well.the color picker I am using has text boxes with rgb values 0-255 for each.I am trying to get one bit of text to alternate between red and blue with the conditions
Code:
if(blue>green && blue>red)
{
[code]....
View 2 Replies
View Related
Jun 7, 2010
I am trying to write a function that is being invoked when some one clicks the submit button on the form.<form name="sectionA" action="optionpage.cfm" onSubmit="return abc()">I have three tables with initials textboxes. I want to check if they are empty and return false(stay on the same page), else go to action page.Here is what I am doing, I Created three functions tableA(), tableB(),tableC() call them from function abc(). These functions tableA(), tableB(), tableC() return false if one of the field is empty and stop furthur processing and remain in the same page. If none(errors), then go the other page.i.e if table B has empty fields, page should stop furthur processing and remain in the same page.Here is how I am doing it Can somebody please point out what I am doing wrong here.Even when there is empty field, the code moves me to the actionPage.
View 2 Replies
View Related
Sep 21, 2006
From the common user perspective (like my grandma), why would they care
if its a java applet or an ajax application? Say I want to make a chat
system on my website...If i'm doing really involved Comet push-style
data communication, and rendering everything using DHTML, why would
users prefer that over a java applet?
Moreover, say I use a java applet to transfer data through a socket
connection, then use DHTML to display the data, so that basically the
front end is the same, but the backend is differs, why would a user
prefer the comet-style programming over applet?
I'm asking because I wrote an Ajax chat system through polling, and I
want to switch to a Comet push-style system because polling just isn't
responsive enough. I want to know if I can avoid Comet (since it is
alot of overhead for the server) and just use an applet in the
background to transfer data through socket connections, then use DHTML
to render the chat boxes.
View 8 Replies
View Related
Aug 8, 2010
Have an issue with using $.ajax for requests. If I set async: false it works fine, but sometimes gets cached content. If I add in cache: false then async doesn't work anymore, the next ajax request gets called before the first one finishes.
[Code]...
View 2 Replies
View Related
Dec 11, 2003
I have a DIV that contains some links. I have an onmouseout event handler on the DIV, and I want it triggered only when the mouse leaves the DIV. Since there are Anchors in the DIV, onmouseout events will be generated when the mouse moves from one link to another, and those events will bubble up to the DIV. According to all the documentation that I have read, I should be able to prevent that from happening by having an onmouseout event handler for each of the anchors, and calling event.stopPropagation in the event handler. But it is not working in Mozilla and Opera, the onmouseout still bubbles up from the anchor to the DIV. I have it working in IE, but that is because IE does not support stopPropagation(), and instead uses window.event.cancelBubble=true, which Mozilla and Opera do not support. Code:
View 3 Replies
View Related
Jan 11, 2011
I'm doing a tree-like structure using divs inside divs. I use event.stopPropagation() to stop parent events from firing when clicking inside them. This works just fine in Chrome and Firefox, but in IE8, I get an error message ("Object doesn't support this property or method") and the events propagate to the parents.
[Code]...
This works fine in Firefox and Chrome, but IE8 throws an error on event.stopPropagation(); saying "Object doesn't support this property or method". I have tried passing event as an argument to the function that handles the stopping of propagation but that doesn't help either. What's wrong and how do I fix it?
View 1 Replies
View Related
Dec 13, 2010
I am working on creating a JQuery program that will take an unordered list and dynamically expand it using ajax calls. This is my code:
$(document).ready(function() {
$('.child').click(function(event) {
event.stopPropagation(); var uid = $(this).attr('id').substring(10);
[code]....
View 1 Replies
View Related
Jan 17, 2010
I am trying to accomplish something like this:
<p>
text <a>link</a>
</p>
----
$("p").live("click", ... something cool...);
$("p a").live("click", function(e){e.stopPropagation();});
//so the link is still followed but the click event on the P is not triggered.
This fails since live events bubble differently than bound events. So, what I have to do instead is $("p a").live("click", function(e){return false;}); but then the link is not followed. So, I do $("p a").live("click", function(e) location.href=this.href; return false;}); but then "open in new window" doesn't function correctly. Is there a good way to overcome this limitation/behavior?
View 2 Replies
View Related
Oct 4, 2011
As it is shown in line 2 does everything perfectly, but I must declare the variable outside the function, as it implies the following code (line 1).
marcel
var
wert = "text";
$('#bChange'
).click(function() {
$.ajax({
url:"content/nextpage.php",
type:"POST",
timeout: 5000,
dataType:'html',
cache:false,
data: { rNeuRecht: wert },
success:function
(msg){
$("#leer").html(msg);
}});});
$('#bChange'
).click(function () {
$.ajax({
url:"content/nextpage.php",
type:"POST",
timeout: 5000,
dataType:'html',
cache:false,
data: { rNeuRecht: "text" },
success:function
(msg){
$("#leer"
).html(msg);
}});});
View 1 Replies
View Related
Jan 30, 2011
I'm using jquerytools overlay on a site and i cannot get the overlay (which pulls in content from a url) to center on the page. I simply cannot see why and my brain hurts. I've been trying different things for about a week now to no avail.The url of the site is (and the page in question) http://bruce.ourcollective.eu and the overlays are in the bottom right hand corner of the screen: Credits Contact and Copyright symbol.
View 11 Replies
View Related
May 22, 2002
I have a VERY simple script to reload a page with fresh values when the value of a scroll menu changes. Trouble is, of course, NN 4.- freaks and closes the browser when this runs. No error warning, no error log?
The line..
<select name="Country" size="1" onChange="repopmenu(this,17)">
The script..
<script language="JavaScript">
<!--
function repopmenu(which,key)
{
n = which.value;
var url = ("eventedit.asp?country=" + n + "&key=" + key)
location.href = url;
}
//-->
</script>
View 2 Replies
View Related
Dec 20, 2011
What options do I need to specify for the Validation plugin to simply add the error class to a specified element such as a "required" em that shows all the time. And so on to remove the class when valid.
Say we have a text input that I want to have a red border when not valid and the red border to disappear once valid. So I do not want to generate an error label.
View 3 Replies
View Related
Nov 21, 2011
I am trying to implement my script into Wordpress but for some reasons it just doesn't simply work. And whenever I try to test it online, it doesn't work either.Only when I'm offline does it work.[code]
View 3 Replies
View Related
May 4, 2009
I have a very strange issue which happens only on the Mac/Firefox 2 (and 3 I believe) : [URL] The top left logo (ball) is a simple flash 'spin' animation, that is activated using javascript via the navigation (onmouseover effect). This works fine on Windows - Firefox, IE and Mac - Safari. However on Mac/Firefox, the logo ball on page load simply DOES NOT APPEAR. However, when you simply SCROLL down or if you move your mouse over the navigation (which calls the flash), then the logo appears. Basically, it's really odd because the logo ball is there, but Mac/Firefox does not show it until you do something to the page, like scroll.
View 1 Replies
View Related
Jul 6, 2009
As far as I understood, stopPropagation() is supposed to stop events bubbling 'up' though the element tree (through parent elements). Eg. If I use stopPropagation() on a click event on an anchor element in a list, the event would not be triggered on the list. In my code I have a popup div, that needs to have stopPropagation(), as a click on the document (everywhere other than the popup) will hide it. When I add an element to the popup that has a live click event, the live click event is never called, even though it is a child element of the popup. Shouldn't the live click get called first? If I remove the stopPropagation all is well.. some code:
$('#a_test_link').live("click", function(e){
e.preventDefault();
alert('done!');
});
[Code].....
View 1 Replies
View Related
Feb 15, 2012
I have two grids, they both display buttons. One grid displays numbers, true or false and yes or no, and the other grid displays letters, true, false, yes and no.
The second grid is not displayed in the code (used css to not display second grid buttons (.answerBtns)) Now using the getButtons() function, if the user selects button "1" in first grid (the grid which you have to open using (Open Grid) link, then it should display button "A" in second grid, if user selects button "2" in first grid, then it should displays buttons "A" and "B" in second grid, if "3" then display "A", "B" and "C" and so on.
Now except using if statements and stating which buttons should be displayed and not displayed depending on the button chosen in first grid, is there a more efficent way of coding this so that the display of buttons in second grid depends on what is selected in the first grid?
If it is using an array can somebody show a sample of this in their answer. You can just do it for one example and then I should be able to use that to fill it for the other buttons.
View 1 Replies
View Related
Jul 17, 2011
I have a form button with id="submit". When pressed, ClickGeocode(credentials) is called. This works fine and dandy with: $('submit").click(ClickGeocode) Despite there being no indication that the function takes an argument 'credentials'. So when I want to call the function at some point in my code, I should be able to do something like ClickGeocode(credentials) ... no? However, my issue is that credentials isn't once defined in my code - it is part of Bing Maps function... like so:
function ClickGeocode(credentials)
{
map.getCredentials(MakeGeocodeRequest);
}
So why does it work using .click(), and how can I call the function without user interaction (simply somewhere in my code) even if 'credentials' is not defined?
View 1 Replies
View Related
Nov 28, 2009
I'm trying to get a radio button validation for different sets of radio buttons that simply contains Yes & No buttons.
Here's what I'm trying to do:
Question 1: if Yes, then (Alert 1) if No, then (Alert 2) (if Yes, then Question 2 appears) *Up to here I'm happy- can't figure out the rest*
Question 2: if Yes, then (Alert 1) if No, then (Alert 2) (if Yes, then Question 3 appears)
I need the Alerts to be swapped from this point*
Question 3: if Yes, then (Alert 2) if No, then (Alert 1) (if NO, then Question 4 appears)
Identical for Question 5, and for Last Question 6 Alerts swapped back again.)
Here's the script that I managed to piece together:
View 5 Replies
View Related
Oct 13, 2005
Do you have to use the onClick attrib to have
return false
work?
i.e. is it possible to do
<a href="javascript:somefunct();return false;">
and have the page not reload with 'false' or the browser not complain about
illegal use?
View 2 Replies
View Related
Jan 30, 2006
I have disable my firewall, virus software, google pop up allowed, ie6 popp
up checker disabled.
Is there an other one?
This script tels me :
"Pop-up windows are blocked. Please disable your popup blocker in order to
use the site.". Code:
View 5 Replies
View Related