tabel achtergrond veranderen dmv mouse over

Pagina: 1
Acties:
  • 135 views sinds 30-01-2008
  • Reageer

  • NeORay
  • Registratie: September 2004
  • Laatst online: 18-05 23:27
Ik ben nog maar een beginner op het gebied van webdesign maar toch ben ik nu bezig aan een website. Ik stuit alleen op een probleem. Namelijk: is het mogelijk de background van een tabelcel te laten vervangen door een ander dmv een mouse over? En zo ja, kan iemand me de exacte tag geven?
Kheb me helemaal suf gezocht op google maar heb helaas niets bruikbaars kunnen vinden. :'(

alvast thx! :)

misschien is het wel handig ook nog ff te vermelden dat dan de 2e mouse over zou zijn want het is ook al een uitschuifmenu.
dus dit heb ik al:

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse; position:absolute; left:30px; top:100px" bordercolor="#111111" width="80" id="AutoNumber1" height="37">
<tr>
<td onMouseOver="toonmenu('site1')" onMouseOut="verstopmenu('site1')" height="37" width="80" background="file:///D|/dreamweaver/Dreamweaver 4/Lessons/Lesson Files/button1.jpg" bordercolor="#FFFFFF">
Site 1<br />
<table class="menu" id="site1" width="100%" style="background-image: url(leftframe2.bmp); width: 155; height: 500; left: -24px; top: 44px">
<tr>
<td class="menu" height="16"> </td>
</tr>

[ Voor 51% gewijzigd door NeORay op 28-12-2004 17:33 ]


  • TwoR
  • Registratie: Augustus 2002
  • Laatst online: 11:15

TwoR

Gekleurde stippen

hint:
onmouseover

  • stp_4
  • Registratie: Maart 2003
  • Laatst online: 18-05 16:28
Dan zul je volgens mij het 1 en ander moeten scripten.

stp - PSN ID: stp_4


  • CrashOne
  • Registratie: Juli 2000
  • Niet online

CrashOne

oOoOoOoOoOoOoOoOoOo

code:
1
2
3
4
5
6
7
<table>
<tr>
<td onmouseover="this.style.background= '#f00'" onmouseout="this.style.background='#fff'">
asdd
</td>
</tr>
</table>

Huur mij in als freelance SEO consultant!


  • Woudloper
  • Registratie: November 2001
  • Niet online

Woudloper

« - _ - »

Zie hier je antwoord bij Basic Tips...

Verwijderd

En dan in je onmouseover/-out bovengenoemde en je huidige functieaanroep combineren en scheiden met een ";"

  • NeORay
  • Registratie: September 2004
  • Laatst online: 18-05 23:27
bedankt voor jullie reactie! :) Kheb ff zitten puzzelen maar het lukt nog steeds niet helemaal.

Ik heb nu dit:
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse; position:absolute; left:30px; top:100px" bordercolor="#111111" width="80" id="AutoNumber1" height="37">
<tr>
<td onMouseOver="toonmenu('site1')" onMouseOut="verstopmenu('site1')" height="37" width="80" bordercolor="#FFFFFF">
<tr>
<td onmouseover="this.style.background="file:///D|/dreamweaver/Dreamweaver 4/Lessons/Lesson Files/button2.jpg" onmouseout="this.style.background="file:///D|/dreamweaver/Dreamweaver 4/Lessons/Lesson Files/button1.jpg">
asdd
</tr>
Site 1<br />

Volgens Dreamweaver is dit fout. Maarja, Wat is er fout??? :?

Verwijderd

Je gebruikt dubbele quotes (") binnen dubbele quotes. Gebruik daarbinnen dus enkele quotes.
code:
1
onmouseover="this.style.background='etcetera'"

  • rb338
  • Registratie: Januari 2001
  • Laatst online: 04-03 19:38
Ik weet niet wat je van plan bent, maar je gebruikt complete bestandsnamen :?

  • NeORay
  • Registratie: September 2004
  • Laatst online: 18-05 23:27
VOlgens dreamweaver is het nu niet meer fout. (we komen steeds verder!) hij maakt er nu echter een zwart plaatje van?! 8)7

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse; position:absolute; left:30px; top:100px" bordercolor="#111111" width="80" id="AutoNumber1" height="37">
<tr>
<td onMouseOver="toonmenu('site1')" onMouseOut="verstopmenu('site1')" height="37" width="80">
<tr>
<td onMouseOver="this.style.background='file:///D|/dreamweaver/Dreamweaver 4/Lessons/Lesson Files/button2.jpg'" onMouseOut="this.style.background='file:///D|/dreamweaver/Dreamweaver 4/Lessons/Lesson Files/button1.jpg'">
asdd
</tr>
Site 1<br />

  • NeORay
  • Registratie: September 2004
  • Laatst online: 18-05 23:27
die complete bestandsnamen gebruikjt dreamweaver automatisch. :?

  • NeORay
  • Registratie: September 2004
  • Laatst online: 18-05 23:27
misschien weet iemand van jullie wel een betere manier om een mouse over button te maken die de volgende acties onderneemt: De button wordt op het moment van de mouse over vervangen door een ander en een invisible tabel (menu) wordt zichtbaar.
Suggesties???? :)

(de button moet ook nog absolute position hebben)

[ Voor 9% gewijzigd door NeORay op 28-12-2004 19:54 . Reden: verlanglijstje uitgebreid ]


  • Woudloper
  • Registratie: November 2001
  • Niet online

Woudloper

« - _ - »

offtopic:
Kan je wellicht je code tussen de code tags ( [code] function a() { alert('blaat'); }[/code] ) plaatsen?

  • NeORay
  • Registratie: September 2004
  • Laatst online: 18-05 23:27
wie helpt mij??! Ik ben er nog steeds niet uit! :'( Ik begin er eigenlijk steeds minder van te begrijpen. 8)7
Super thnx voor degene die me weet te helpen!! _/-\o_

  • Woudloper
  • Registratie: November 2001
  • Niet online

Woudloper

« - _ - »

Wat is dan precies je probleem als je er nog steeds niet uit bent. Hierboven zijn namelijk de nodige suggesties gegeven hoe je het één en ander op kan lossen!?

  • Cyphax
  • Registratie: November 2000
  • Nu online

Cyphax

Moderator LNX
Wat jij nodig hebt is een goede tutorial die de basis uitlegt.
Ik ben wel gecharmeerd van www.webmonkey.com, die gaan ook stukken verder dan de basis.

Saved by the buoyancy of citrus

Pagina: 1