Rocksolid Light

Welcome to novaBBS (click a section below)

mail  files  register  newsreader  groups  login

Message-ID:  

We have a equal opportunity Calculus class -- it's fully integrated.


devel / alt.html / Re: mouseover help

SubjectAuthor
* mouseover helpsuper70s
`* Re: mouseover helpApd
 `- Re: mouseover helpsuper70s

1
mouseover help

<super70s-BBBC43.23205719052023@reader.eternal-september.org>

 copy mid

https://www.novabbs.com/devel/article-flat.php?id=742&group=alt.html#742

 copy link   Newsgroups: comp.infosystems.www.authoring.html alt.html
Path: i2pn2.org!i2pn.org!eternal-september.org!news.eternal-september.org!.POSTED!not-for-mail
From: super...@super70s.invalid (super70s)
Newsgroups: comp.infosystems.www.authoring.html,alt.html
Subject: mouseover help
Date: Fri, 19 May 2023 23:20:57 -0500
Organization: A noiseless patient Spider
Lines: 11
Message-ID: <super70s-BBBC43.23205719052023@reader.eternal-september.org>
Injection-Info: dont-email.me; posting-host="ec340cd94f4b8df79128e7586d2d96b2";
logging-data="1040153"; mail-complaints-to="abuse@eternal-september.org"; posting-account="U2FsdGVkX1+M5Cn7W5UGmcMkUu5VTh4p95mSy0l84Fs="
User-Agent: MT-NewsWatcher/3.5.3b3 (PPC Mac OS X)
Cancel-Lock: sha1:h5H52CGQoRlDli9nt50kKzDWr0o=
X-No-Archive: yes
 by: super70s - Sat, 20 May 2023 04:20 UTC

I thought it would be cool to do a mouseover on the old "Faces - Ooh La
La" album cover so when the mouseover happens it emulates the actual
album cover. I was successful in setting up the pic at the top, but
since it probably wouldn't be obvious to the user, I'd like to be able
to make the text in the body that says "maneuvered so the eyes and mouth
moved" do the emulation when the user clicks that. Can't quite figure
out how to make that happen.

Hope I've explained myself clearly, I appreciate any help.

https://www.superseventies.com/ac17oohlala.html

Re: mouseover help

<u4ae1u$12j7m$1@apd.eternal-september.org>

 copy mid

https://www.novabbs.com/devel/article-flat.php?id=743&group=alt.html#743

 copy link   Newsgroups: comp.infosystems.www.authoring.html alt.html
Path: i2pn2.org!i2pn.org!eternal-september.org!news.eternal-september.org!apd.eternal-september.org!.POSTED!not-for-mail
From: not...@all.invalid (Apd)
Newsgroups: comp.infosystems.www.authoring.html,alt.html
Subject: Re: mouseover help
Date: Sat, 20 May 2023 13:21:38 +0100
Organization: ad hoc
Lines: 29
Message-ID: <u4ae1u$12j7m$1@apd.eternal-september.org>
References: <super70s-BBBC43.23205719052023@reader.eternal-september.org>
Injection-Date: Sat, 20 May 2023 12:22:22 -0000 (UTC)
Injection-Info: apd.eternal-september.org; posting-host="daa5136aeac25ddc875adcaceab31618";
logging-data="1133814"; mail-complaints-to="abuse@eternal-september.org"; posting-account="U2FsdGVkX1+jJVBvt5sGz7z2p/cIVRNh"
Cancel-Lock: sha1:64oDiEjeT7HKAsoZFSY30D4kSC8=
X-MimeOLE: Produced By Microsoft MimeOLE V6.00.2900.5512
X-RFC2646: Format=Flowed; Original
X-Newsreader: Microsoft Outlook Express 6.00.2900.5512
X-Priority: 3
X-MSMail-Priority: Normal
 by: Apd - Sat, 20 May 2023 12:21 UTC

