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

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

Obscure a button ?

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

Contents

  Obscure a button ? "Mel Smith" <med_cutout_syntel@aol.com> - 2014-01-23 14:35 -0700
    Re: Obscure a button ? "Mel Smith" <med_cutout_syntel@aol.com> - 2014-01-23 14:46 -0700
      Re: Obscure a button ? "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2014-01-23 23:44 +0100
        Re: Obscure a button ? "Mel Smith" <med_cutout_syntel@aol.com> - 2014-01-23 17:23 -0700
          Re: Obscure a button ? "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2014-01-24 09:29 +0100
            Re: Obscure a button ? "Mel Smith" <med_cutout_syntel@aol.com> - 2014-01-24 10:25 -0700
    Re: Obscure a button ? Christoph Michael Becker <cmbecker69@arcor.de> - 2014-01-24 19:41 +0100
      Re: Obscure a button ? Christoph Michael Becker <cmbecker69@arcor.de> - 2014-01-24 20:21 +0100
        Re: Obscure a button ? "Mel Smith" <med_cutout_syntel@aol.com> - 2014-01-24 17:47 -0700

#22765 — Obscure a button ?

Hi:

    Using JS/ES, I would like to 'obscure' a button in the empty are of a 
page that only *I* can easily locate and click on. If the user glides over 
the button, I don't want any hint of this button to show up.

    So, given an  <input.type="button" />, how does one define its CSS 
characteristics so that it is active/enabled and ready to be clicked but not 
seen ?

Thanks,

-- 
Mel Smith

[toc] | [next] | [standalone]

#22766

I said:

>    So, given an  <input.type="button" />, how does one define its CSS 
> characteristics so that it is active/enabled and ready to be clicked but 
> not seen ?

Hi:

    This is not generally a CSS question.  I will be using JS/ES for the 
onclick action of this button. It is in the onclick function of this button 
that I'll be taking other actions.  But, I need the style-wise stuff to 
obscure the button to begin with.

-Mel

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

#22767

"Mel Smith" <med_cutout_syntel@aol.com> wrote on 23 jan 2014 in
comp.lang.javascript: 

> I said:
> 
>>    So, given an  <input.type="button" />, how does one define its CSS 
>> characteristics so that it is active/enabled and ready to be clicked
>> but not seen ?
> 
> Hi:
> 
>     This is not generally a CSS question.  I will be using JS/ES for the
> onclick action of this button. It is in the onclick function of this
> button that I'll be taking other actions.  But, I need the style-wise
> stuff to obscure the button to begin with.

A button you cannot see is not a button,
it is like an invisible image showing a mountain.

<div style = 'background-color:transparent;
              width:50px;height:20px;z-index:1234;
              position:absolute;left:200px;top:100px;'
     onclick = 'alert("You found me.")'>
</div>

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

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

#22772

Evertjan said:

> A button you cannot see is not a button,
> it is like an invisible image showing a mountain.
>
> <div style = 'background-color:transparent;
>              width:50px;height:20px;z-index:1234;
>              position:absolute;left:200px;top:100px;'
>     onclick = 'alert("You found me.")'>
> </div>

Hi Evertjan::

    I'll test that tomorrow.

Thank you !

-Mel

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

#22773

"Mel Smith" <med_cutout_syntel@aol.com> wrote on 24 jan 2014 in 
comp.lang.javascript:
> Evertjan said:
> 
>> A button you cannot see is not a button,
>> it is like an invisible image showing a mountain.
>>
>> <div style = 'background-color:transparent;
>>              width:50px;height:20px;z-index:1234;
>>              position:absolute;left:200px;top:100px;'
>>     onclick = 'alert("You found me.")'>
>> </div>
> 
> Hi Evertjan::
> 
>     I'll test that tomorrow.

I don't know what is ment by "tomorrow" in this global NG,
me posting shortly before midnight, 23:44:15 +0100, my time.

============================

It would be damned difficult to test without a temporary borderline,
even for the borderliners on this NG.

<div style = 'background-color:transparent;
             width:50px;height:20px;z-index:1234;
             position:absolute;left:200px;top:100px;
             border:dotted 1px #777;'
    onclick = 'alert("You found me.")'>
</div>

=============================

An alternative is to use an image,
now I use a minute change to the cursor as a mouseover-hint:

<img src='mountain.gif'
        style = 'opacity:0;
             filter:alpha(opacity=0); /* for MSIE8 or older */
             width:50px;height:20px;z-index:1234;
             position:absolute;left:200px;top:100px;
             cursor:alias;'
    onclick = 'alert("You found the nonexistant mountain.")'>

there even being no absolute need for mountain.gif to exist,
but that most consoles will throw an image-not-found error.

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

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

#22775

Hi Evertjan:

    I tried to send you an email message with an attached file but your 
email address was rejected.

    (i.e., e..j.w.hannivoort@inter.nl.net )

    Anyway, your <div> solution worked perfectly.

Thank you !

-Mel

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

#22776

Mel Smith wrote:

>     Using JS/ES, I would like to 'obscure' a button in the empty are of a 
> page that only *I* can easily locate and click on. If the user glides over 
> the button, I don't want any hint of this button to show up.
> 
>     So, given an  <input.type="button" />, how does one define its CSS 
> characteristics so that it is active/enabled and ready to be clicked but not 
> seen ?

I would try to avoid that.  Even if the button is invisible a user could
accidentially click it, the user could have CSS turned off (or using his
own styles), and at least the button will show up in the HTML source
code, where a user could find out what the button is doing and trigger
that by other means.

As I understand it, you're generating your website dynamically.  This
offers any easy opportunity to include the button in a document only if
some special condition is met, e.g. if the requester has a specific IP
address.  If your IP doesn't change too often, you can use a simple
check.  Another option might be check for a certain cookie which you can
set for your browser(s) only.  Note, that both methods are still
"vulnerable", but depending on your purpose either may suffice.

Anyway, none of this is OT in this newsgroup.  For CSS related questions
you might consult comp.infosystems.www.authoring.stylesheets, for server
side processing a newsgroup which deals with your language (XHarbor,
IIRC) resp. something more general (comp.infosystems.www.authoring.misc?).

-- 
Christoph M. Becker

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

#22777

Christoph Michael Becker wrote:

> Anyway, none of this is OT in this newsgroup.

Actually, I meant OnT (=on topic), not OT (= off topic).

-- 
Christoph M. Becker

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

#22781

Christoph said:

>> Anyway, none of this is OT in this newsgroup.
>
> Actually, I meant OnT (=on topic), not OT (= off topic).
>

Hi Christoph:

    I responded to your post by email (with an attachment)

Thanks.

-Mel

[toc] | [prev] | [standalone]

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

csiph-web