Avatar billede el-prebsi Nybegynder
05. december 2001 - 20:57 Der er 10 kommentarer

Element skal tildeles cursorens position

Hej

Jeg vil gerne lave et element der får cursorens position når man kører musen hen over et andet element...

eks. på kodning som bare ikke virker

<html>

<head>
  <script type=\"text/javascript\">
  <!--
    function LeftCursorPos() {
      document.all(\'tabelnr\').style.left = event.clientX;
    }
  -->
  </script>
</head>


<body>

  <table id=\"tabelnr\" style=\"border: 1px solid black; position: absolute; left:

10px; top: 20px; visibility: visible;\">
    <tr>
      <td>
        en lille test for at se om skidtet virker - men det gør det bare ikke
      </td>
    </tr>
  </table>

  <script type=\"text/javascript\">
    LeftCursorPos();
  </script>

</body>

</html>

Elementet \"tablenr\" skal have musecursorens position når dokumentet loades - men hvordan gør jeg dette korrekt!!!

Håber I kan hjælpe mig...
Avatar billede nute Nybegynder
05. december 2001 - 21:13 #1
du bør legge din tabell inn i et layer for å gi muligheter for at NS kan få det til å fungere...men se litt på dette:

<html>
<head>
<title></title>
<script language=\"JavaScript\">

var isMinNS4 = (document.layers) ? 1 : 0;
var isMinIE4 = (document.all)    ? 1 : 0;

function positionElem() {
  var x, y;
  x = window.event.x;
  y = window.event.y;
 
  document.all[\'tabelnr\'].style.left = x;
    document.all[\'tabelnr\'].style.top = y;
  return true;
}
</script>
</head>
<body>
  <table id=\"tabelnr\" style=\"border: 1px solid black; position: relative; left:0px; top: 0px; visibility: visible;\">
    <tr>
      <td>
        en lille test for at se om skidtet virker - men det gør det bare ikke
      </td>
    </tr>
  </table>
<a href=\"myPage.html\" onmouseover=\"positionElem();\">My Page</a>

</body>
</html>

/nute
Avatar billede olebole Juniormester
05. december 2001 - 21:15 #2
<ole>
For det første ser JavaScript gemme-slut-tag\'et sådan ud:
  // -->
...ikke sådan:
  -->

Grunden til det ikke virker er, at du jo ikke har en event at aftaste. Det kan du få således:

<script type=\"text/javascript\">
  function LeftCursorPos() {
    document.onmousemove = function() {
      document.all[\'tabelnr\'].style.left = event.clientX;
    }
  }
</script>

Spørgsmålet er så, om det nu gør, hvad du vil have det til. Det må vi nok have en forklaring på  ;o)
/mvh
</bole>
Avatar billede olebole Juniormester
05. december 2001 - 21:18 #3
nute >> Hvis du vil lave det X-browser - hvad så med NS6+, Mozilla og \'olie-browseren\'?  ;o))
/mvh
Avatar billede nute Nybegynder
05. december 2001 - 21:22 #4
jeg har bare klippet sammen noe kode som et lite eksempel ;-) jeg har ikke kodet noe spesielt flott norsk kode, for det kan jo hende at jeg har misforstått spm\'et, og da ville alle sekundene jeg hadde brukt på å kode, bortkastet ;-)
Avatar billede olebole Juniormester
05. december 2001 - 21:29 #5
Just teasing  ;o)
Nææhhh ....det er lidt svært at finde ud af, hvad ideen egentlig er ...?!?!  :)
/mvh
Avatar billede nute Nybegynder
05. december 2001 - 21:31 #6
I know :-) (til begge linjer)
Avatar billede el-prebsi Nybegynder
05. december 2001 - 21:32 #7
Jeg kigger på det - bare ikke lige endnu - men dit eksempel virker da trods alt
Avatar billede el-prebsi Nybegynder
05. december 2001 - 21:54 #8
Det med NS6+ vil da være meget dejligt at få at vide (mozilla - what ever - det er jo NS6+ udviklingsudgave), men olie-browseren... Er det Opera eller hva\'?
virker skidtet deri, eller skal der laves noget om :-)

meningen er at det skal virke som et menu-system - mit nuværende er nemlig ikke helt fint - se eksemplet på www.friserverplads.dk/echelon2000 - et skoleprojekt...
menuen skal vises efter musens koordinater når musen køres hen over menupunktet...


I to guru\'er (olebole og nute), kan I ikke fortælle mig hvorfor IE og NS6 ikke er enige om hvordan rammer skal fortolkes sammen med faste koordinater. Hvis man har rammer på nogle elementer med faste koordinater, og to elementer skal være placeret ud for hinanden vil de blive placeret forskelligt i de to forskellige browsere.
Den ene browser tæller rammen med som bredde og den anden ikke - det er meget irriterende
Jeg ved ikke med NS4 - hvordan den reagerer - har den ikke installeret....

Opera har sin helt egen mening og stemmer over hovedet ikke overens med nogen af browser - se bare friserverplads.dk/echelon2000



se bare følgende eksempel - problemet opstår ikke med table\'s men med bla. DIV

<div style=\"position: absolute; left: 20px; top: 2px; width: 500px; border: 20px solid black;\">
safjlsjdflaksjdfj
</div>

<div style=\"position: absolute; left: 520px; top: 2px; width: 200px; border: 20px solid black;\">
safjlsjdflaksjdfj
</div>


Avatar billede nute Nybegynder
05. december 2001 - 22:00 #9
med tanke på spørsmål 1, ville jeg heller benytte et utmerket script som inspirasjon. Scriptet er allerede skrevet, så det er jo ikke noe poeng i å skrive det en gang til. det skal jo bare tilrettelegges litt...

http://www.dhtmlcentral.com/script/script29.asp

med tanke på spørsmål 2, så er jeg nødt til å kaste ballen over til olebole. han har lekt seg med disse ting litt mer enn moi...
Avatar billede olebole Juniormester
05. december 2001 - 22:26 #10
Hvis du forestiller dig et div, som et rektangel med en uendelig tynd kant, så lægger IE hele border\'en indenfor denne kant - NS/Mozilla lægger den ligeligt udenfor og indenfor.

Afhængig af hilken del af W3C\'s dokumentation man læser (de skriver så vidt jeg kan se to forskellige ting), skal border\'en ligge enten helt udenfor div\'et - eller helt indenfor.
Jeg har ikke været nede i de specifikke arbejdspapirer (endnu) - og det er man nok nødt til, hvis man vil have hele historien  ;o)

IE er altså enten helt korrekt på den - eller helt galt på den!
NS har nappet en halvgardering  =o)
/mvh
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