Avatar billede pollas Nybegynder
28. juli 1999 - 21:31 Der er 16 kommentarer og
1 løsning

Text-skift ved mouseOver

Jeg ville gerne lave en effekt magen til en alm. mouseOver med grafik, hvor billedet et andet sted på siden skiftede, bare med tekst. Altså en måde, hvorpå man kan oprette en slags tekstbox, som man så kan kalde og styre indholdet af. Jeg forestiller mig noget a la arbejde med billeder, hvor man definerer billedets navn og derefter kan kalde det - og altså skifte dets src. Kan det lade sig gøre? Evt. med stylesheets og/eller JavaScript...
Avatar billede cyberesben Nybegynder
28. juli 1999 - 21:41 #1
det skal være et javascript som styrer nogle layers, som så bliver vist eller usynlige
Avatar billede s Nybegynder
28. juli 1999 - 21:45 #2
Avatar billede graae Nybegynder
28. juli 1999 - 21:48 #3
<html>
<head>
<title></title>

<style TYPE="text/css">
<!--
a:link { color: FF0000; }
a:hover { color: 00FFFF; }
a:visited { color: 0000FF; }
a:visited:hover { color: FF00FF; }
// -->
</style>
</head>
<body>
<center><h3>Link Farveskift</h3>
<A HREF="http://">Din tekst</a><br>
</center>

<br>
</body>
</html>
Avatar billede s Nybegynder
28. juli 1999 - 21:51 #4
nej, de skal ikke blive vist eller usynlige. Der skal bare være et layers med tekst hvor du så sætter noget under onmouseover og onmouseout (en javascript-funktion) i din <div> tag. Så giver du dit billede et navn og sætter dit javascript til at skifte det ud.
Avatar billede s Nybegynder
28. juli 1999 - 21:54 #5
hmm... havde ikke læst spørgsmålet korekt...
Avatar billede s Nybegynder
28. juli 1999 - 21:55 #6
Ok... så bliver det noget med at gøre layers usynlige og synlige...
Avatar billede justincase Nybegynder
28. juli 1999 - 23:27 #7
Tjah, jeg er heller ikke helt sikker på hbad du mener. Jeg har lavet et eks.

http://www.elvers.dk/eksperten/LayerSrc/

Den loader siderne dynamisk i båed IE og NN

:)

JustinCase
Avatar billede cyberesben Nybegynder
28. juli 1999 - 23:54 #8
justin>> du skal nok ikke gøre det sådan så den skal loade en ny html fil hver gang, det er langsomt
Avatar billede justincase Nybegynder
28. juli 1999 - 23:58 #9
Jeg ved godt det er langsomt, og det ville heller ikke være min egen løsning. Men som pollas skriver : " - og altså skifte dets src". På den anden side, hvis man skal udskifte en stor del src, så er det ikke den store forskel det gør om man henter det i det første dokument eller i hvert dokument.

Men som sagt, det ville ikke være min løsning.
Avatar billede cyberesben Nybegynder
29. juli 1999 - 00:10 #10
jeg tror altså at det han mener bare er nogle layers som skifter, altså layers med en lokal tekst
Avatar billede graae Nybegynder
29. juli 1999 - 09:57 #11
Pollas>> Prøv at uddybe dig, jeg fatter minus af dit spørgsmål!!!
Avatar billede cyberesben Nybegynder
29. juli 1999 - 12:40 #12
jeg forstår det altså godt
Avatar billede graae Nybegynder
29. juli 1999 - 16:04 #13
...Vil du så forklare MIG det???
Avatar billede s Nybegynder
29. juli 1999 - 18:56 #14
Sådan som jeg har forstået det er det ikke et billede der skal skifte men noget tekst der skifter når man køre musen hen over det.
Avatar billede pollas Nybegynder
30. juli 1999 - 13:50 #15
cyberesben har fat i det rigtige. Jeg ved jeg formulerede mig lidt kryptisk, men justincase's eksempel er ikke helt ved siden af. Funtionaliteten er rigtig, blot ville det være godt (som cyberesben er inde på), hvis teksten blot kunne ændres og altså ikke skulle ligge i en seperat fil. Helt konkret har jeg en halvstor tabel, der samler et billede i 19 stykker vha. baggrundstags. I den ene side er en menu, og på mouseOver ville jeg gerne kunne styre en tekstbox i en af cellerne, hvor der så skulle stå, hvad der lå under dette menupunkt. Så hvis man i kaldet af scriptet kunne angive hele tekstkilden...?
Avatar billede s Nybegynder
30. juli 1999 - 14:44 #16
Prøve noget i den her stil (ingen garanti for at det virker):

<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
<!--

ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false

function init() {
    if (ns4) div1 = document.diva
    if (ie4) div1 = diva.style
}

function show(id) {
    if (ns4) document.layers[id].visibility = "show"
    else if (ie4) document.all[id].style.visibility = "visible"
}

function hide(id) {
    if (ns4) document.layers[id].visibility = "hide"
    else if (ie4) document.all[id].style.visibility = "hidden"
}


//-->
</SCRIPT>
</head>
<body>
<div id="hej" onMouseOver="hide(hej)" onMouseOut="show(hej)">
Div 1
</div>
<div id="hej" style="visibility=hidden" onmouseover="show(hej)" onmouseout="hide(hej)">
Div2
</div>
</body>
</html>
Avatar billede pollas Nybegynder
02. august 1999 - 00:13 #17
S's link var i sidste ende det mest givtige. Det indebærer lidt lækkerier jeg ikke lige helt har styr på, men det virker, og det er vel det vigtigste. Mange tak for hjælpen allesammen.
Avatar billede 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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

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