Groups | Search | Server Info | Keyboard shortcuts | Login | Register [http] [https] [nntp] [nntps]

Groups > comp.lang.javascript > #32259 > unrolled thread

Having to click TWICE for event

Back to article view | Back to comp.lang.javascript

Contents

  Having to click TWICE for event bit-naughty@hotmail.com - 2017-01-22 22:55 -0800
    Re: Having to click TWICE for event Maik Koenig <usenetspam@maikkoenig.de> - 2017-01-23 09:08 +0100
      Re: Having to click TWICE for event bit-naughty@hotmail.com - 2017-01-23 10:47 -0800
        Re: Having to click TWICE for event Maik Koenig <usenetspam@maikkoenig.de> - 2017-01-23 22:45 +0100
          Re: Having to click TWICE for event bit-naughty@hotmail.com - 2017-01-24 06:00 -0800
            Re: Having to click TWICE for event Ram Tobolski <ramtob@gmail.com> - 2017-01-24 10:27 -0800
              Re: Having to click TWICE for event jonas.thornvall@gmail.com - 2017-01-24 10:55 -0800
              Re: Having to click TWICE for event bit-naughty@hotmail.com - 2017-01-24 11:05 -0800
                Re: Having to click TWICE for event Ram Tobolski <ramtob@gmail.com> - 2017-01-24 13:10 -0800
                  Re: Having to click TWICE for event bit-naughty@hotmail.com - 2017-01-24 22:56 -0800
                    Re: Having to click TWICE for event Maik Koenig <usenetspam@maikkoenig.de> - 2017-01-25 11:55 +0100
                      Re: Having to click TWICE for event bit-naughty@hotmail.com - 2017-01-25 07:03 -0800
                        Re: Having to click TWICE for event bit-naughty@hotmail.com - 2017-01-26 23:59 -0800
                    Re: Having to click TWICE for event Ram Tobolski <ramtob@gmail.com> - 2017-01-25 11:05 -0800
                  Re: Having to click TWICE for event bit-naughty@hotmail.com - 2017-01-24 23:25 -0800
                    Re: Having to click TWICE for event Maik Koenig <usenetspam@maikkoenig.de> - 2017-01-25 11:57 +0100
                    Re: Having to click TWICE for event Ram Tobolski <ramtob@gmail.com> - 2017-01-25 11:14 -0800
              Re: Having to click TWICE for event Cezary Tomczyk <cezary.tomczyk@gmail.com> - 2017-01-24 21:41 +0100
                Re: Having to click TWICE for event Ram Tobolski <ramtob@gmail.com> - 2017-01-24 13:13 -0800
                Re: Having to click TWICE for event "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2017-01-24 23:46 +0100
                  Re: Having to click TWICE for event Cezary Tomczyk <cezary.tomczyk@gmail.com> - 2017-01-25 00:20 +0100
                    Re: Having to click TWICE for event "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2017-01-25 11:19 +0100
                Re: Having to click TWICE for event bit-naughty@hotmail.com - 2017-01-24 23:00 -0800
                  Re: Having to click TWICE for event Cezary Tomczyk <cezary.tomczyk@gmail.com> - 2017-01-25 09:32 +0100
                    Re: Having to click TWICE for event bit-naughty@hotmail.com - 2017-01-25 07:05 -0800
                      Re: Having to click TWICE for event bit-naughty@hotmail.com - 2017-01-26 23:58 -0800
                        Re: Having to click TWICE for event Cezary Tomczyk <cezary.tomczyk@gmail.com> - 2017-01-27 12:48 +0100
                          Re: Having to click TWICE for event Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2017-01-27 13:13 +0100
                Re: Having to click TWICE for event bit-naughty@hotmail.com - 2017-01-24 23:03 -0800
                  Re: Having to click TWICE for event "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2017-01-25 11:21 +0100
                    Re: Having to click TWICE for event bit-naughty@hotmail.com - 2017-01-25 07:10 -0800
                      Re: Having to click TWICE for event "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2017-01-25 17:42 +0100

Page 1 of 2  [1] 2  Next page →

#32259 — Having to click TWICE for event

..I have a link on my webpage, upon clicking of which, I want some stuff to happen (without a refresh, ie. on THAT page). This is my code:

<div id="myid" align="center">
			<a href='javascript:document.getElementById("myid").addEventListener("click", function(event) {
	event.preventDefault();
alert("clicked");
	}


Now when I click, nothing happens! Then if I click AGAIN, the "clicked" box pops up! - I want it to popup on the FIRST click, obviously. What's going wrong?



Thanks.

[toc] | [next] | [standalone]

#32260

