Notifikationer

Markér alle som læst Log ud

willi Nybegynder

14. januar 2004 - 09:11 Der er 12 kommentarer og
4 løsninger

MouseOver i forb. m. tekst.

Jeg skal bruge et script hvor tabelcellen skifter når musen føres over en tekst (link).
<
teskst1
tekstt2
teskst3
>
Når musen føres over tekst1 skifter cellen til en anden side med de link der hører til tekst1.

Når den føres over tekst2 til link som hører til denne osv.

Der er masser af script der skifter billede. Men jeg vil gerne have det som vb og også at det virker på tekst.
Iøvrigt: Hvor findes en oversigt over mouse events i vb.
I de bøger jeg har lånt er det ikke beskrevet særlig udførligt.

Synes godt om

jakobdo Ekspert

14. januar 2004 - 09:17 #1

du kan prøve følgende:

<table>
<tr>
<td onmouseover="this.style.backgroundColor='red';" onmouseout="this.style.backgroundColor='white';"><a href="#">LINK</a></td>
</tr>
</table>

Synes godt om

nikolajdu Nybegynder

14. januar 2004 - 09:24 #2

Hvorfor have noget som VB - Hvis man kan lave noget der understøttes i flere browsere ganske simpelt? Spørger bare af nysgerrighed. :))

Synes godt om

willi Nybegynder

14. januar 2004 - 09:29 #3

Ved det ikke ;)
Men alligevel. En tanke er jeg måske kunne lære det lidt mere grundigt.
Hvis nu det er som du siger - og det er det jo nok - at vb ikke understøtter flere browsere skulle jeg jo nok anvende et andet script alligevel.
>jakobdo. Scriptet får ikke siden til at skifte ved mouseover. Det markere blot linket rødt (men linket virker. Blot skal der klikkes på det hvilket jo ikke var meningen)

Synes godt om

medions Nybegynder

14. januar 2004 - 09:34 #4

sÅDAN HER:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Untitled</title>
</head>

<body>

<script language="VBScript">
Dim arrTekster(5)
arrTekster(0) = "Test0"
arrTekster(1) = "Test1"
arrTekster(2) = "Test2"
arrTekster(3) = "Test3"

Function MouseOver(hvad)
document.getElementById(hvad).innerHTML = arrTekster(hvad)
End Function

Function MouseOut(hvad)
document.getElementById(hvad).innerHTML = "test"
End Function
</script>

<a href="" onmouseover="MouseOver(0)" onmouseout="MouseOut(0)">Før musen over her</a>
<a href="" onmouseover="MouseOver(1)" onmouseout="MouseOut(1)">Før musen over her</a>
<a href="" onmouseover="MouseOver(2)" onmouseout="MouseOut(2)">Før musen over her</a>
<a href="" onmouseover="MouseOver(3)" onmouseout="MouseOut(3)">Før musen over her</a>

<table border="1">
<tr>
<td><div id="0">test</div></td>
</tr>
<tr>
<td><div id="1">test</div></td>
</tr>
<tr>
<td><div id="2">test</div></td>
</tr>
<tr>
<td><div id="3">test</div></td>
</tr>
</table>

</body>
</html>

//>rUNE

Synes godt om

medions Nybegynder

14. januar 2004 - 09:45 #5

Sådan her ville det se ud hvis det var java script:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Untitled</title>
</head>

<body>

<script language="JavaScript">
function MouseOver(hvad, tekst) {
document.getElementById(hvad).innerHTML = tekst;
}

function MouseOut(hvad) {
document.getElementById(hvad).innerHTML = "test";
}
</script>

<a href="" onmouseover="MouseOver(0, 'test0')" onmouseout="MouseOut(0)">Før musen over her</a>
<a href="" onmouseover="MouseOver(1, 'test1')" onmouseout="MouseOut(1)">Før musen over her</a>
<a href="" onmouseover="MouseOver(2, 'test2')" onmouseout="MouseOut(2)">Før musen over her</a>
<a href="" onmouseover="MouseOver(3, 'test3')" onmouseout="MouseOut(3)">Før musen over her</a>

<table border="1">
<tr>
<td><div id="0">test</div></td>
</tr>
<tr>
<td><div id="1">test</div></td>
</tr>
<tr>
<td><div id="2">test</div></td>
</tr>
<tr>
<td><div id="3">test</div></td>
</tr>
</table>

</body>
</html>

//>Rune

Synes godt om

willi Nybegynder

14. januar 2004 - 10:02 #6

>Medions. Det ser rigtigt ud. Men...
Hvor skal linkene skrives?
Skriver jeg det her: <a href="s1.htm" onmouseover=" ...forsvinder det jo bare når scriptet har kørt mouseout (det kaldes ikke igen hvis jeg vender tilbage)

