Søg
Avatar billede madshenrik Nybegynder
07. november 1999 - 20:45 Der er 17 kommentarer og
1 løsning

On mouse over

Jeg har et image map som jeg ønsker at lave en lille forklaring til, altså når musen bevæger sig hen over skal der i en label under billedet står hvilket link dette billeder føre til og eventuelt også andre oplysninger. Hvordan gør jeg det.
Avatar billede mit Nybegynder
07. november 1999 - 20:50 #1
hvis du selv kan tilpasse den :)
..nederst på denne side

http://www.eksperten.dk/spm.asp?id=4300
Avatar billede mule Nybegynder
07. november 1999 - 21:09 #2
Kig på http://www.script.dk, der har de et glimrende eksempel, der hedder changeimg....

Mule
Avatar billede skjoldby Nybegynder
07. november 1999 - 21:19 #3
du kan gøre det ved at lægge en ALT="tekst" ind i IMG tagget eller ind i <Area> tagget.

Det er den simpelste måde at gøre det.
Avatar billede mule Nybegynder
07. november 1999 - 21:21 #4
Det duer ikke hvis du vil vis det nedeunder som du skrev....
Avatar billede skjoldby Nybegynder
07. november 1999 - 21:53 #5
Hvad mener du mule?
Prøv at gå ind på:
http://hjem.get2net.dk/skjoldet/html/home.html

Knapperne til venstre er lavet med image map. Hvad sker der når man holder musen over???????????
Avatar billede mule Nybegynder
07. november 1999 - 22:02 #6
Ok skjoldby, men jeg forstår det sådan at han vil have en label neden under billedet, der viser et eller andet når man kører musen over billedet, men det andet er selvfølgelig en meget mere simpel metode.....
Avatar billede skjoldby Nybegynder
07. november 1999 - 22:04 #7
Det er da en label, hvor han kan skrive hvad han vil...
Avatar billede mule Nybegynder
07. november 1999 - 22:06 #8
Ja ja, jeg forstår godt hvad du mener, og at det er god løsning, tilfreds......
Avatar billede skjoldby Nybegynder
07. november 1999 - 22:09 #9
jepper
Avatar billede madshenrik Nybegynder
08. november 1999 - 21:10 #10
som jeg ser det er eks. på hvordan man benytter tiptooltext i html kode. det var ikke helt det jeg mente. det jeg mente var at det der i eks. står i tiptooltext labals skulle stå for sig selv under billedet i en label altså ikke oven på billedet.
Avatar billede skjoldby Nybegynder
08. november 1999 - 21:14 #11
Jeg finder på noget.
Avatar billede skjoldby Nybegynder
10. november 1999 - 13:53 #12
Hej madshenrik.
Nu har jeg fundet på noget.
Når du har indsat det billede med imagemaps skal du nok lige rette placeringen af label'en ind. Det gør du i css'en (.label).
Hvis du vil have en fast højde eller bredde på label'en tilføjer du bare:
width: 50px;              eller
height: 50px:

Jeg håber du bliver glad for det:

<html>
<head>
<title>- = S K J O L D E T = -</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script language="JavaScript">
<!--
n=document.layers;
ie=document.all;

function showlabel(labelid){
if(ie || n){
if(n) {document.layers[labelid].visibility="show";}
else {document.all(labelid).visibility="visible";}
}
}

function hidelabel(labelid){
if(ie || n){
if(n) {document.layers[labelid].visibility="hidden";}
else {document.all(labelid).visibility="hidden";}
}
}


// -->
</script>
<style type="text/css">

<!--
.label {position:absolute;
        left:0px;
        top:100px;
        z-index:1;
        visibility: hidden;
        layer-background-color: #ffff99;
        background-color: #ffff99;
        border: 5px solid #ffff99;
}

// -->
</style>
</head>

<body bgcolor="#FFFFFF" marginheight="0" marginwidth="0" leftmargin="0" topmargin="0">

<div id="label1" class="label">Teksten
  til label/link 1</div>
<div id="label2" class="label">De her er s&aring; teksten til label/link 2</div>

<p><img src="5.gif" width="85" height="100" border="0" usemap="#map1"> <map name="map1">
    <area shape="rect" coords="0,0,70,35" href="1" onMouseOver="showlabel('label1')" onMouseOut="hidelabel('label1')">
    <area shape="rect" coords="10,45,85,90" href="2" onMouseOver="showlabel('label2')" onMouseOut="hidelabel('label2')">
  </map> </p>

</body>
</html>


