3 bilder(evt. imagemap), felles tekstfelt.

ohusby · 12. januar 2007

Ønske:

3 bilder(evt. image map) skal dele det samme tekstfeltet.

Altså, siden skal inneholde 3 bilder(evt. imagemap) og et tekstfelt.

Ved hover, altså når man fører musen over de ulike bildene(evt. hotspots) skal de ulike bildenes tilhørende tekst vises i tekstboksen.

Hvordan kan dette gjøres på en enkel og grei måte?

Mvh

Øystein Helle Husby

ohusby · 13. januar 2007

Ingen som vet hvordan man kan gjøre dette?

Anders Moen · 13. januar 2007

Skjønte jeg det riktig hvis du mener at tar musa over en link og da står det for eksempel "Dette er en lenke" et annet sted på sida? For da har jeg koden

(X)HTML:
<a href="url"
onMouseOver="writeText('tekst som kommer på onmouseover')"
onMouseOut="writeText('tekst som kommer etter onmouseover')">link tekst</a>


<p id="navn_pa_paragraph">
tekst som kommer før onmouseover
</p>


JavaScript:
<script type="text/javascript">
function writeText(txt)
{
document.getElementById("navn_pa_paragraph").innerHTML=txt
}
</script>

Tror og håper det ble riktig, hvis ikke, si ifra

Edit: la på en onMouseOut

Endret 13. januar 2007 av Andy-Pandy

Drømmemannen · 13. januar 2007

onmouseover og onmouseout skal egentlig skrive med kun små bokstaver.

innerHTML er fy-fy (ustandard) og bør byttes ut med noe slikt som

element = document.getElementById( "navn_pa_paragraf" );
textNode = document.createTextNode( txt );

if ( element.firstChild )
   element.replaceChild( textNode, element.firstChild );
else
   element.appendChild( textNode );

Anders Moen · 13. januar 2007

onmouseover og onmouseout skal egentlig skrive med kun små bokstaver.

innerHTML er fy-fy (ustandard) og bør byttes ut med noe slikt som
element = document.getElementById( "navn_pa_paragraf" );
textNode = document.createTextNode( txt );

if ( element.firstChild )
   element.replaceChild( textNode, element.firstChild );
else
   element.appendChild( textNode );
7713278[/snapback]

Ja vel. Bare tok det fra en gammel side jeg har hatt...når jeg omtrent var ny med hjemmesider (utenom Piczo )

ohusby · 13. januar 2007

onmouseover og onmouseout skal egentlig skrive med kun små bokstaver.

innerHTML er fy-fy (ustandard) og bør byttes ut med noe slikt som
element = document.getElementById( "navn_pa_paragraf" );
textNode = document.createTextNode( txt );

if ( element.firstChild )
   element.replaceChild( textNode, element.firstChild );
else
   element.appendChild( textNode );
7713278[/snapback]

Andypandy, takker! Det funket midt i blinken, men om jeg skal forholde meg til dette, hvodan skal det implementeres i koden? Slenger du ut hele skiten med det samme? Er forholdsvis blank på HTML, Java etc.

Kan benytte sjansen til å spørre om noe annet med det samme, hvordan setter jeg en absolutt minstehøyde på siden?

Benytter meg av Rapidweaver som justerer høyden på siden automatisk avhengig av innholdet som befinner seg på siden, men jeg vil gjerne beholde en minimumshøyde.

Mvh

Øystein Helle Husby

Anders Moen · 13. januar 2007

<html>
<head>
<title>blank</title>
<script type="text/javascript">
function writeText(txt)
{
document.getElementById("navn_pa_paragraph").innerHTML=txt
}
</script>
</head>
<body>
<a href="url" onmouseover="writeText('tekst som kommer på onmouseover')" onmouseout="writeText('tekst som kommer etter onmouseover')">link tekst</a>
<br /><br /><br />
<p id="navn_pa_paragraph">
tekst som kommer før onmouseover
</p>
</body>
</html>

Det her ble vel riktig, ble det ikke?

Og det er ikke Java. Dette er JavaScript

Endret 13. januar 2007 av Andy-Pandy

ohusby · 13. januar 2007

<html>
<head>
<title>blank</title>
<script type="text/javascript">
function writeText(txt)
{
document.getElementById("navn_pa_paragraph").innerHTML=txt
}
</script>
</head>
<body>
<a href="url" onmouseover="writeText('tekst som kommer på onmouseover')" onmouseout="writeText('tekst som kommer etter onmouseover')">link tekst</a>
<br /><br /><br />
<p id="navn_pa_paragraph">
tekst som kommer før onmouseover
</p>
</body>
</html>

Det her ble vel riktig, ble det ikke?

Og det er ikke Java. Dette er JavaScript

7714997[/snapback]

Jau, mente Javascript. Vel, det der er vel bare en omskrevet versjon av det første du postet? Det fungerer knall, men om innerHTML er fyfy, så holder vel ikke det mål? Jeg tenkt å implementere det som balletryne postet i hele sulamitten. Hvordan vil det passe inn i det du allerede har postet? Kort fortalt, hvordan vil hele koden se ut.

Drømmemannen · 13. januar 2007

Bytt ut

document.getElementById("navn_pa_paragraph").innerHTML=txt

med det jeg postet over. Resten er det samme.

Edit: Jeg skrev visst paragraf med f og ikke ph, så det må også endres.

Endret 13. januar 2007 av balletryne

Logg inn

3 bilder(evt. imagemap), felles tekstfelt.

Anbefalte innlegg

ohusby

Videoannonse

ohusby

Anders Moen

Drømmemannen

Anders Moen

ohusby

Anders Moen

ohusby

Drømmemannen

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer