/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Mouseover lignende funktion
Fra : S@ndman


Dato : 16-04-02 08:29

Hejsa,

Jeg har taget et screen-dump af vores website, hvor jeg så vil lave
hjælpefunktioner til de forskellige funktioner.

Kan man lave en form for mouseover, således at når man kører henover
billedet på bestemte steder, at man får en boks frem, hvori
hjælpebeskrivelsen står...??

Jimmy



 
 
Jakob Andersen (16-04-2002)
Kommentar
Fra : Jakob Andersen


Dato : 16-04-02 08:38

"S@ndman" <sandman@ofir.dk> skrev i en meddelelse
news:6qQu8.32233$iY5.1259158@news010.worldonline.dk...
> Kan man lave en form for mouseover, således at når man kører henover
> billedet på bestemte steder, at man får en boks frem, hvori
> hjælpebeskrivelsen står...??

Du har to muligheder:

1. Klippe billedet ud i mindre stykker og sætte mouseover på de enkelte
dele.
2. Lav et imagemap og sæt mouseover på dette.

2. kunne f.eks. se sådan her ud:

<img src="ditscreendump.jpg" alt="Før musen over de forskellige områder for
at få hjælp" usemap="#mitBilledKort">
<map name="mitBilledKort">
<area shape="rect" coords="97,122,162,187" href="#"
onmouseover="alert('Wuuu1');"></area>
<area shape="rect" coords="10,10,75,75" href="#"
onmouseover="alert('waaaa');"></area>
<area shape="default" href="#">
</map>

Hvis du er i tvivt om hvordan du laver dit imagemap så spørg igen. Eller
prøv evt. at benytte stones webwriters indbyggede imagemap funktion.

--
Jakob Andersen



S@ndman (16-04-2002)
Kommentar
Fra : S@ndman


Dato : 16-04-02 14:09


"Jakob Andersen" <jakob@effectus.dk> skrev i en meddelelse
news:a9gkdc$rkp$1@sunsite.dk...
> "S@ndman" <sandman@ofir.dk> skrev i en meddelelse
> news:6qQu8.32233$iY5.1259158@news010.worldonline.dk...
> > Kan man lave en form for mouseover, således at når man kører henover
> > billedet på bestemte steder, at man får en boks frem, hvori
> > hjælpebeskrivelsen står...??
>
> Du har to muligheder:
>
> 1. Klippe billedet ud i mindre stykker og sætte mouseover på de enkelte
> dele.
> 2. Lav et imagemap og sæt mouseover på dette.
>
> 2. kunne f.eks. se sådan her ud:
>
> <img src="ditscreendump.jpg" alt="Før musen over de forskellige områder
for
> at få hjælp" usemap="#mitBilledKort">
> <map name="mitBilledKort">
> <area shape="rect" coords="97,122,162,187" href="#"
> onmouseover="alert('Wuuu1');"></area>
> <area shape="rect" coords="10,10,75,75" href="#"
> onmouseover="alert('waaaa');"></area>
> <area shape="default" href="#">
> </map>
>
> Hvis du er i tvivt om hvordan du laver dit imagemap så spørg igen. Eller
> prøv evt. at benytte stones webwriters indbyggede imagemap funktion.
>
> --
> Jakob Andersen
>
Hej Jakob,

Det virker helt kanon, havde allerede Stones, men ikke kigget efter den
funktionalitet. Jeg har droppet onmouseover, da jeg synes standardboksen er
rigeligt.

Men hvordan sætter jeg fonten op og evt. laver det med fed (det som står i
boksen)...??

Jimmy



S@ndman (16-04-2002)
Kommentar
Fra : S@ndman


Dato : 16-04-02 14:13

Kan man evt. lave et *.css for et map..??

Jimmy