mvh
Skjoldby
Avatar billede skjoldby Nybegynder
10. november 1999 - 13:58 #13
Hov. Jeg glemte og teste i IE. - og det virke selvfølgelig ikke. Øjeblik.
Avatar billede skjoldby Nybegynder
10. november 1999 - 14:04 #14
Undskyld undskyld. Men nu virker den:

<html>
<head>
<title>- = S K J O L D E T = -</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script language="JavaScript">
<!--
n=document.layers;
ie=document.all;

function showlabel(labelid){
if(ie || n){
if(n) {document.layers[labelid].visibility="show";}
else {document.all(labelid).style.visibility="visible";}
}
}

function hidelabel(labelid){
if(ie || n){
if(n) {document.layers[labelid].visibility="hidden";}
else {document.all(labelid).style.visibility="hidden";}
}
}


// -->
</script>
<style type="text/css">

<!--
.label {position:absolute;
        left:0px;
        top:100px;
        z-index:1;
        visibility: hidden;
    layer-background-color: #ffff99;
    background-color: #ffff99;
        border: 5px solid #ffff99;
}

// -->
</style>
</head>

<body bgcolor="#FFFFFF" marginheight="0" marginwidth="0" leftmargin="0" topmargin="0">
<img src="5.gif" width="85" height="100" border="0" usemap="#map1"> <map name="map1">
    <area shape="rect" coords="0,0,70,35" href="1" onMouseOver="showlabel('label1')" onMouseOut="hidelabel('label1')">
    <area shape="rect" coords="10,45,85,90" href="2" onMouseOver="showlabel('label2')" onMouseOut="hidelabel('label2')">
  </map>


<div id="label1" class="label">Teksten
  til label/link 1</div>
<div id="label2" class="label">De her er s&aring; teksten til label/link 2</div>


</body>
</html>
Avatar billede madshansen Nybegynder
11. november 1999 - 08:56 #15
tak for hjælpen jeg håber jeg kan få det til at virke. Acceptere dit svar når jeg kommer hjem.
Avatar billede madshenrik Nybegynder
11. november 1999 - 19:03 #16
har fået et nyt problem, nu kan jeg ikke indsætte din kode i html editoren i frontpage, uden at den laver lort i det et eks.}
Den tekst jeg ønsker at indsætte:
function hidelabel(labelid){
if(ie || n){
if(n) {document.layers[labelid].visibility="hidden";}
else {document.all(labelid).style.visibility="hidden";}
}
}
Det der bliver indsat:
}<BR><BR>function hidelabel(labelid){<BR>if(ie || n){<BR>if(n)
{document.layers[labelid].visibility="hidden";}<BR>else
{document.all(labelid).style.visibility="hidden";}<BR>}<BR>}<BR></body>

dette kan jeg absolut ikke forstå
Avatar billede madshenrik Nybegynder
11. november 1999 - 19:05 #17
hvad gør jeg
Avatar billede skjoldby Nybegynder
11. november 1999 - 19:41 #18
Sådan er frontpage. Get rid of it! Brug DreamWeaver fra Macromedia, eller også må du bruge din Notepad til at rette dine koder ind til sidst, - bare ikke så hensigtsmæssigt hvis du senrere vil rette i Frontpage.

Det lyder tilgengæld mærkligt at den laver <br> tags. Har du husket at sætte den i head og inden for script tagsne:

<script language="JavaScript">
<!--

HER

// -->
</script>

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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
IT-JOB

Politiets Efterretningstjeneste

AI/ML udvikler i PET

Capgemini Danmark A/S

AI Data Architect

Politiets Efterretningstjeneste

Fullstack softwareudvikler i PET

Politiets Efterretningstjeneste

Teknisk IT-sikkerhedsspecialist i PET

Mobilplan ApS

Customer Support Specialist
Seneste spørgsmål Seneste aktivitet
I går 20:07 Libra Office 26.2.5.2 - Er sort - Kan an ændre til lysere baggrund ? (Windows 11) Af Ikke-ekspert i Office & Kontorpakker
I går 11:24 Hvor kan jeg finde hjælp til at flytte fra min gamle Samsung Flip4 til min nye Samsung Galaxy S24 Af vbr i Apps til Android
I går 11:16 problem med mailbesked Af Pestilensen i Excel
I går 10:45 Powerbank Af postpeter@outlook.dk i Fri debat
22/0821:38 webui_forge_cu121_torch231 med AMD Grafikkort. Af jonpet i Andet software
White papers
Flere white papers »