trying to make invisible link still function

On 2008-06-09, alice <alice (AT) fearofdolls (DOT) com> wrote:

On Jun 9, 12:07*am, Adrienne Boswell <arb... (AT) yahoo (DOT) com> wrote:
Gazing into my crystal ball I observed alice <al... (AT) fearofdolls (DOT) com
writing in news:44926f0d-2e09-4f77-b3b8-82e1a58c5123
@u36g2000prf.googlegroups.com:

I'm attempting to create a link that is invisible to the user (there
is a background image that contains a letter in a logo which appears
to the user as the link) but will still be clickable. I have made it a
list item so that it can also act as drop down menu *on hover, and
I've gotten this part to work even with the visibility set to hidden.
But I also want an onClick function, and I'm finding that this only
works when the item is visible.
Here is was I have for this
a href="#" style="visibility:hidden" onClick="swaptext('<p>text text
text text text.</p>'); *return false">A</a

Is there any way to do this?

http://www.cs.tut.fi/~jkorpela/www/links.html

--
Adrienne Boswell at Home
Arbpen Web Site Design Serviceshttp://www.cavalcade-of-coding.info
Please respond to the group so others can share

That's alot of reading, but upon skimming thought it I don't see
anything about how to make a link invisible. Is there anyone who can
help me to answer my question?

Setting opacity: 0 instead of visibility: hidden on the A works in
Firefox and Opera: i.e. you can't see it but can click on it.

Opacity is CSS 3 but more widely supported than bits of CSS 2.1.

On Tue, 10 Jun 2008 02:28:05 -0500, Ben C <spamspam (AT) spam (DOT) eggs> wrote:

On 2008-06-09, alice <alice (AT) fearofdolls (DOT) com> wrote:
On Jun 9, 12:07*am, Adrienne Boswell <arb... (AT) yahoo (DOT) com> wrote:
Gazing into my crystal ball I observed alice <al... (AT) fearofdolls (DOT) com
writing in news:44926f0d-2e09-4f77-b3b8-82e1a58c5123
@u36g2000prf.googlegroups.com:

I'm attempting to create a link that is invisible to the user (there
is a background image that contains a letter in a logo which appears
to the user as the link) but will still be clickable. I have made it a
list item so that it can also act as drop down menu *on hover, and
I've gotten this part to work even with the visibility set to hidden.
But I also want an onClick function, and I'm finding that this only
works when the item is visible.
Here is was I have for this
a href="#" style="visibility:hidden" onClick="swaptext('<p>text text
text text text.</p>'); *return false">A</a

Is there any way to do this?

http://www.cs.tut.fi/~jkorpela/www/links.html

--
Adrienne Boswell at Home
Arbpen Web Site Design Serviceshttp://www.cavalcade-of-coding.info
Please respond to the group so others can share

That's alot of reading, but upon skimming thought it I don't see
anything about how to make a link invisible. Is there anyone who can
help me to answer my question?

Setting opacity: 0 instead of visibility: hidden on the A works in
Firefox and Opera: i.e. you can't see it but can click on it.

Opacity is CSS 3 but more widely supported than bits of CSS 2.1.

That's the better answer .. not easy to click on an invisible object
:-)
And WHY a hidden object should be clickable ?

I did not see the real interest of doing this sort of thing.

You can make also an image of just one pixel - visible - not "opacity
0" clickable ....but you need a good mouse to find this pixel :-)

On Jun 9, 11:39 am, alice <al... (AT) fearofdolls (DOT) com> wrote:

I'm attempting to create a link that is invisible to the user (there
is a background image that contains a letter in a logo which appears
to the user as the link) but will still be clickable. I have made it a
list item so that it can also act as drop down menu on hover, and
I've gotten this part to work even with the visibility set to hidden.
But I also want an onClick function, and I'm finding that this only
works when the item is visible.
Here is was I have for this
a href="#" style="visibility:hidden" onClick="swaptext('<p>text text
text text text.</p>'); return false">A</a

Is there any way to do this?

I am not 100% sure on what you want to do, but perhaps you could
create a link using spaces (&nbsp instead of text, or text with same
colour as background, or a gif image which is completely transparent?

I am sure you have your valid reasons, but curiosity pushes and
prompts me to ask you why you want this?

On Tue, 10 Jun 2008 15:49:36 -0700 (PDT), Disco Octopus wrote:

On Jun 9, 11:39 am, alice <al... (AT) fearofdolls (DOT) com> wrote:
I'm attempting to create a link that is invisible to the user (there
is a background image that contains a letter in a logo which appears
to the user as the link) but will still be clickable. I have made it a
list item so that it can also act as drop down menu on hover, and
I've gotten this part to work even with the visibility set to hidden.
But I also want an onClick function, and I'm finding that this only
works when the item is visible.
Here is was I have for this
a href="#" style="visibility:hidden" onClick="swaptext('<p>text text
text text text.</p>'); return false">A</a

Is there any way to do this?

I am not 100% sure on what you want to do, but perhaps you could
create a link using spaces (&nbsp instead of text, or text with same
colour as background, or a gif image which is completely transparent?

I am sure you have your valid reasons, but curiosity pushes and
prompts me to ask you why you want this?

It's probably something like "functionality through obscurity". :-)

Jonesy
--
Marvin L Jones | jonz | W3DHJ | linux
38.24N 104.55W | @ config.com | Jonesy | OS/2
*** Killfiling google posts: <http://jonz.net/ng.htm>