"S@ndman" <sandman@ofir.dk> skrev i en meddelelse
news:hpVu8.32313$iY5.1270048@news010.worldonline.dk...
>
> "Jakob Andersen" <jakob@effectus.dk> skrev i en meddelelse
> news:a9gkdc$rkp$1@sunsite.dk...
> > "S@ndman" <sandman@ofir.dk> skrev i en meddelelse
> > news:6qQu8.32233$iY5.1259158@news010.worldonline.dk...
> > > Kan man lave en form for mouseover, således at når man kører henover
> > > billedet på bestemte steder, at man får en boks frem, hvori
> > > hjælpebeskrivelsen står...??
> >
> > Du har to muligheder:
> >
> > 1. Klippe billedet ud i mindre stykker og sætte mouseover på de enkelte
> > dele.
> > 2. Lav et imagemap og sæt mouseover på dette.
> >
> > 2. kunne f.eks. se sådan her ud:
> >
> > <img src="ditscreendump.jpg" alt="Før musen over de forskellige områder
> for
> > at få hjælp" usemap="#mitBilledKort">
> > <map name="mitBilledKort">
> > <area shape="rect" coords="97,122,162,187" href="#"
> > onmouseover="alert('Wuuu1');"></area>
> > <area shape="rect" coords="10,10,75,75" href="#"
> > onmouseover="alert('waaaa');"></area>
> > <area shape="default" href="#">
> > </map>
> >
> > Hvis du er i tvivt om hvordan du laver dit imagemap så spørg igen. Eller
> > prøv evt. at benytte stones webwriters indbyggede imagemap funktion.
> >
> > --
> > Jakob Andersen
> >
> Hej Jakob,
>
> Det virker helt kanon, havde allerede Stones, men ikke kigget efter den
> funktionalitet. Jeg har droppet onmouseover, da jeg synes standardboksen
er
> rigeligt.
>
> Men hvordan sætter jeg fonten op og evt. laver det med fed (det som står i
> boksen)...??
>
> Jimmy
>
>



Jakob Andersen (16-04-2002)
Kommentar
Fra : Jakob Andersen


Dato : 16-04-02 14:17

"S@ndman" <sandman@ofir.dk> skrev i en meddelelse
news:hpVu8.32313$iY5.1270048@news010.worldonline.dk...
> Men hvordan sætter jeg fonten op og evt. laver det med fed (det som står i
> boksen)...??

Det kan du ikke helt rigtigt så skal du til at kigge på f.eks. OverLib:

<URL: http://javascript.internet.com/messages/overlib.html>

--
Jakob Andersen



S@ndman (16-04-2002)
Kommentar
Fra : S@ndman


Dato : 16-04-02 14:22


"Jakob Andersen" <jakob@effectus.dk> skrev i en meddelelse
news:a9h89q$9vp$1@sunsite.dk...
> "S@ndman" <sandman@ofir.dk> skrev i en meddelelse
> news:hpVu8.32313$iY5.1270048@news010.worldonline.dk...
> > Men hvordan sætter jeg fonten op og evt. laver det med fed (det som står
i
> > boksen)...??
>
> Det kan du ikke helt rigtigt så skal du til at kigge på f.eks. OverLib:
>
> <URL: http://javascript.internet.com/messages/overlib.html>
>
> --
> Jakob Andersen
>
>
Nu er jeg ikke den store java-haj, men hvordan får jeg det sat ind i min
kode...???

<IMG SRC="screendump.jpg" BORDER="0" WIDTH="995" HEIGHT="630" ALT=""
USEMAP="#Varenummer">
NB: hvad er ALT?? USEMAP??
<MAP NAME="Varenummer">
<AREA SHAPE="rect" COORDS="7,160,88,207" HREF="1: " ALT="Tast et
varenummer">
<AREA SHAPE="rect" COORDS="92,170,148,209" HREF="2: " ALT="Når man har
tastet et varenummer, hentes det ved at trykke her">

Jimmy



Jørn Andersen (17-04-2002)
Kommentar
Fra : Jørn Andersen


Dato : 17-04-02 01:36

On Tue, 16 Apr 2002 15:21:33 +0200, "S@ndman" <sandman@ofir.dk> wrote:

><IMG SRC="screendump.jpg" BORDER="0" WIDTH="995" HEIGHT="630" ALT=""
>USEMAP="#Varenummer">
>NB: hvad er ALT?? USEMAP??

ALT er en beskrivende tekst, der vises for brugere, som ikke kan/vil
se billeder - skal ALTID bruges på IMG :) (og AREA)

USEMAP laver forbindelsen mellem dit billede (IMG USEMAP) og dit Image
Map (MAP NAME) - i Jakobs eksempel kan du se det herover + herunder.

><MAP NAME="Varenummer">
><AREA SHAPE="rect" COORDS="7,160,88,207" HREF="1: " ALT="Tast et
>varenummer">
><AREA SHAPE="rect" COORDS="92,170,148,209" HREF="2: " ALT="Når man har
>tastet et varenummer, hentes det ved at trykke her">