Am 23.01.2017 um 07:55 schrieb bit-naughty@hotmail.com:
> ...I have a link on my webpage, upon clicking of which, I want some
> stuff to happen (without a refresh, ie. on THAT page). This is my
> code:
> 
> <div id="myid" align="center"> <a
> href='javascript:document.getElementById("myid").addEventListener("click",
> function(event) { event.preventDefault(); alert("clicked"); }
> 
> 
> Now when I click, nothing happens! Then if I click AGAIN, the
> "clicked" box pops up! - I want it to popup on the FIRST click,
> obviously. What's going wrong?

First click: Add eventlistener. Second click: ...

Solution:

<body onload="....

Greetz,
MK
-- 
Kopp-Verlag-Gläubige, Religionsdeppen, rechte Vollidioten
 und ähnlicher Bio-Abfall werden ohne Hinweis ignoriert!

[toc] | [prev] | [next] | [standalone]

#32273

On Monday, January 23, 2017 at 2:08:40 AM UTC-6, Maik Koenig wrote:

> 
> First click: Add eventlistener. Second click: ...
> 
> Solution:
> 
> <body onload="....
> 


Ahh got you.  Sorry - body onload=WHAT? (I'm new to this.) addEventListener?

[toc] | [prev] | [next] | [standalone]

#32281

Am 23.01.2017 um 19:47 schrieb bit-naughty@hotmail.com:
> On Monday, January 23, 2017 at 2:08:40 AM UTC-6, Maik Koenig wrote:
> 
>> 
>> First click: Add eventlistener. Second click: ...
>> 
>> Solution:
>> 
>> <body onload="....
>> 
> 
> 
> Ahh got you.  Sorry - body onload=WHAT? (I'm new to this.) addEventListener?
> 

Yes.

Greetz,
MK
-- 
Kopp-Verlag-Gläubige, Religionsdeppen, rechte Vollidioten
 und ähnlicher Bio-Abfall werden ohne Hinweis ignoriert!

[toc] | [prev] | [next] | [standalone]

#32296

On Monday, January 23, 2017 at 3:53:30 PM UTC-6, Maik Koenig wrote:

> 
> Yes.
> 

And then how do you code the link?

[toc] | [prev] | [next] | [standalone]

#32304

>And then how do you code the link? 

Hi. You don't need the link (<a>), just the <div>. You are registering a listener to clicks on the <div>

[toc] | [prev] | [next] | [standalone]

#32305

Den tisdag 24 januari 2017 kl. 19:27:56 UTC+1 skrev Ram Tobolski:
> >And then how do you code the link? 
> 
> Hi. You don't need the link (<a>), just the <div>. You are registering a listener to clicks on the <div>

Well i also have to click twice but that is not the problem because part of the code is executed.

[toc] | [prev] | [next] | [standalone]

#32306

On Tuesday, January 24, 2017 at 12:27:56 PM UTC-6, Ram Tobolski wrote:
> >And then how do you code the link? 
> 
> Hi. You don't need the link (<a>), just the <div>. You are registering a listener to clicks on the <div>

Ahh yes, you're right! :)

Can you help me out with coding the <body onload part? I'm not sure of the syntax....


Btw, what's a good forum to ask CSS questions?

[toc] | [prev] | [next] | [standalone]

#32311

>Can you help me out with coding the <body onload part? I'm not sure of the syntax....

Sure. You can just locate a <script> at the end of the <body>. See:

https://jsbin.com/ruradev/edit?html

>Btw, what's a good forum to ask CSS questions? 

Here is one:

https://groups.google.com/forum/#!forum/comp.infosystems.www.authoring.stylesheets

[toc] | [prev] | [next] | [standalone]

#32324

On Tuesday, January 24, 2017 at 3:10:28 PM UTC-6, Ram Tobolski wrote:
> >Can you help me out with coding the <body onload part? I'm not sure of the syntax....
> 
> Sure. You can just locate a <script> at the end of the <body>. See:
> 
> https://jsbin.com/ruradev/edit?html


Ah thanks for that, Ram. But that doesn't have a "onload" anywhere....? What was Maik Koenig meaning??

[toc] | [prev] | [next] | [standalone]

#32336

Am 25.01.2017 um 07:56 schrieb bit-naughty@hotmail.com:
> On Tuesday, January 24, 2017 at 3:10:28 PM UTC-6, Ram Tobolski wrote:
>> >Can you help me out with coding the <body onload part? I'm not sure of the syntax....
>> 
>> Sure. You can just locate a <script> at the end of the <body>. See:
>> 
>> https://jsbin.com/ruradev/edit?html
> 
> 
> Ah thanks for that, Ram. But that doesn't have a "onload" anywhere....? What was Maik Koenig meaning??
> 
> amai liu

<body onload="f();">

<script>
function a() {
      document.getElementById('myid').addEventListener('click, 		
	function(event) {
	event.preventDefault();
	alert('clicked');
};
</script>



http://www.w3schools.com/jsref/event_onload.asp

Greetz,
MK
-- 
Kopp-Verlag-Gläubige, Religionsdeppen, rechte Vollidioten
 und ähnlicher Bio-Abfall werden ohne Hinweis ignoriert!

[toc] | [prev] | [next] | [standalone]

#32339

On Wednesday, January 25, 2017 at 5:00:13 AM UTC-6, Maik Koenig wrote:

> 
> <body onload="f();">
> 
> <script>
> function a() {
>       document.getElementById('myid').addEventListener('click, 		
> 	function(event) {
> 	event.preventDefault();
> 	alert('clicked');
> };
> </script>

Ummm.... surely you mean function f()  ...?

[toc] | [prev] | [next] | [standalone]

#32365

> Ummm.... surely you mean function f()  ...?

Well? - It *is* f() ,right?

[toc] | [prev] | [next] | [standalone]

#32345

> https://jsbin.com/ruradev/edit?html 

>Ah thanks for that, Ram. But that doesn't have a "onload" anywhere....? What was Maik Koenig meaning?? 

Maik already answered. I'll just add that as usual there is more than one way to get the objective. Using "onload" is a bit older way, less used today.

[toc] | [prev] | [next] | [standalone]

#32327

On Tuesday, January 24, 2017 at 3:10:28 PM UTC-6, Ram Tobolski wrote:
> >Can you help me out with coding the <body onload part? I'm not sure of the syntax....
> 
> Sure. You can just locate a <script> at the end of the <body>. See:
> 
> https://jsbin.com/ruradev/edit?html
> 


Hey I just tried it - it works fine, but the cursor doesn't change to a hand when it's over the text in the div, i.e. the user won't know it's clickable. How do I do that?

[toc] | [prev] | [next] | [standalone]

#32335

Am 25.01.2017 um 08:25 schrieb bit-naughty@hotmail.com:
> On Tuesday, January 24, 2017 at 3:10:28 PM UTC-6, Ram Tobolski
> wrote:
>>> Can you help me out with coding the <body onload part? I'm not
>>> sure of the syntax....
>> 
>> Sure. You can just locate a <script> at the end of the <body>.
>> See:
>> 
>> https://jsbin.com/ruradev/edit?html
>> 
> 
> 
> Hey I just tried it - it works fine, but the cursor doesn't change to
> a hand when it's over the text in the div, i.e. the user won't know
> it's clickable. How do I do that?
> 

http://www.w3schools.com/cssref/pr_class_cursor.asp

Greetz,
MK
-- 
Kopp-Verlag-Gläubige, Religionsdeppen, rechte Vollidioten
 und ähnlicher Bio-Abfall werden ohne Hinweis ignoriert!

[toc] | [prev] | [next] | [standalone]

#32346

 
> 
> https://jsbin.com/ruradev/edit?html 
>
>Hey I just tried it - it works fine, but the cursor doesn't change to a hand when it's over the text in the div, i.e. the user won't know it's clickable. How do I do that? 

You add a style definition. I updated the linked example.

#myId {cursor: pointer}

[toc] | [prev] | [next] | [standalone]

#32310

On 24/01/2017 19:27, Ram Tobolski wrote:
>> And then how do you code the link?
>
> Hi. You don't need the link (<a>), just the <div>. You are registering a listener to clicks on the <div>

That's not a good idea as the <div> itself is not focusable and the user 
will not be able to reach this button using keyboard. Except when you 
add attribute tabindex="0", but I'd rather not use <div> with click 
event instead use natively focusable <a> HTML element.

-- 
Cezary Tomczyk
http://www.ctomczyk.pl/
https://www.aslint.org/ - Accessibility linting tool

[toc] | [prev] | [next] | [standalone]

#32312

>That's not a good idea as the <div> itself is not focusable and the user
will not be able to reach this button using keyboard. Except when you
add attribute tabindex="0", but I'd rather not use <div> with click
event instead use natively focusable <a> HTML element.

Good point

[toc] | [prev] | [next] | [standalone]

#32316

Cezary Tomczyk <cezary.tomczyk@gmail.com> wrote on 24 Jan 2017 in
comp.lang.javascript: 

> On 24/01/2017 19:27, Ram Tobolski wrote:
>>> And then how do you code the link?
>>
>> Hi. You don't need the link (<a>), just the <div>. You are registering
>> a listener to clicks on the <div> 
> 
> That's not a good idea as the <div> itself is not focusable and the user
> will not be able to reach this button using keyboard. Except when you 
> add attribute tabindex="0", but I'd rather not use <div> with click 
> event instead use natively focusable <a> HTML element.

Methinks, Cezary, it is a quite marvelous idea for programmers who are 
painfully aware of their own limitations in sofar as to add a "return 
false;" at the end of their listener codes, their focus on focusability 
rather being of another kind.

-- 
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)

[toc] | [prev] | [next] | [standalone]

Page 1 of 2  [1] 2  Next page →

Back to top | Article view | comp.lang.javascript

csiph-web