"super70s" wrote:
> I thought it would be cool to do a mouseover on the old "Faces - Ooh La
> La" album cover so when the mouseover happens it emulates the actual
> album cover. I was successful in setting up the pic at the top, but
> since it probably wouldn't be obvious to the user, I'd like to be able
> to make the text in the body that says "maneuvered so the eyes and mouth
> moved" do the emulation when the user clicks that. Can't quite figure
> out how to make that happen.
>
> Hope I've explained myself clearly, I appreciate any help.
>
> https://www.superseventies.com/ac17oohlala.html

Firstly, your image width contains a misplaced quote before "width=".

Here's one way. Give your img tag an id and put a span around the word
to be clicked with a suitable event handler like so:

<img id="ac" ... >

<span onclick="document.getElementById('ac').src='img2.gif'">maneuvered</span>

You could also have an onmouseout to reset it. You probably want to
indicate the word is clickable by, say, changing the mouse pointer in
the span:

style="cursor:pointer"

Re: mouseover help

<super70s-ABAC14.11315920052023@reader.eternal-september.org>

 copy mid

https://www.novabbs.com/devel/article-flat.php?id=744&group=alt.html#744

 copy link   Newsgroups: comp.infosystems.www.authoring.html alt.html
Path: i2pn2.org!i2pn.org!eternal-september.org!news.eternal-september.org!.POSTED!not-for-mail
From: super...@super70s.invalid (super70s)
Newsgroups: comp.infosystems.www.authoring.html,alt.html
Subject: Re: mouseover help
Date: Sat, 20 May 2023 11:31:59 -0500
Organization: A noiseless patient Spider
Lines: 38
Message-ID: <super70s-ABAC14.11315920052023@reader.eternal-september.org>
References: <super70s-BBBC43.23205719052023@reader.eternal-september.org> <u4ae1u$12j7m$1@apd.eternal-september.org>
Injection-Info: dont-email.me; posting-host="ec340cd94f4b8df79128e7586d2d96b2";
logging-data="1187257"; mail-complaints-to="abuse@eternal-september.org"; posting-account="U2FsdGVkX19Hyaw3VYeJ0Tk7PzgtgdbZaAVuYSkl9uY="
User-Agent: MT-NewsWatcher/3.5.3b3 (PPC Mac OS X)
Cancel-Lock: sha1:1z8p5bYSU0ddAysdN1vZioEFHmg=
X-No-Archive: yes
 by: super70s - Sat, 20 May 2023 16:31 UTC

In article <u4ae1u$12j7m$1@apd.eternal-september.org>,
"Apd" <not@all.invalid> wrote:

> "super70s" wrote:
> > I thought it would be cool to do a mouseover on the old "Faces - Ooh La
> > La" album cover so when the mouseover happens it emulates the actual
> > album cover. I was successful in setting up the pic at the top, but
> > since it probably wouldn't be obvious to the user, I'd like to be able
> > to make the text in the body that says "maneuvered so the eyes and mouth
> > moved" do the emulation when the user clicks that. Can't quite figure
> > out how to make that happen.
> >
> > Hope I've explained myself clearly, I appreciate any help.
> >
> > https://www.superseventies.com/ac17oohlala.html
>
> Firstly, your image width contains a misplaced quote before "width=".
>
> Here's one way. Give your img tag an id and put a span around the word
> to be clicked with a suitable event handler like so:
>
> <img id="ac" ... >
>
> <span
> onclick="document.getElementById('ac').src='img2.gif'">maneuvered</span>
>
> You could also have an onmouseout to reset it. You probably want to
> indicate the word is clickable by, say, changing the mouse pointer in
> the span:
>
> style="cursor:pointer"

I have it working exactly like I wanted, way cool!

I also put simple <u></u> tags outside mouseover code in the text to
make it obvious to the user.

Many thanks for your help friend.

1
server_pubkey.txt

rocksolid light 0.9.7
clearnet tor