Good luck,
Jørn

--
Jørn Andersen,
Brønshøj

S@ndman (17-04-2002)
Kommentar
Fra : S@ndman


Dato : 17-04-02 08:03


"Jakob Andersen" <jakob@effectus.dk> skrev i en meddelelse
news:a9gkdc$rkp$1@sunsite.dk...
> "S@ndman" <sandman@ofir.dk> skrev i en meddelelse
> news:6qQu8.32233$iY5.1259158@news010.worldonline.dk...
> > Kan man lave en form for mouseover, således at når man kører henover
> > billedet på bestemte steder, at man får en boks frem, hvori
> > hjælpebeskrivelsen står...??
>
> Du har to muligheder:
>
> 1. Klippe billedet ud i mindre stykker og sætte mouseover på de enkelte
> dele.
> 2. Lav et imagemap og sæt mouseover på dette.
>
> 2. kunne f.eks. se sådan her ud:
>
> <img src="ditscreendump.jpg" alt="Før musen over de forskellige områder
for
> at få hjælp" usemap="#mitBilledKort">
> <map name="mitBilledKort">
> <area shape="rect" coords="97,122,162,187" href="#"
> onmouseover="alert('Wuuu1');"></area>
> <area shape="rect" coords="10,10,75,75" href="#"
> onmouseover="alert('waaaa');"></area>
> <area shape="default" href="#">
> </map>
>
> Hvis du er i tvivt om hvordan du laver dit imagemap så spørg igen. Eller
> prøv evt. at benytte stones webwriters indbyggede imagemap funktion.
>
> --
> Jakob Andersen
>
>Hejsa,

Stones er godt til det, men nu har jeg lavet halvdelen og så røg den over i
editoren igen (væk fra image mapet), hvordan kommer jeg tilbage til det
igen...???

Jimmy



Jakob Andersen (17-04-2002)
Kommentar
Fra : Jakob Andersen


Dato : 17-04-02 09:02

"S@ndman" <sandman@ofir.dk> skrev i en meddelelse
news:%79v8.33700$iY5.1318734@news010.worldonline.dk...
> Stones er godt til det, men nu har jeg lavet halvdelen og så røg den over
i
> editoren igen (væk fra image mapet), hvordan kommer jeg tilbage til det
> igen...???

Prøv at højreklikke på IMG tagget.

--
Jakob Andersen



S@ndman (18-04-2002)
Kommentar
Fra : S@ndman


Dato : 18-04-02 13:40

Hejsa,

Er det muligt, at man kan få lidt mere luft rundt om teksten i boksen...????

Jimmy



Jakob Andersen (18-04-2002)
Kommentar
Fra : Jakob Andersen


Dato : 18-04-02 15:22

"S@ndman" <sandman@ofir.dk> skrev i en meddelelse
news:V9zv8.29911$567.1263822@news000.worldonline.dk...
> Er det muligt, at man kan få lidt mere luft rundt om teksten i
boksen...????

Du ændrer blot i stylesheetet og indsætter:

padding:5px;

eller lignende.

--
Jakob Andersen



S@ndman (19-04-2002)
Kommentar
Fra : S@ndman


Dato : 19-04-02 09:33

> Du ændrer blot i stylesheetet og indsætter:
>
> padding:5px;
>
> eller lignende.
>
> --
> Jakob Andersen
>
> Takker....

Er det også muligt, at det billede man indsætter i sit imagemap, at gøre så
ligegyldigt hvilken størrelse opløsning man åbner det i, så bliver det
tilpasset til netop den opløsning...??

Jeg sidder f.eks. selv med en skærm hvor jeg kører 1600x1200, men den skal
også kunne ses på 800x600........

Jimmy



Insider (19-04-2002)
Kommentar
Fra : Insider


Dato : 19-04-02 10:14

S@ndman wrote:
>
> > Du ændrer blot i stylesheetet og indsætter:
> >
> > padding:5px;
> >
> > eller lignende.
> >
> > --
> > Jakob Andersen
> >
> > Takker....
>
> Er det også muligt, at det billede man indsætter i sit imagemap, at gøre så
> ligegyldigt hvilken størrelse opløsning man åbner det i, så bliver det
> tilpasset til netop den opløsning...??
>
> Jeg sidder f.eks. selv med en skærm hvor jeg kører 1600x1200, men den skal
> også kunne ses på 800x600........
>

