Notifikationer

Markér alle som læst Log ud

JOHN_DOE Nybegynder

13. november 2005 - 19:19 Der er 18 kommentarer og
1 løsning

Vis tekst1 eller vis tekst2

Hej jeg kunne godt tænke mig om der var nogle der ville hjælpe mig med at lave sådan noget at når man muser over "VIS TEKST 1" bliver der vist "DETTE ER TEKST1" og når man muser over "VIS TEKST 2" bliver der vist "DETTE ER TEKST2"

Håber du forstår..

// Louv

Synes godt om

softspot Forsker

13. november 2005 - 21:08 #1

Er det selve teksten der skal ændre sig eller skal der bare vises en tekst et andet sted på siden?

Hvis det er den første løsning du er ude efter, så kan du måske bruge dette:

<span onmouseover="this.innerHTML='Dette er tekst1'" onmouseout="this.innerHTML='Vis tekst 1'">Vis tekst 1</span>

Hvis det er den anden, så er dette måske en mulighed:

<span onmouseover="document.getElementById('vistekst').innerHTML='Dette er tekst1'" onmouseout="document.getElementById('vistekst').innerHTML=''">Vis tekst 1</span><br>
<span onmouseover="document.getElementById('vistekst').innerHTML='Dette er tekst2'" onmouseout="document.getElementById('vistekst').innerHTML=''">Vis tekst 2</span><br>
<span id="vistekst"></span>

Synes godt om

JOHN_DOE Nybegynder

13. november 2005 - 21:17 #2

kan jeg ikke gøre sådan at det er lidt mere dymanisk???

fx noget i retnign af??

<a OnMouseOver="show('tekst1')">vis teskt1</a>
<a OnMouseOver="show('tekst2')">vis teskt2</a>

<div id="tekst1">
fhfdhdfh
<br>
<a href="hfdhfd">gfjgfj</a>
</div>

<div id="tekst2">
jghwejkg!!!!!!!!!!!">"'"*"*'*****"'''"*"*'GE
ede
gsd
gsd
ghfdh
</div>

??

Synes godt om

softspot Forsker

13. november 2005 - 21:21 #3

Synes godt om

JOHN_DOE Nybegynder

13. november 2005 - 21:23 #4

hmm virker halvt.. den fjerner ikke den gamle..

Synes godt om

softspot Forsker

13. november 2005 - 21:32 #5

Hvad mener du med at den ikke fjerner det gamle? Du har ikke specificeret at den skulle fjerne noget, du har bare sagt at den skal vise noget på mouseover...

Synes godt om

softspot Forsker

13. november 2005 - 21:33 #6

Men hvis det skal skjules igen, så kan du bruge dette:

<script type="text/javascript">
function show(id) {
var e = document.getElementById(id);
if(e) {
e.style.display = 'block';
}
}
function hide(id) {
var e = document.getElementById(id);
if(e) {
e.style.display = 'none';
}
}
</script>

<a OnMouseOver="show('tekst1')" OnMouseOut="hide('tekst1')">vis teskt1</a>
<a OnMouseOver="show('tekst2')" OnMouseOut="hide('tekst2')">vis teskt2</a>

Synes godt om

JOHN_DOE Nybegynder

13. november 2005 - 21:34 #7

ok undskyld.. Jeg vil have at den også skal fjerne den gamle.. ligesom på www.dr.dk når man muser over HØR nerradio og se net-tv skifter teksten..

Synes godt om

JOHN_DOE Nybegynder

13. november 2005 - 21:35 #8

Det var ikke dette jeg mente..
------------------
<script type="text/javascript">
function show(id) {
var e = document.getElementById(id);
if(e) {
e.style.display = 'block';
}
}
function hide(id) {
var e = document.getElementById(id);
if(e) {
e.style.display = 'none';
}
}
</script>

Den skal ikke fjernes igen når man muser ud.. den skal stå indtil man muser over det andet link--

Synes godt om

softspot Forsker

13. november 2005 - 21:52 #9

Ahaa (godt med et konkret eksempel, det kan man forholde sig til :))...

Nedenstående starter med at vise tekst 1 og skifter så mellem dem når du fører musen over de to links... håber jeg :)

