Avatar billede lejrklokke Nybegynder
03. februar 2003 - 13:55 Der er 8 kommentarer og
1 løsning

Hvordan adresserer jeg til bestemte steder på skærmen ?

Hej kyndige personer !

Jeg har fundet et script på Nettet, som jeg gerne vil bruge til eget brug.
Scriptet gør det, at det viser en tekst et andet sted på skærmen, når man holder musen på et link. Imidlertid vil jeg gerne selv kunne bestemme, hvor denne tekst skal poppe op på skærmen, men kan ikke finde ud af hvor i koden jeg kan ændre "stedet" på skærmen hvor teksten popper op.
Kan nogen hjælpe mig vil jeg være taknemmelig.

N.B. Koden er indsat herunder:

Med venlige hilsner

Lejrklokke.

KODEN:
<html>

<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>EUC NORD Fjernundervisning Altavista Chart</title>

<script>
<!--
var content=new Array()
//change the array below to the text associated with your links Expand or contract the array, depending on how many links you have
content[0]='<br><big><b>EUC NORD</b></big><br>Står du og mangler et god kursus - er det her du skal lede.'
content[1]='<br><big><b>Fjernundervisning</b></big><br>Det bedste af slagsen finder du her på adressen...'
content[2]='<br><big><b>Altavista</b></big><br>Ved du at AlaVista nu også findes i en Dansk version .'
content[3]='<br><big><b>Chart.dk</b></big><br>Super god hitliste og besøgstæller.'
content[4]='<br><big><b>Kender du</b></big><br>1klik.dk - en forholdsvis ny dansk søgemaskine og meget meget mere.'
content[5]='<br><big><b>SMS Beskeder</b></big><br>Skal du sende en SMS besked fra Nettet ? - så prøv besked.dk.'
content[6]='<br><big><b>Tipchannel.dk</b></big><br>Lær mere om din computer.'
content[7]='<br><big><b>Ophavsret</b></big><br>Har du spørgsmål omkring ophavsret - så kik her.'
content[8]='<br><big><b>ASP</b></big><br>Er du interesseret i ASP, så må du kende stedet her..'

function changetext(whichcontent){
if (document.all)
descriptions.innerHTML='<font face="Verdana"><small>'+whichcontent+'<font></small>'
}


function reset(){
if (!scriptmenu.contains(event.toElement))
descriptions.innerHTML=temphtml
}
//-->
</script>

</head>

<body>


<div align="left">
  <table border="1" cellpadding="5" cellspacing="0" width="100%">
    <tr>
      <td width="300"><div id="scriptmenu" style="line-height:20px"
            onMouseout="reset()"><p><strong><font face="Verdana"><a href="http://www.eucnord.dk" onMouseover="changetext(content[0])"><small>EUC NORD</small></a><br>
          <a href="http://www.fjernuv.net" onMouseover="changetext(content[1])"><small>Fjernundervisning</small></a><br>
          <a href="http://dk.altavista.com/" onMouseover="changetext(content[2])"><small>Altavista</small></a><br>
          <a href="http://www.chart.dk" onMouseover="changetext(content[3])"><small>Chart.dk</small></a><br>
          <a href="http://www.1klik.dk" onMouseover="changetext(content[4])"><small>1klik.dk</small></a><br>
          <a href="http://www.besked.dk/" onMouseover="changetext(content[5])"><small>SMS</small></a><br>
          <a href="http://www.tipchannel.dk/" onMouseover="changetext(content[6])"><small>Tipchannel</small></a><br>
          <a href="http://www.ophavsret.dk/formaal.htm" onMouseover="changetext(content[7])"><small>Ophavsret</small></a><br>
          <a href="http://www.activeserverpages.dk/" onMouseover="changetext(content[8])"><small>ASP
          Digital</small></a></font></strong></p>
</div></td>
      <td><div id="descriptions" align="left"><strong><font
        face="Verdana" color="#000000"><p>Forklaring til dine link!<br>
        </font></strong><font face="Verdana"><small>Vil du gerne have en forklaring til dine link?.
        Så er dette DHTML script måske noget for dig. - Held og lykke
        </small><br>
        </font>
</div>
<script language="JavaScript1.2">
if (document.all)
var temphtml=descriptions.innerHTML
      </script></td>
    </tr>
  </table>
</div>

</body>

</html>
Avatar billede nikolajdu Nybegynder
03. februar 2003 - 14:05 #1
<div id="descriptions" align="left" style="left:400;top:200;">

Sådan?