Or 640x480. Also, there are still many 13-15 inch screens in use.


--
Insider

Jakob Andersen (19-04-2002)
Kommentar
Fra : Jakob Andersen


Dato : 19-04-02 23:19

"S@ndman" <sandman@ofir.dk> wrote in message
news:vEQv8.31916$567.1304568@news000.worldonline.dk...
> Er det også muligt, at det billede man indsætter i sit imagemap, at gøre

> ligegyldigt hvilken størrelse opløsning man åbner det i, så bliver det
> tilpasset til netop den opløsning...??

Så skal du have billedet i x forskellige størrelser hvilket nok bliver lidt
belastende at lave.

--
Jakob Andersen



S@ndman (17-04-2002)
Kommentar
Fra : S@ndman


Dato : 17-04-02 09:01

>Hejsa,
>
> Stones er godt til det, men nu har jeg lavet halvdelen og så røg den over
i
> editoren igen (væk fra image mapet), hvordan kommer jeg tilbage til det
> igen...???
>
> Jimmy
>
Har fundet ud af det......

Jacob du skrev lidt om noget script for at kunne lave teksten fed osv......

<area shape="rect" coords="92,172,145,207" alt="Hent">
<area shape="rect" coords="5,209,154,245" alt="Bruger">

Jeg ville f.eks. gerne lave om på "Hent....." og "Bruger...."......, har
kigget på det link du har postet, men er ikke stærk i script. Nogen som har
lyst til at beskrive det lidt nærmere...??

Jimmy



Jakob Andersen (17-04-2002)
Kommentar
Fra : Jakob Andersen


Dato : 17-04-02 10:42

"S@ndman" <sandman@ofir.dk> skrev i en meddelelse
news:t_9v8.27718$567.1195309@news000.worldonline.dk...
> Jeg ville f.eks. gerne lave om på "Hent....." og "Bruger...."......, har
> kigget på det link du har postet, men er ikke stærk i script. Nogen som
har
> lyst til at beskrive det lidt nærmere...??

Jeg har lige komponeret dette script:

<script type="text/javascript">
// De globale variabler til at holde musepositionen deklareres
var mouseX = 0
var mouseY = 0

// Alle browsere undtagen IE kræver at man gør
// browseren opmærksom på at den skal reagere på en event
if(!document.all){
document.captureEvents(Event.MOUSEMOVE);
}

// Hvergang musen bevæger sig indenfor
//dokumentobjektet udføres funktionen musXY
document.onmousemove = musXY;


// Denne funktion henter musens position
//og lægger den i vores globale variabler
function musXY(e){
if( document.all ){
mouseX = event.clientX + document.body.scrollLeft;
mouseY = event.clientY + document.body.scrollTop;
}else{
mouseX = e.pageX;
mouseY = e.pageY;
}
}


// Denne funktion skriver det specificerede indhold
// til vores tooltip layer og flytter det derefter til
// musens koordinater og gør det synligt.
function visToolTip( strHTMLInput ){
if( document.layers ){
objToolTip = document.layers['tooltip'];
objToolTip.document.open();
objToolTip.document.write(strHTMLInput);
objToolTip.document.close();
objToolTip.top = mouseY;
objToolTip.left = mouseX;
objToolTip.visibility = 'show';
}else{
objToolTip = document.getElementById('tooltip');
objToolTip.innerHTML = strHTMLInput;
objToolTip.style.left = mouseX;
objToolTip.style.top = mouseY;
objToolTip.style.visibility = 'visible';

}
}

//Denne funktion gør blot laget usynligt.
function gemToolTip(){
if( document.layers ){
objToolTip = document.layers['tooltip'];
objToolTip.visibility = 'hidden';
}else{
objToolTip = document.getElementById('tooltip');
objToolTip.style.visibility = 'hidden';
}
}
</script>

Samt dette lille stylesheet:

<style type="text/css">
#tooltip{
background-color:#FF0000;
border:1px solid black;
font-size:8pt;
font-family:sans serif;
visibility:hidden;
position:absolute;
}
</style>

Smid dette ind i toppen af din fil imellem "<head>" og "</head>" Og så
skriver du laver du dit imagemap sådan her:


<IMG SRC="screendump.jpg" BORDER="0" WIDTH="995" HEIGHT="630" ALT=""
USEMAP="#Varenummer">
<MAP NAME="Varenummer">
<AREA SHAPE="rect" COORDS="7,160,88,207" HREF="#" ALT=""
onmouseover="visToolTip('Tast et varenummer');" onmouseout="gemToolTip();">
<AREA SHAPE="rect" COORDS="92,170,148,209" HREF="2: " ALT=""
onmouseover="visToolTip('Når man har
tastet et <b>varenummer</b><br>hentes det ved at trykke her');"
onmouseout="gemToolTip();">
</MAP>


--
Jakob Andersen



S@ndman (17-04-2002)
Kommentar
Fra : S@ndman


Dato : 17-04-02 10:59

Hej Jakob,

Du er vist lidt af en haj....

Jeg kender kun til html lige pt.....

<html>
<head>
</head>
<body>
</body>
</html>

Hvor skal scriptet indsættes...??

Jimmy



Jakob Andersen (17-04-2002)
Kommentar
Fra : Jakob Andersen


Dato : 17-04-02 11:05

"S@ndman" <sandman@ofir.dk> skrev i en meddelelse
news:EIbv8.27759$567.1198248@news000.worldonline.dk...
> Du er vist lidt af en haj....

Nej, det er jeg nu ikke, der er mange her i gruppen jeg kun når til
sokkeholderne

> Hvor skal scriptet indsættes...??

<html>
<head>
Scriptet skal indsættes her og det skal stylesheetet også
</head>
<body>
</body>
</html>

--
Jakob Andersen



S@ndman (17-04-2002)
Kommentar
Fra : S@ndman


Dato : 17-04-02 11:09

Mystisk, jeg kan ikke få det til at virke....

<html>

<head>
<script type="text/javascript">
// De globale variabler til at holde musepositionen deklareres
var mouseX = 0
var mouseY = 0

// Alle browsere undtagen IE kræver at man gør
// browseren opmærksom på at den skal reagere på en event
if(!document.all){
document.captureEvents(Event.MOUSEMOVE);
}

// Hvergang musen bevæger sig indenfor
//dokumentobjektet udføres funktionen musXY
document.onmousemove = musXY;


// Denne funktion henter musens position
//og lægger den i vores globale variabler
function musXY(e){
if( document.all ){
mouseX = event.clientX + document.body.scrollLeft;
mouseY = event.clientY + document.body.scrollTop;
}else{
mouseX = e.pageX;
mouseY = e.pageY;
}
}


// Denne funktion skriver det specificerede indhold
// til vores tooltip layer og flytter det derefter til
// musens koordinater og gør det synligt.
function visToolTip( strHTMLInput ){
if( document.layers ){
objToolTip = document.layers['tooltip'];
objToolTip.document.open();
objToolTip.document.write(strHTMLInput);
objToolTip.document.close();
objToolTip.top = mouseY;
objToolTip.left = mouseX;
objToolTip.visibility = 'show';
}else{
objToolTip = document.getElementById('tooltip');
objToolTip.innerHTML = strHTMLInput;
objToolTip.style.left = mouseX;
objToolTip.style.top = mouseY;
objToolTip.style.visibility = 'visible';

}
}

//Denne funktion gør blot laget usynligt.
function gemToolTip(){
if( document.layers ){
objToolTip = document.layers['tooltip'];
objToolTip.visibility = 'hidden';
}else{
objToolTip = document.getElementById('tooltip');
objToolTip.style.visibility = 'hidden';
}
}
</script>

<style type="text/css">
#tooltip{
background-color:#FF0000;
border:1px solid black;
font-size:8pt;
font-family:sans serif;
visibility:hidden;
position:absolute;
}
</style>

</head>

<body>

<IMG SRC="screendump.jpg" BORDER="0" WIDTH="995" HEIGHT="630" ALT=""
USEMAP="#Varenummer">
<MAP NAME="Varenummer">
<AREA SHAPE="rect" COORDS="7,160,88,207" HREF="#" ALT=""
onmouseover="visToolTip('Tast et varenummer');" onmouseout="gemToolTip();">
</MAP>

</body>

</html>

Jimmy



S@ndman (17-04-2002)
Kommentar
Fra : S@ndman


Dato : 17-04-02 11:13

Nu viser den billedet, men den kommer med en scriptfejl, og der kommer
ingenting hvor der f.eks. "varenummer", når jeg kører henover.....