Synes godt om

medions Nybegynder

14. januar 2004 - 15:37 #7

Altså er det sådan her du mener?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Untitled</title>
</head>

<body>

<script language="JavaScript">
function MouseOver(hvad, tekst) {
document.getElementById(hvad).innerHTML = tekst;
}

function MouseOut(hvad) {
document.getElementById(hvad).innerHTML = "test";
}
</script>

<a href="" onmouseover="MouseOver(0, 'test0')">Før musen over her</a>
<a href="" onmouseover="MouseOver(1, 'test1')">Før musen over her</a>
<a href="" onmouseover="MouseOver(2, 'test2')">Før musen over her</a>
<a href="" onmouseover="MouseOver(3, 'test3')">Før musen over her</a>

<table border="1">
<tr>
<td><div id="0">test</div></td>
</tr>
<tr>
<td><div id="1">test</div></td>
</tr>
<tr>
<td><div id="2">test</div></td>
</tr>
<tr>
<td><div id="3">test</div></td>
</tr>
</table>

</body>
</html>

//>Rune

Synes godt om

willi Nybegynder

14. januar 2004 - 16:19 #8

Det ved jeg snart ikke. Jeg tror jeg udtrykker mig måske dårligt.

>Det er en menu der skal laves.
>I en celle i en ramme har jeg en del ord.
>Disse ord skal være henvisninger til nye link
>Dvs når jeg fører musen over et ord i cellen der vises når siden åbnes, skiftes indholdet til cellen med "undermenuen".

Det ligner lidt en "dropdown menu".
Men i stedet for "dropdown" skal indeholdet i cellen altså skiftes ud med med undermenuen.

Om det er tydeligere ved jeg ikke. Men håber at det er det.

Synes godt om

willi Nybegynder

15. januar 2004 - 13:39 #9

Ellers kan dette måske anskueligøre det (men det virker naturligvis ikke)
<tr>
<td>
<a onMouseOver="this.href='s1.htm'" onMouseOut="this.href='s2.htm'" href="s2.htm" >test</a>
</td>
</tr>
Dvs at når jeg bevæger musen over cellen skifter indholdet og tilbage når den bevæges udenfor væk.

Synes godt om

willi Nybegynder

16. januar 2004 - 09:10 #10

I eksempel 14/01-2004 09:34:42 mf. mangler der muligheden for en target="_self" eller lign.

Synes godt om

medions Nybegynder

16. januar 2004 - 09:26 #11

á hvad?

//>Rune

Synes godt om

willi Nybegynder

16. januar 2004 - 09:41 #12

Det jeg mener Rune er, at der ikke skal være tale om en under menu. Men hele cellen skal skiftes ud.
Dvs celle 1 har hovedmenuerne.
Når musen bevæges over en tekst(link) i denne celle skiftes cellens indhold ud med submenuen.
Ved mouseout skiftes tilbage til hovedmenuen.
Der er altså 2 niveauer.
Men ikke noget drop down.
Det er derfor jeg tænkte på noget target="_self".
Men det ved jeg ikke om kan bruges...

Synes godt om

willi Nybegynder

21. januar 2004 - 10:07 #13

Nu har jeg fået det til at fungerer. Men det åbner bare et nyt vindue og ikke i '_self'. Nogen som kan hjælpe?
<a onMouseOver=window.open(href='s1.htm' target='_self') o

Synes godt om

medions Nybegynder

21. januar 2004 - 11:14 #14

Så skal du ikke lave window.open, så skal du bruge window location istedet for!

<a onMouseOver="document.location.href='s1.htm';"> o</a>

//>Rune

Synes godt om

willi Nybegynder

21. januar 2004 - 11:26 #15

Yep. Tak for hjælpen

Synes godt om

medions Nybegynder

21. januar 2004 - 11:29 #16

Anytime... :)
Thx 4 Poinz

//>Rune

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

Programmeringssprog kurser

Kurser inden for grundlæggende programmering

Se alle Programmeringssprog kurser

Flere spørgsmål fra VBscript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Ændre navn på folder Af bsn i VBscript	12	07/07/202312:45	09/07/202307:04
Outlook makro Af Webnoob i VBscript	6	09/02/202313:32	16/02/202315:51
Sti / Filname med mellemrum ??? Af ksor i VBscript	10	07/10/202200:43	07/10/202215:40
GetLastRow - Google spreadsheet Af rickiegrayholm i VBscript	2	22/04/202213:23	22/04/202214:55
Batch fil Af BDV i VBscript	1	12/01/202210:00	12/01/202210:05

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