Re: HTML5 embed element event

Path	csiph.com!xmission!news.snarked.org!news.linkpendium.com!news.linkpendium.com!panix!not-for-mail
From	rcpj@panix.com (Pierre Jelenc)
Newsgroups	comp.lang.javascript
Subject	Re: HTML5 embed element event
Date	Wed, 20 May 2020 01:09:27 +0000 (UTC)
Organization	Public Access Networks Corp.
Lines	55
Message-ID	<ra2007$rjp$1@reader1.panix.com> (permalink)
References	<H9idncZ8Oaal4l7DnZ2dnUU7-XHNnZ2d@westnet.com.au> <XnsABC2B1F64AD18eejj99@194.109.6.166> <ztOdnaMNU77zzlnDnZ2dnUU7-aednZ2d@westnet.com.au> <XnsABC33B2115C9eejj99@194.109.6.166>
NNTP-Posting-Host	panix3.panix.com
X-Trace	reader1.panix.com 1589936967 28281 166.84.1.3 (20 May 2020 01:09:27 GMT)
X-Complaints-To	abuse@panix.com
NNTP-Posting-Date	Wed, 20 May 2020 01:09:27 +0000 (UTC)
X-Newsreader	trn 4.0-test77 (Sep 1, 2010)
Originator	rcpj@panix.com (Pierre Jelenc)
Xref	csiph.com comp.lang.javascript:38422

Show key headers only | View raw

In article <XnsABC33B2115C9eejj99@194.109.6.166>,
Evertjan. <exxjxw.hannivoort@inter.nl.net> wrote:
>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.

How about if you detect the click that way, and trigger a script that 
pushes the transparent div to a negative z-index? Then (if it works) use 
onblur() to bring the div back to the front. (Completely untried...)

Pierre
-- 
Pierre Jelenc	
		The Gigometer		www.gigometer.com
                The NYC Beer Guide      www.nycbeer.org

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