<script type="text/javascript">
var activeelm;
function show(id) {
var e = document.getElementById(id);
if(e) {
if(activeelm) activeelm.style.display = 'none';
activeelm = e;
activeelm.style.display = 'block';
}
}

window.onload = function() { activeelm = document.getElementById('tekst1'); }
</script>

<a OnMouseOver="show('tekst1')">vis teskt1</a>
<a OnMouseOver="show('tekst2')">vis teskt2</a>

<div id="tekst1">
fhfdhdfh
<br>
<a href="hfdhfd">gfjgfj</a>
</div>

<div id="tekst2" style="display:none;">
jghwejkg!!!!!!!!!!!">"'"*"*'*****"'''"*"*'GE
ede
gsd
gsd
ghfdh
</div>

Synes godt om

JOHN_DOE Nybegynder

13. november 2005 - 22:48 #10

hmm det virker 3/4 .. :-D.. den starter ikke på tekst1..

ved du hvordan man fikser det?

Synes godt om

softspot Forsker

13. november 2005 - 22:51 #11

hmmm... jeg havde lidt håbet at denne linie i script-blokken ville klare det problem med at sætte det aktive element:

window.onload = function() { activeelm = document.getElementById('tekst1'); }

Men siger du at tekst1 er skjult fra starten eller hvad? Hvis ja, har du så sat nogle styles på de div-elementer som jeg ikke har vist her?

Synes godt om

JOHN_DOE Nybegynder

13. november 2005 - 22:53 #12

nej... det har jeg ikke..!
..

men har lige fikset det.. det er jo ikke det bedste system men det virker..

<html>
<head>
<script type="text/javascript">
var activeelm;
function show(id) {
var e = document.getElementById(id);
if(e) {
if(activeelm) activeelm.style.display = 'none';
activeelm = e;
activeelm.style.display = 'block';
}
}
</script>
</head>
<body OnLoad="show('tekst1')">
<a OnMouseOver="show('tekst1')">vis teskt1</a>
<a OnMouseOver="show('tekst2')">vis teskt2</a>

<div id="tekst1" style="display:none;">
fhfdhdfh
<br>
<a href="hfdhfd">gfjgfj</a>
</div>

<div id="tekst2" style="display:none;">
jghwejkg!!!!!!!!!!!">"'"*"*'*****"'''"*"*'GE
ede
gsd
gsd
ghfdh
</div>

Synes godt om

softspot Forsker

13. november 2005 - 22:55 #13

Nu siger du godt nok at du ikke har sat en style på tekst1, men det kan jeg da se du har (style="display:none;" er da en style der skjuler div-elementet)...

<div id="tekst1" style="display:none;">
fhfdhdfh
<br>
<a href="hfdhfd">gfjgfj</a>
</div>

Synes godt om

JOHN_DOE Nybegynder

13. november 2005 - 22:57 #14

hmm.. nå ja..

Synes godt om

JOHN_DOE Nybegynder

13. november 2005 - 23:02 #15

men hvis jeg fjerner style="display:none;" på tekst1 så skla jeg muse over tekst1 før at tekst2 står alene.. dvs. at hvis jeg først muser over tekst2 bliver tekst2 sat under tekst1..

Synes godt om

softspot Forsker

13. november 2005 - 23:07 #16

Hvis jeg kopierer koden fra 13/11-2005 21:52:36, så fungerer det som jeg ville forvente, så jeg ved ikke helt hvilken kode du arbejder med, men prøv at tage den nævnte kode og sæt ind i et nyt HTML-dokument's body-sektion...

Synes godt om

JOHN_DOE Nybegynder

14. november 2005 - 07:10 #17

Det virker.. :-D..

softspot >> smid et svar..

Synes godt om

softspot Forsker

14. november 2005 - 10:54 #18

Jeg smider da gerne et svar, men har det nogen betydning, siden du udlodder nul point... :)

Synes godt om

JOHN_DOE Nybegynder

14. november 2005 - 15:53 #19

nå det var sgu ikke meningen.. vil du have 30 point?

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript	5	27/04/202620:09	03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript	8	14/04/202610:11	20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript	2	03/02/202614:19	04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript	9	18/04/202516:52	22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript	2	14/02/202511:47	27/06/202514:34

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS