[js] hoe heet dat ding ook alweer???

Topicstarter

ik wil in javascript (met onMouseOver) dat gele ding tevoorschijn toveren.
maar ik kan niet vinden hoe dat heet. heb nu wel window.status gedaan
maar dat is niet de bedoeling

Afbeeldingslocatie: http://www.dirco.nl/vraag.jpg

Afbeeldingslocatie: http://www.dirco.nl/vraag.jpg

waar de pijl naar wijst, zo iets wil ik dus hebben.

donderdag 29 augustus 2002 20:48

Acties:

donderdag 29 augustus 2002 20:51

test

Das een hint geval.
Bij een image is dat euh..... <img alt='ba'> dacht ik
Maar dat kan je (voor zover ik weet) niet ergens anders bij doen.
Maar dat kan je natuurlijk makkelijk (heel makkelijk) zelf maken he.
Een divje gewoon

Als je een voorbeeld nodig hebt...

If then else matters! - I5 12600KF, Asus Tuf GT501, Gigabyte Gaming OC 16G 5080 RTX, Asus Tuf Gaming H670 Pro, 48GB, Corsair RM850X PSU, SN850 1TB, Arctic Liquid Freezer 280, ASUS RT-AX1800U router

Acties:

Topicstarter

zoiets??? maar deze doet het niet echt

code:

1 2	<div style='position: absolute; right: 20px; top: 9px; z-index: 100;' class="time" alt='<? echo date("l d F Y"); ?>'>

donderdag 29 augustus 2002 20:53

Acties:

donderdag 29 augustus 2002 20:58

test

Neen, ik maak wel een voorbeeldje.

If then else matters! - I5 12600KF, Asus Tuf GT501, Gigabyte Gaming OC 16G 5080 RTX, Asus Tuf Gaming H670 Pro, 48GB, Corsair RM850X PSU, SN850 1TB, Arctic Liquid Freezer 280, ASUS RT-AX1800U router

Acties:

TRON

Rusky schreef op 29 augustus 2002 @ 20:51:
zoiets??? maar deze doet het niet echt
code:
1
2
<div style='position: absolute; right: 20px; top: 9px; z-index: 100;' 
class="time" alt='<? echo date("l d F Y"); ?>'>

Het is gewoon:

code:

1	[img]"plaatje.ext"[/img]">

Is dat niet het makkelijkst? Of zit ik nu fout?

[ Voor 0% gewijzigd door TRON op 29-08-2002 20:59 . Reden: reden ]

Leren door te strijden? Dat doe je op CTFSpel.nl. Vraag een gratis proefpakket aan t.w.v. EUR 50 (excl. BTW)

donderdag 29 augustus 2002 21:02

Acties:

Topicstarter

het probleem is dat ik geen plaatje heb, dus met div moet werken.
je kan het btw zien op:

http://www.bertverbeek.nl/1

donderdag 29 augustus 2002 21:05

Acties:

donderdag 29 augustus 2002 21:06

test

code:

<html>
<head><title></title></head>
<script>
  function makehint(s, xpos, ypos)
  {
    hintvalue.innerHTML = '&nbsp;&nbsp;' + s + '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
    hint.style.top = ypos;
    hint.style.left = xpos;
    hint.style.display = "block";
  }
  function hintout()
  {
    hint.style.display = "none";
  }
</script>
<body>
  <div ID=hint style='position:absolute; x:0; y:0; display:"none";'>
    <table border=1 cellpadding=0 cellspacing=0 bgcolor=#F3F1DE style='border-collapse:"collapse";' bordercolor=#000000>
      <tr>
        <td ID=hintvalue style='font-family:"arial"; font-size:12;'></td>
      </tr>
    </table>
  </div>
  <div onmouseout='hintout();' onmouseover='window.status = event.x + ", " + event.y; makehint("Dit is een hint", event.x, event.y);'>Hier staat nu dus een hint geval</div>
</body>
</html>

If then else matters! - I5 12600KF, Asus Tuf GT501, Gigabyte Gaming OC 16G 5080 RTX, Asus Tuf Gaming H670 Pro, 48GB, Corsair RM850X PSU, SN850 1TB, Arctic Liquid Freezer 280, ASUS RT-AX1800U router

Acties:

donderdag 29 augustus 2002 21:12

test

Kan je natuurlijk nog wel een timer bij doen, zodat de hint niet meteen verdwijnt.
EDIT
Betere versie met timer

code:

<html>
<head><title></title></head>
<script>
  function makehint(s, xpos, ypos)
  {
    clearInterval(hintouttimer);
    hintvalue.innerHTML = '&nbsp;&nbsp;' + s + '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
    hint.style.top = ypos;
    hint.style.left = xpos;
    hint.style.display = "block";
  }
  function hintout()
  {
    hintouttimer = setInterval('hint.style.display = "none"; clearInterval(hintouttimer);', 1000);
  }
</script>
<body>
  <div ID=hint style='position:absolute; x:0; y:0; display:"none";'>
    <table border=1 cellpadding=0 cellspacing=0 bgcolor=#F3F1DE style='border-collapse:"collapse";' bordercolor=#000000>
      <tr>
        <td ID=hintvalue style='font-family:"arial"; font-size:12;'></td>
      </tr>
    </table>
  </div>
  <div onmouseout='hintout();' onmouseover='window.status = event.x + ", " + event.y; makehint("Dit is een hint", event.x, event.y);'>Hier staat nu dus een hint geval</div>
</body>
</html>

If then else matters! - I5 12600KF, Asus Tuf GT501, Gigabyte Gaming OC 16G 5080 RTX, Asus Tuf Gaming H670 Pro, 48GB, Corsair RM850X PSU, SN850 1TB, Arctic Liquid Freezer 280, ASUS RT-AX1800U router

Acties:

Topicstarter

kijk nu eens naar http://www.bertverbeek.nl/1
hij doet het wel, maar hij zet hem heel ongelukkig neer.