/Nikolaj
Avatar billede lejrklokke Nybegynder
03. februar 2003 - 14:23 #2
Hvor skal jeg putte din sætning ind henne ???

Mvh.

Lejrklokke
Avatar billede nikolajdu Nybegynder
03. februar 2003 - 14:29 #3
Det skal erstatte den du har magen til. eller du skal indsætte det her i den du allerede har stående. : style="left:400;top:200;"

Left angiver antal pixels fra ventre og top fra toppen...

/Nikolaj
Avatar billede lejrklokke Nybegynder
03. februar 2003 - 18:27 #4
Hej igen !

Det virker ikke helt efter hensigten.
Hvis jeg nu f.eks. vil have teksten (i form af et gif-billede)til
at poppe op nederst til højre på skærmen,- hvor i den kode jeg medsendte skal
jeg så ændre  ?????

Mvh.  Lejrklokke.
Avatar billede nikolajdu Nybegynder
03. februar 2003 - 21:15 #5
højre hjørne er et ganske dynamisk punkt. Folk har forskellige opløsninger og nogle har ikke maksimeret deres browser - Det kan altså være vidt forskelligt fra bruger til bruger.

Det kan dog lade sig gøre, men så skal der en hel del kode til.
Avatar billede nikolajdu Nybegynder
03. februar 2003 - 21:17 #6
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

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

<body>

<SCRIPT LANGUAGE="JavaScript">
function setVariables() {
imgwidth=499;  // logo width, in pixels
imgheight=241;  // logo height, in pixels
if (navigator.appName == "Netscape") {
horz=".right";
vert=".bottom";
docStyle="document.";
styleDoc="";
innerW="window.innerWidth";
innerH="window.innerHeight";
offsetX="window.pageXOffset";
offsetY="window.pageYOffset";
}
else {
horz=".pixelright";
vert=".pixelbottom";
docStyle="";
styleDoc=".style";
innerW="document.body.clientWidth";
innerH="document.body.clientHeight";
offsetX="document.body.scrollright";
offsetY="document.body.scrollbottom";
  }
}
function checkLocation() {
objectXY="branding";
var availableX=eval(innerW);
var availableY=eval(innerH);
var currentX=eval(offsetX);
var currentY=eval(offsetY);
x=availableX-(imgwidth+0)+currentX;
y=availableY-(imgheight+0)+currentY;
evalMove();
setTimeout("checkLocation()",0);
}
function evalMove() {
eval(docStyle + objectXY + styleDoc + horz + "=" + x);
eval(docStyle + objectXY + styleDoc + vert + "=" + y);
}
// End -->
</SCRIPT>


------ Body ----------

Her st&aring;r din side.....

<div id="descriptions" style="position:absolute; visibility:show; right:0px; bottom:0px; z-index:0" align="left"><strong><font
        face="Verdana" color="#000000"><p>Forklaring til dine link!<br>
        </font></strong><font face="Verdana"><small>Vil du gerne have en forklaring til dine link?.
        Så er dette DHTML script måske noget for dig. - Held og lykke
        </small><br>
        </font>
</div>

</body>
</html>
Avatar billede lejrklokke Nybegynder
03. februar 2003 - 22:50 #7
Hej igen !
Jeg skal skynde mig at sige, at jeg er nybegynder.
Men jeg prøvede at kopiere nedenstående kode (fra din kode)ind i min oprindelige kode (fra spørgsmålet),- og det virkede, således at billedet/teksten nu blev vist i hjørnet, når pegede med musen på det første billede. Det er altså en succes. Imidlertid ville det være rart, hvis jeg også kunne få en forklaring på, hvordan jeg positionerer mig frem til et bestemt sted. Kan du evt. forklare det det kort (eller er det et større projekt end som så ???).

style="position:absolute; visibility:show; right:0px; bottom:0px; z-index:0" align="left">

Med venlig hilsen

Lejrklokke
Avatar billede nikolajdu Nybegynder
04. februar 2003 - 02:40 #8
Hvis du vil positionere et bestemt sted, så er det såmænd det jeg startede med...

style="position:absolute;left:400;top:200;"
Avatar billede nikolajdu Nybegynder
04. februar 2003 - 02:55 #9
tak for point :)
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

Seneste spørgsmål Seneste aktivitet
I går 21:00 Libre Office Impress Af Frank i Andre styresystemer
I går 11:47 VB script Af Jenshentze i Word
I går 11:21 Popup ved opstart Af mort1 i Windows
04/0918:50 Slet lokal konto Af ErikHg i Windows
04/0916:05 Ændre tal i en celle Af xvid i Excel