Avatar billede ansa Nybegynder
02. maj 2001 - 14:25 Der er 9 kommentarer og
1 løsning

Mouseover hvor der popper en \"billedtekst\" op?

Jeg søger et script der gør at jeg får et tekst frem når jeg mouseover et billede. Det skal ikke være den typiske \"Align\" - men gerne et script hvor man lan lave ramme og baggrund til teksten?? Hvordan gør man det - eller hvor kan man hente det (og hvad hedder det på engelsk??)

Avatar billede engrob Nybegynder
02. maj 2001 - 14:30 #1
Avatar billede ansa Nybegynder
02. maj 2001 - 14:46 #2
Kanon - er der flere forslag?? Enklere?
Avatar billede ras2000 Nybegynder
02. maj 2001 - 17:04 #3
Du kan lave et div: <div id=\"id1\" style=border-style:solid;border-color:#000000;border-width:2;background-color:#ffffff;display:none\">
Det sætter du ind, der hvor du vil have det skal stå. På billedet skal du så skrive:
<img src=\"sti\" onmouseover=\"document.all.id1.style.display=\'block\'\" onmouseout=\"document.all.id1.style.display=\'none\'\">
Avatar billede ras2000 Nybegynder
02. maj 2001 - 17:05 #4
Der mangler lige et \" mellem style= og border, altså style=\"border...
Avatar billede engrob Nybegynder
02. maj 2001 - 17:34 #5
ras2000>> Det virker jo kun i internet explorer.

Prøv at kigge på denne her. Måske lidt simplere:
http://www.dynamicdrive.com/dynamicindex5/popinfo2.htm
Avatar billede ras2000 Nybegynder
03. maj 2001 - 10:02 #6
Jep, det har du vist ret i. Jeg har ingen ns færdigheder. Hvordan ville man gøre det i ns/xbrowser?
Avatar billede lazy_warrior Nybegynder
04. maj 2001 - 03:41 #7
Jeg kan ikke lige gi dig en kode... men du skal bruge noget javascript til at bruge \"hide\" tingen i CSS... javascripten skal slå den til/fra... teksten knalder du in i DIV tags... og sætter dem til hide.. (med rammer og det hele) onmouseover kalder javascriptfunktionen der ændrer \"hide\" til \"show\" voila... men jeg ka ikke lige gi dig koden.. jeg ka ikke huske den (har ikke den store erfaring)
Avatar billede anjensen1 Novice
04. maj 2001 - 21:08 #8
Hejsa
Jeg mener at der er et generelt problem ved at bruge CSS metoder -Det virker kun i IE. Jeg må indrømme at jeg ikke ved hvad nye NS 6 faktisk kan af CSS tryllerier??
Er der nogen der ved lidt om det..?
Måske en artikkel... *S*
Avatar billede lazy_warrior Nybegynder
05. maj 2001 - 04:54 #9
dette skulle virke i NS... ikke sikekr å versionen.. men der står i min bog den virker... Jeg har dog lavet lidt om på det... jeg kan ikke finde ud af hvordan man bruger z index... så det komemr til at stå under hinanden (tror jeg) men jeg arbejder på det... jeg ved at det kan laves...

<HTML>
<HEAD>
<SCRIPT LANGUAGE=\"JavaScript\">
<!--
function dummy(){
}

function vis(i){
if (document.layers){
document.layers[\"text\"+i].visibility=\'show\';
//document.layers[\"text\"+i].z-index = 1;
}
else{
document.all[\"text\"+i].style.visibility=\'visible\';
}
}

function gem(i){
if (document.layers){
document.all[\"text\"+i].visibility=\'hide\';
//document.all[\"text\"+i].z-index=i+1;
}
else{
document.all[\"text\"+i].style.visibility=\'hidden\';
}
}
//-->
</SCRIPT>
</HEAD>
<BODY>

<a HREF=\"java script:dummy()\" onmouseover=\"java script:vis(1)\" onmouseout=\"java script:gem(1)\">link her</A>

<DIV ID=\"text1\" STYLE=\"z-index: 1; visibility: hidden;\">
Tekst til linket
</DIV>
</BODY>
</HTML>
Avatar billede 7th Praktikant
05. maj 2001 - 05:19 #10
www.webcafe.dk
Der står hvordan man kan gøre sådan...
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