|
| skiftende tekst Fra : Rasmus Kjær |
Dato : 28-05-04 16:18 |
|
Jeg skal lave en side med et billede og en tekst. Teksten skal
skifte alt efter hvor på billedet musen er placeret. Har nogen en
ide til hvordan jeg lettest gør det?
Rasmus
--
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
| |
Jonas Schmeltz Aaber~ (28-05-2004)
| Kommentar Fra : Jonas Schmeltz Aaber~ |
Dato : 28-05-04 21:46 |
|
> Jeg skal lave en side med et billede og en tekst. Teksten skal
> skifte alt efter hvor på billedet musen er placeret. Har nogen en
> ide til hvordan jeg lettest gør det?
>
> Rasmus
Hej!
Se på dette:
<map name="navigation">
<area shape="rect" coords="0,0,100,50" onMouseover="skiftTekst(msg[0]);"
onMouseout="skiftTekst('');">
<area shape="rect" coords="0,50,100,100" onMouseover="skiftTekst(msg[1]);"
onMouseout="skiftTekst('');">
<area shape="rect" coords="0,100,100,150" onMouseover="skiftTekst(msg[2]);"
onMouseout="skiftTekst('');">
</map>
<img src="menu.jpg" usemap="#navigation"><br>
<div id="tekstholder"> </div>
<script type="text/javascript">
msg = new Array("Besked nr. 1","Besked nr. 2","Besked nr. 3");
function skiftTekst(xm) {
document.getElementById("tekstholder").innerHTML = xm;
}
</script>
- Håber du kan bruge det til noget?!
MVH Jonas (aka Juke)
| |
Rasmus Kjær (29-05-2004)
| Kommentar Fra : Rasmus Kjær |
Dato : 29-05-04 09:01 |
|
Det er helt sikkert noget i den stil jeg skal bruge!
Er det tekstfiler du henter på den måde, eller skriver du teksten direkte i
koden?
Rasmus
--
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
| |
Rasmus Kjær (29-05-2004)
| Kommentar Fra : Rasmus Kjær |
Dato : 29-05-04 09:07 |
|
Never mind! Ved nærmere studie kan jeg godt se hvad der sker!
Tusind tak for hjælpen! Det var lige hvad jeg ledte efter!
--
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
| |
Jonas Schmeltz Aaber~ (29-05-2004)
| Kommentar Fra : Jonas Schmeltz Aaber~ |
Dato : 29-05-04 13:43 |
|
"Rasmus Kjær" <r.kjaer@ofir.dk> skrev i en meddelelse
news:40b844be$0$3053$14726298@news.sunsite.dk...
> Never mind! Ved nærmere studie kan jeg godt se hvad der sker!
> Tusind tak for hjælpen! Det var lige hvad jeg ledte efter!
Det lyder godt nok.
Det var nu ikke et så grundigt eksempel, men hvis du har brug for
inspiration, behøver du ikke lægge beskederne i et array.
De kan også sendes direkte som parameter eller som en variabel, der bliver
sendt som parameteren..
F.eks.
..... onMouseover="skiftTekst('Beskeden her');"...
eller
..... onMouseover="skiftTekst(BeskedNr2);"...
- hvor du har defineret variablerne:
<script>
BeskedNr1 = "Min Tekst";
BeskedNr2 = "Endnu en tekst";
</script>
Spørg løs, hvis du har brug for det!
MVH Jonas (aka Juke)
| |
Rasmus Kjær (31-05-2004)
| Kommentar Fra : Rasmus Kjær |
Dato : 31-05-04 07:33 |
|
Jamen det vil jeg så gøre
Hvordan får jeg siden til at vise en anden tekst, hvis musen ikke er på nogen
af koodinaterne?
--
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
| |
Rasmus Kjær (31-05-2004)
| Kommentar Fra : Rasmus Kjær |
Dato : 31-05-04 07:38 |
|
Altså jeg kan se at man kan indsætte onMouseout="skiftTekst(msg[0]);"> i
stedet for skiftTekst(' ');">, men hvordan får jeg denne tekst til at være
der fra starten og ikke først efter man har berørt et hotspot?
--
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
| |
Rasmus Kjær (31-05-2004)
| Kommentar Fra : Rasmus Kjær |
Dato : 31-05-04 09:43 |
|
Problemet er løst.
Med en onload="skiftTekst(msg[0]);" i body-tagget, så går det alt sammen
--
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
| |
|
|