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>
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

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