/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
OnMouseOver til tekstboks
Fra : Christian Aakjær Ole~


Dato : 29-03-06 14:02

Jeg har for nyligt lavet en smart - men enkel - lille profiltekst
(den kan ses her:
http://www.4fun.dk/brugere/profiltekst/default.asp?id=2163517)
Men nu er det på tide at pifte den lidt op (igen).
Min plan er at bruge OnMouseOver (hmm, måske skulle dette emne
ligge under Java) til at ”fremmane” en lille tekstboks med
informationer om mig selv, dér hvor billedet med ringene er
placeret, når cursoren flyttes over ét af ikonerne, og få den til
at forsvinde igen, når musen flyttes væk. Men jeg har ingen
anelse om, hvordan jeg skal få denne kode:
<div style="border: 1px solid black; overflow: auto; width:
200px; background-repeat: no-repeat; height: 200px;
background-color: white;">
<font face="Arial" size="1">En masse dejlige detaljer om
undertegnede</font></div>
listet ind i en OnMouseOver-kode

HJÆLP

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Jens Gyldenkærne Cla~ (29-03-2006)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 29-03-06 14:15

Christian Aakjær Olesen skrev:

> Min plan er at bruge OnMouseOver (hmm, måske skulle dette emne
> ligge under Java)

Nej - onmouseover har intet med java at gøre. Det har til gengæld
en del med javascript at gøre. Javascriptspørgsmål hører hjemme i
gruppen <news:dk.edb.internet.webdesign.clientside>.


> Men jeg har ingen anelse om, hvordan jeg skal få denne kode:
> <div style="border: 1px solid black; overflow: auto; width:
> 200px; background-repeat: no-repeat; height: 200px;
> background-color: white;">
> <font face="Arial" size="1">En masse dejlige detaljer om
> undertegnede</font></div>
> listet ind i en OnMouseOver-kode

Det kan gøres med overLIB: <http://www.bosrup.com/web/overlib/>
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Allan Vebel (29-03-2006)
Kommentar
Fra : Allan Vebel


Dato : 29-03-06 17:00

Christian Aakjær Olesen skrev:

> Min plan er at bruge OnMouseOver

Du kan også skifte billeder ved hjælp af css og a:hover, se
http://html-faq.dk/1012.asp

> en lille tekstboks med informationer om mig selv, dér hvor
> billedet med ringene er placeret, når cursoren flyttes over
> ét af ikonerne, og få den til at forsvinde igen, når musen
> flyttes væk.

Prøv med title!

<a id="billedskift1" href="#" title="En masse dejlige detaljer
om undertegnede"></a>

#billedskift1{
css-regler;
}

--
Allan Vebel
http://html-faq.dk - nu også med rss



Jens Gyldenkærne Cla~ (30-03-2006)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 30-03-06 12:53

Allan Vebel skrev:

> Prøv med title!
>
> <a id="billedskift1" href="#" title="En masse dejlige detaljer
> om undertegnede"></a>

Man skal dog være opmærksom på at Firefox ikke er glad for lange
title-tekster. Så vidt jeg husker er maksimum ca. 90 tegn, og det
er mindre hvis boksen ryger ud af vinduet (FF ombryder ikke title-
teksten).

Samtidig kan en title-tekst ikke styles - om end man kan benytte
javascript til at konvertere title-bokse til (let) stylede bokse:
<http://www.kryogenix.org/code/browser/nicetitle/>. Det script
fungerer til gengæld ikke i Opera.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Christian Aakjær Ole~ (17-04-2006)
Kommentar
Fra : Christian Aakjær Ole~


Dato : 17-04-06 20:17

Kan I komme med nogle hurtige eksempler?

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Erik Ginnerskov (17-04-2006)
Kommentar
Fra : Erik Ginnerskov


Dato : 17-04-06 21:36

Christian Aakjær Olesen wrote:
> Kan I komme med nogle hurtige eksempler?

Når du slet ikke citerer noget, er det svært at gætte præcist hvad du ønsker
hurtige eksempler på.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk/ - http://ginnerskov.dk/
http://html-faq.dk/



Allan Vebel (17-04-2006)
Kommentar
Fra : Allan Vebel


Dato : 17-04-06 23:57

Christian Aakjær Olesen skrev:

> Kan I komme med nogle hurtige eksempler?

Jeg kom da med et hurtigt eksempel, what else do
you need?

--
Allan Vebel
http://html-faq.dk



Christian Aakjær Ole~ (18-04-2006)
Kommentar
Fra : Christian Aakjær Ole~


Dato : 18-04-06 11:15


> Prøv med title!
>
> <a id="billedskift1" href="#" title="En masse dejlige detaljer
> om undertegnede"></a>
>
> #billedskift1{
> css-regler;
> }

Kan I/du komme med et eksempel på, hvordan det kan gøres, så jeg
samtidig opnår den effekt, jeg ønsker?

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Søg
Reklame
Statistik
Spørgsmål : 177558
Tips : 31968
Nyheder : 719565
Indlæg : 6408929
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste