/ 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
Mouseover-effekt
Fra : jakiil


Dato : 08-10-02 19:37

Hej

Jeg håber at der er nogle der kan hjælpe mig, nu har jeg arbejdet på
noget hele natten og dagen uden held, kan I hjælpe?

Jeg er ved at lave en hjemmeside, hvor der på flere af siderne er en
liste med 5-6 link (til underlæggende sider) under hinanden.
Linkene er sat op i en tabel, nu kommer problemet: Under tabellen vil
jeg gerne kunne lave 2-3 linier med tekst der beskriver det link musen
er over, dvs. at teksten skal skifte alt efter hvilket link musen
befinder sig over, og at teksten evt. skal forsvinde når musen ikke er
over et link (det sidste er ikke så nødvendigt).

Kan I følge mig?

Håber at I kan hjælpe

Funktionen skal virke både i Explorer og Netscape

--
Leveret af:
http://www.kandu.dk/
"Vejen til en hurtig løsning"


 
 
Claus Sørensen (08-10-2002)
Kommentar
Fra : Claus Sørensen


Dato : 08-10-02 19:52

jakiil wrote:

> Jeg håber at der er nogle der kan hjælpe mig, nu har jeg arbejdet på
> noget hele natten og dagen uden held, kan I hjælpe?
>
> Jeg er ved at lave en hjemmeside, hvor der på flere af siderne er en
> liste med 5-6 link (til underlæggende sider) under hinanden.
> Linkene er sat op i en tabel, nu kommer problemet: Under tabellen vil
> jeg gerne kunne lave 2-3 linier med tekst der beskriver det link musen
> er over, dvs. at teksten skal skifte alt efter hvilket link musen
> befinder sig over, og at teksten evt. skal forsvinde når musen ikke er
> over et link (det sidste er ikke så nødvendigt).

Hvis det ikke skal bestå af flere linjer, så er det bedst at benytte
attributten title:

<a href="ensiden.html" title="En længere beskrivelse..." ...

Så behøver du heller ikke at bekymre dig om, om JavaScriptet kan forstås af
de forskellige browsere -og fungere også på dem, som ikke har JavaScript
(slået til).

De herligste hilsner
--
| Claus Sørensen | Jeg vil leve i en verden, hvor al kommunikation
|--------------------| er baseret på frie og åbne standarder, så enhver
| cs@chbs.dk | har friheden til at vælge.
| http://www.chbs.dk | Claus Sørensen, 2001

Henning Cocktail (15-10-2002)
Kommentar
Fra : Henning Cocktail


Dato : 15-10-02 18:58

jakiil wrote in dk.edb.internet.webdesign.html:
> Hej
>
> Jeg håber at
Under tabellen vil
> jeg gerne kunne lave 2-3 linier med tekst der beskriver det link
musen
> er over, dvs. at teksten skal skifte alt efter hvilket link musen
> befinder sig over, og at teksten evt. skal forsvinde når musen ikke
er
> over et link (det sidste er ikke så nødvendigt).
[snips]
Hello Jakiil....
her er en forbløffende enkel måde at gøre det på...
feltnavn.innerHTML = 'text'

se link:
http://www.geocities.com/cocktailhenning/tips/forklaring.html

her er lidt forklaring til kode: "forklaring" er id-navn
..altså nede i tabellen sker følgende:
<tr>
<td onmouseover="forklaring.innerHTML = 'Et æble om dagen ...' "
onmouseout="udigen()">Æbler</td>
</tr>
<tr>
<td onmouseover="forklaring.innerHTML = 'Een i turbanen!' "
onmouseout="udigen()">Appelsiner</td>
</tr>
-----
her kan vi sætte den forklarende tekst!
----
<tr>
<td width="100%" id="forklaring"><p align="right">forklarende
tekst</td>
</tr>
--------------------

funktionen udigen() er en javasjover, der blot smækker fast txt ud i
"forklaring"

og css filen gør det hele lidt lækkert...

god fornøjelse - og få nu sovet!!!!

Cocktail-Henning
"ryster drinken, og ryster dynen...!"


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

Lasse Reichstein Nie~ (15-10-2002)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 15-10-02 19:31

Henning Cocktail <henning@unforgettable.com> writes:

> jakiil wrote in dk.edb.internet.webdesign.html:
>> Under tabellen vil jeg gerne kunne lave 2-3 linier med tekst der
>> beskriver det link musen er over, dvs. at teksten skal skifte alt
>> efter hvilket link musen befinder sig over, og at teksten evt.
>> skal forsvinde når musen ikke er over et link (det sidste er ikke
>> så nødvendigt).

> her er en forbløffende enkel måde at gøre det på...
> feltnavn.innerHTML = 'text'

Det skal lige siges at innerHTML er en Microsoftopfindelse og ikke
del af nogen standard. Det virker i IE, og vist nok også i Mozilla,
men ikke i andre browsere.

Hvis du gerne vil have forklaring på linkesene, så kan det anbefales
at bruge "title"-attributten, f.eks.
<a href="foo.html" title="Siden hvor vi forklarer Foo!">
De fleste browsere vil vise title-værdien som popup-help hvis man
lader cursoren hvile på linket, og det virker ligegyldigt om man
har slået javascript til eller ej.

Alternativt kan du bruge standard dynamisk HTML til at opnå det samme
som innerHTML gør, blot med lidt mere arbejde.

Hvis du vil undgå dynamisk HTML, så kan du f.eks. bruge et textarea
form-element til at skrive beskedden i, og så lade linket putte
sin beskrivelse der med en onmouseover:
<a href="foo.html" title="..."
onmouseover="document.getElementById('beskrivelse').value=this.title;">
(tilføj evt. en onmouseout der sletter det igen), og så
<textarea id="beskrivelse"></textarea>
(den skal måske være inde i en <form> for at validere, kan ikke lige huske)


/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
'Faith without judgement merely degrades the spirit divine.'

Henning Cocktail (16-10-2002)
Kommentar
Fra : Henning Cocktail


Dato : 16-10-02 13:09

Tak for indlægget!/skråstreeg/supplementet!!!
Jeg er normalt standard-rytter, men denne gang overså jeg altså, at
innerHTML() ikke er standard (jeg bildte mig ind, at den var standard, fordi
både Konqueror og Mozilla understøtter den).

Cocktail
"ryster IKKE på hovedet, men nikker anerkendende!"

Lasse Reichstein Nielsen wrote in dk.edb.internet.webdesign.html:
> Henning Cocktail <henning@unforgettable.com> writes:
>
> > jakiil wrote in dk.edb.internet.webdesign.html:
> >> Under tabellen vil jeg gerne kunne lave 2-3 linier med tekst der

> > feltnavn.innerHTML = 'text'
>
> Det skal lige siges at innerHTML er en Microsoftopfindelse og ikke
> del af nogen standard. Det virker i IE, og vist nok også i Mozilla,
> Lasse Reichstein Nielsen - lrn@hotpop.com



--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP ???
- 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 : 177557
Tips : 31968
Nyheder : 719565
Indlæg : 6408866
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste