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


Groups > comp.lang.javascript > #38420

Re: HTML5 embed element event

Newsgroups comp.lang.javascript
Subject Re: HTML5 embed element event
From "Evertjan." <exxjxw.hannivoort@inter.nl.net>
References <H9idncZ8Oaal4l7DnZ2dnUU7-XHNnZ2d@westnet.com.au> <XnsABC2B1F64AD18eejj99@194.109.6.166> <ztOdnaMNU77zzlnDnZ2dnUU7-aednZ2d@westnet.com.au>
Date 2020-05-20 00:21 +0200
Message-ID <XnsABC33B2115C9eejj99@194.109.6.166> (permalink)

Show all headers | View raw


Andrew Poulos <ap_prog@hotmail.com> wrote on 19 May 2020 in
comp.lang.javascript: 

> On 20/05/2020 1:29 am, Evertjan. wrote:
>> Andrew Poulos <ap_prog@hotmail.com> wrote on 19 May 2020 in
>> comp.lang.javascript:
>> 
>>> I have a HTML5 page which includes this
>>>
>>> <embed id="pdf" src="sample.pdf" type="application/pdf"
>>> title="Sample"> 
>>>
>>> CSS positions and sizes the element.
>>>
>>> What I need to do is to know when a user has selected it eg clicked it
>>> with a mouse. While Dr Google suggests that embed elements support
>>> events it may just be media events because I can't get it to respond
>>> to a click event. How can the parent window know when an embed has
>>> been clicked?
>> 
>> You can set a transparent div in front of it,
>> and do an onclick on tha.
>> You will lose the ability to select text in the embedded page.
>> 
>> <style>
>>    div {position:relative;width:300px;height:200px;border:2px black
>>    solid;} embed {background:#eef;}
>>    embed, div div
>>    {position:absolute;width:300px;height:200px;border:0;} 
>> </style>
>> 
>> <div>
>> <embed src="test.txt">
>> <div onclick='alert("clicked");'></div>
>> </div>
> 
> It's nice idea but as it's a PDF I'd expect users to want to interact 
> with it.

Your expectations are irreal.

You can't have it both ways, detecting a mouseclick, 
and having mouseclicks going on to the pdf.
 
> Andrew Poulos
> 



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

Back to comp.lang.javascript | Previous | Next — Previous in thread | Next in thread | Find similar | Unroll thread


Thread

HTML5 embed element event Andrew Poulos <ap_prog@hotmail.com> - 2020-05-19 16:39 +1000
  Re: HTML5 embed element event "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2020-05-19 17:29 +0200
    Re: HTML5 embed element event Andrew Poulos <ap_prog@hotmail.com> - 2020-05-20 07:45 +1000
      Re: HTML5 embed element event "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2020-05-20 00:21 +0200
        Re: HTML5 embed element event rcpj@panix.com (Pierre Jelenc) - 2020-05-20 01:09 +0000
          Re: HTML5 embed element event Andrew Poulos <ap_prog@hotmail.com> - 2020-05-20 18:36 +1000
          Re: HTML5 embed element event "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2020-05-20 12:36 +0200
  Re: HTML5 embed element event "Michael Haufe (TNO)" <tno@thenewobjective.com> - 2020-05-19 17:21 -0700
    Re: HTML5 embed element event Andrew Poulos <ap_prog@hotmail.com> - 2020-05-20 18:43 +1000
  Re: HTML5 embed element event Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2020-05-21 17:15 +0200
    Re: HTML5 embed element event "Michael Haufe (TNO)" <tno@thenewobjective.com> - 2020-05-21 08:55 -0700
      Re: HTML5 embed element event "Michael Haufe (TNO)" <tno@thenewobjective.com> - 2020-05-21 08:57 -0700
        Re: HTML5 embed element event Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2020-05-21 18:53 +0200
          Re: HTML5 embed element event "Michael Haufe (TNO)" <tno@thenewobjective.com> - 2020-05-21 11:00 -0700
            Re: HTML5 embed element event Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2020-05-21 21:50 +0200
              Re: HTML5 embed element event Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2020-05-21 22:03 +0200
              Re: HTML5 embed element event "Michael Haufe (TNO)" <tno@thenewobjective.com> - 2020-05-21 15:25 -0700
                Re: HTML5 embed element event Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2020-05-23 03:06 +0200

csiph-web