Jimmy



Jakob Andersen (17-04-2002)
Kommentar
Fra : Jakob Andersen


Dato : 17-04-02 11:33

"S@ndman" <sandman@ofir.dk> skrev i en meddelelse
news:5Sbv8.27764$567.1198848@news000.worldonline.dk...
> <body>
>
> <IMG SRC="screendump.jpg" BORDER="0" WIDTH="995" HEIGHT="630" ALT=""
> USEMAP="#Varenummer">
> <MAP NAME="Varenummer">
> <AREA SHAPE="rect" COORDS="7,160,88,207" HREF="#" ALT=""
> onmouseover="visToolTip('Tast et varenummer');"
onmouseout="gemToolTip();">
> </MAP>
>
> </body>
>
> </html>

Det er mig der har glemt at fortælle at du skal sætte en div block ind lige
efter <body>, den skal se sådan her ud:

<div id="tooltip">
Din browser kan desværre ikke vise tooltippet til dette punkt
</div>

--
Jakob Andersen



S@ndman (17-04-2002)
Kommentar
Fra : S@ndman


Dato : 17-04-02 11:45


"Jakob Andersen" <jakob@effectus.dk> skrev i en meddelelse
news:a9jj6h$j51$1@sunsite.dk...
> "S@ndman" <sandman@ofir.dk> skrev i en meddelelse
> news:5Sbv8.27764$567.1198848@news000.worldonline.dk...
> > <body>
> >
> > <IMG SRC="screendump.jpg" BORDER="0" WIDTH="995" HEIGHT="630" ALT=""
> > USEMAP="#Varenummer">
> > <MAP NAME="Varenummer">
> > <AREA SHAPE="rect" COORDS="7,160,88,207" HREF="#" ALT=""
> > onmouseover="visToolTip('Tast et varenummer');"
> onmouseout="gemToolTip();">
> > </MAP>
> >
> > </body>
> >
> > </html>
>
> Det er mig der har glemt at fortælle at du skal sætte en div block ind
lige
> efter <body>, den skal se sådan her ud:
>
> <div id="tooltip">
> Din browser kan desværre ikke vise tooltippet til dette punkt
> </div>
>
> --
> Jakob Andersen
>
> Kanon.....nu virker det perfekt......))))

Jeg er en glad mand og har også næsten forstået princippet i
scriptet....

Jimmy




Jakob Andersen (17-04-2002)
Kommentar
Fra : Jakob Andersen


Dato : 17-04-02 11:47

"S@ndman" <sandman@ofir.dk> skrev i en meddelelse
news:Incv8.33746$iY5.1326231@news010.worldonline.dk...
> Jeg er en glad mand og har også næsten forstået princippet i
> scriptet....

Hvis du så vil gøre mig den lille tjeneste til gengæld at kigge på følgende
adresse:

<URL: http://www.usenet.dk/netikette/citatteknik.html>

--
Jakob Andersen



S@ndman (17-04-2002)
Kommentar
Fra : S@ndman


Dato : 17-04-02 11:58

> Hvis du så vil gøre mig den lille tjeneste til gengæld at kigge på
følgende
> adresse:
>
> <URL: http://www.usenet.dk/netikette/citatteknik.html>
>
> --
> Jakob Andersen
>
>
Det er hermed gjort.....



Jørn Andersen (17-04-2002)
Kommentar
Fra : Jørn Andersen


Dato : 17-04-02 11:56

On Wed, 17 Apr 2002 12:32:52 +0200, "Jakob Andersen"
<jakob@effectus.dk> wrote:

>Det er mig der har glemt at fortælle at du skal sætte en div block ind lige
>efter <body>, den skal se sådan her ud:
>
><div id="tooltip">
> Din browser kan desværre ikke vise tooltippet til dette punkt
></div>

+ der er en lille fejl i dit stylesheet:
font-family:sans serif;

skal være:
font-family:sans-serif;


Mvh. Jørn


--
Jørn Andersen,
Brønshøj

Jakob Andersen (17-04-2002)
Kommentar
Fra : Jakob Andersen


Dato : 17-04-02 11:33

"S@ndman" <sandman@ofir.dk> skrev i en meddelelse
news:5Sbv8.27764$567.1198848@news000.worldonline.dk...
> <body>
>
> <IMG SRC="screendump.jpg" BORDER="0" WIDTH="995" HEIGHT="630" ALT=""
> USEMAP="#Varenummer">
> <MAP NAME="Varenummer">
> <AREA SHAPE="rect" COORDS="7,160,88,207" HREF="#" ALT=""
> onmouseover="visToolTip('Tast et varenummer');"
onmouseout="gemToolTip();">
> </MAP>
>
> </body>
>
> </html>

Det er mig der har glemt at fortælle at du skal sætte en div block ind lige
efter <body>, den skal se sådan her ud:

<div id="tooltip">
Din browser kan desværre ikke vise tooltippet til dette punkt
</div>

--
Jakob Andersen



Jørn Andersen (17-04-2002)
Kommentar
Fra : Jørn Andersen


Dato : 17-04-02 12:02

On Wed, 17 Apr 2002 12:32:52 +0200, "Jakob Andersen"
<jakob@effectus.dk> wrote:

>Det er mig der har glemt at fortælle at du skal sætte en div block ind lige
>efter <body>, den skal se sådan her ud:

Pyha, den nåede jeg lige at finde, inden du kom med svaret - så det må
gå fremad for mit JavaScript :)

Jeg er først fornylig begyndt at kigge mere seriøst på JavaScript - og
jeg synes sgu det er svært at hitte rede i alle de ting de forskellige
browsere kan og ikke kan - og ikke mindst forskellene i deres
DOM-opbygning.

Heldigvis kan jeg i første omgang nøjes med at eksperimentere på et
intranet, hvor folk kun formodes at have MSIE 5+ installeret.
Det er ligesom at få lov til at lege i en kravlegård, inden man bliver
sluppet løs i den store, onde og grusomme internet-verden ...

Mvh. Jørn

--
Jørn Andersen,
Brønshøj

Jakob Andersen (17-04-2002)
Kommentar
Fra : Jakob Andersen


Dato : 17-04-02 12:26

"Jørn Andersen" <jorn@jorna.dk> skrev i en meddelelse
news:m6lqbu4rv0eaku4vv3mn6jh2777h5033i6@4ax.com...
> Jeg er først fornylig begyndt at kigge mere seriøst på JavaScript - og
> jeg synes sgu det er svært at hitte rede i alle de ting de forskellige
> browsere kan og ikke kan - og ikke mindst forskellene i deres
> DOM-opbygning.

Apropos, skal det liges sige at det script jeg har lavet og postet i denne
tråd ikke virker i Opera da opera ikke har nogen måde at udskifte indhold i
et lag efter at siden er loadet.(Hverken ved at manipulere med
nodestrukturen - the DOM way eller ved at bruge innerHTML)

Hvis nogle virkelig brænder for en operaversion vil det kræve at alle
tooltips skrives i deres eget lag under sidens opbygning. (Sig til hvis jeg
skal lave et eksempel)

--
Jakob Andersen



Jørn Andersen (17-04-2002)
Kommentar
Fra : Jørn Andersen


Dato : 17-04-02 11:16

On Wed, 17 Apr 2002 11:58:49 +0200, "S@ndman" <sandman@ofir.dk> wrote:

>Hej Jakob,
>
>Du er vist lidt af en haj....

Det er han nemlig :)

>Jeg kender kun til html lige pt.....
>
><html>
><head>
--- > Indsæt script her
></head>
><body>
></body>
></html>

Good luck,
Jørn

--
Jørn Andersen,
Brønshøj

Jørn Andersen (17-04-2002)
Kommentar
Fra : Jørn Andersen


Dato : 17-04-02 15:25

On Wed, 17 Apr 2002 11:41:32 +0200, "Jakob Andersen"
<jakob@effectus.dk> wrote:

>Jeg har lige komponeret dette script:
<snip>
>Samt dette lille stylesheet:
>
><style type="text/css">
>#tooltip{
> background-color:#FF0000;
> border:1px solid black;
> font-size:8pt;
> font-family:sans serif;
> visibility:hidden;
> position:absolute;
>}
></style>

Det kan nok være en fordel at indsætte fx:

z-index:5;

i stylesheet'et - så den lægger sig over andre objekter på siden.


Mvh. Jørn

--
Jørn Andersen,
Brønshøj

Søg
Reklame
Statistik
Spørgsmål : 177560
Tips : 31968
Nyheder : 719565
Indlæg : 6408952
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste