[HTML/CSS/JS] Rij aanklikbaar maken

[RMX]

Ik heb een tabel met daarin een mouseover effect, zodat het net lijkt alsof het een menu is.
Nu kan er alleen op de text zelf geklikt worden waaraan ik een link heb hangen.
Is het ook mogelijk om gewoon heel de rij aanklikbaar te maken zodat de link wordt gevolgd ?

code:

<table width="95%" border="0" cellpadding="1" cellspacing="1" bgcolor="#000000">
<tr onmouseover="this.className='mouseover'" onmouseout="this.className=''" bgcolor="#FF9900">
    <td bgcolor="#FF9900"><a href="main.php" target="mainFrame">Home</a></td>
  </tr>
</table>

Thnx!

[Koetjeboe]

onclick? Of het mooi met een <a> kan weet ik niet eigenlijk, zul je gewoon even moeten proberen

[Predje]

Eens kijken... je hebt mouseover, mouseout en wat dacht je van OnClick
http://gathering.tweakers...messages/186679///onclick

Oja vergeet niet in je CSS "cursor: pointer;" te zetten mocht je dit nog niet hebben.

[SchizoDuckie]

ff uit me hoofd:

HTML:

<table>
<tr onclick='this.firstChild.firstChild.click();'><td><a onclick='alert("woei!");'>woei</a></td></tr>
</table>

edit:
waarom gebruik je trouwens én een classname en een bgcolor html property? het is veel netter om die bgcolor ook gelijk in je css te zetten

[ Voor 86% gewijzigd door SchizoDuckie op 23-02-2006 13:38 ]

[RMX]

Danku allen voor oplossing.

Was nog 1 ding vergeten te melden:

Waar kan ik target="frame" kwijt ?
Dit kan normaal in <a href=>...

[BtM909]

Door met JS te verwijzen naar je betreffende "frame"

Wat is frame (een ander frame of window)?

[Predje]

RMX schreef op donderdag 23 februari 2006 @ 13:40:
Danku allen voor oplossing.

Was nog 1 ding vergeten te melden:

Waar kan ik target="frame" kwijt ?
Dit kan normaal in <a href=>...

dan moet het weer anders; "javascript:loadintoIframe('targetnaam','teladenpagina.htm ')"
Makkelijk te vinden op Google

[Predje]

BtM909 schreef op donderdag 23 februari 2006 @ 13:45:
Door met JS te verwijzen naar je betreffende "frame"

Wat is frame (een ander frame of window)?

Zeg dan niks
Tuurlijk snap hij ook wel dat je naar een frame moet verwijzen. Maar hoe

[SchizoDuckie]

dat kan nu toch ook gewoon in die <a> ?

HTML:

<table>
<tr onclick='this.firstChild.firstChild.click();'><td><a href='index.php?a=b' target='mainframe'>woei</a></td></tr>
</table>

.click() zou een complete click moeten simuleren op het <a> element, inclusief de frame target dus.

[Predje]

SchizoDuckie schreef op donderdag 23 februari 2006 @ 14:17:
dat kan nu toch ook gewoon in die <a> ?

HTML:

<table>
<tr onclick='this.firstChild.firstChild.click();'><td><a href='index.php?a=b' target='mainframe'>woei</a></td></tr>
</table>

.click() zou een complete click moeten simuleren op het <a> element, inclusief de frame target dus.

mooi oplossing, maar waarom zou je EN een <a> erin zetten EN een Onclick.. alleen wat code in de Onclick is genoeg. Dan kun je in de TD lekker werken met gewone text.

Ow wacht.. in geval iemand javascript heeft uigeschakeld kan hij nog wel navigeren door op de letters zelfs te klikken, als je ALLEEN via de Onclick werkt kan iemand met javascript uit niet meer door de website heen.... maaaaar mensen die javascript uitzetten moeten eigelijk ook hun PC uitzetten

[cyberstalker]

Predje schreef op donderdag 23 februari 2006 @ 15:27:
[...]
maaaaar mensen die javascript uitzetten moeten eigelijk ook hun PC uitzetten

Wat een rare opmerking. Ik heb zelf javascript alleen aanstaan voor websites waar ik dat echt nodig heb. Scheelt een hoop reclame en gezeur over niet geïnstalleerde plugins.

[Erkens]

Predje schreef op donderdag 23 februari 2006 @ 15:27:
[...]


mooi oplossing, maar waarom zou je EN een <a> erin zetten EN een Onclick.. alleen wat code in de Onclick is genoeg. Dan kun je in de TD lekker werken met gewone text.

usability

Ow wacht.. in geval iemand javascript heeft uigeschakeld kan hij nog wel navigeren door op de letters zelfs te klikken, als je ALLEEN via de Onclick werkt kan iemand met javascript uit niet meer door de website heen.... maaaaar mensen die javascript uitzetten moeten eigelijk ook hun PC uitzetten

je hebt de klok wel horen luiden, maar alleen weet je niet waar de klepel is

[Koetjeboe]

een <a> is ook handig mocht je de pagina's indexeerbaar willen houden, geloof niet dat onclick door zoekmachines begrepen wordt

[Rickets]

Erkens schreef op donderdag 23 februari 2006 @ 15:31:
usability

Accessibility

[Erkens]

Rickets schreef op donderdag 23 februari 2006 @ 15:40:
[...]

Accessibility

true, dat je op die hele rij kan klikken valt onder usability
ik doelde idd op accessibility

[SchizoDuckie]

Erkens schreef op donderdag 23 februari 2006 @ 15:31:
[...]

usability

[...]

je hebt de klok wel horen luiden, maar alleen weet je niet waar de klepel is

Meer kon ik er ook niet uit opmaken nee het klonk vast heel logisch toen hij het intypte

[Predje]

Nu ik het zelf weer overlees ziet het er idd een beetje gek uit
En ik heb zelf ook JavaScript uitstaan hoor, zet het alleen aan bij vertrouwde web-sites. Scheelt idd een hoop rommel. Maar soms denk je dat een web-site niet werkt en dan kom je erachter dat je JavaScript nog uit het staat.

Ik bedoel dus dan je met JavaScript uit, toch nog op de links zelf kunt klikken en kunt navigeren. Maar met JavaScript aan kun je dan gewoon op de hele td klikken. Zo kom je dus mensen die JavaScript uit hebben staan nog wat tegemoet zeg maar

[crisp]

Een table-row met 1 enkele cell en daarbinnen een anchor; lijkt me dat je gewoon je hele table weg kan gooien en je anchors stylen

[BtM909]

Predje schreef op donderdag 23 februari 2006 @ 13:48:
[...]

Zeg dan niks
Tuurlijk snap hij ook wel dat je naar een frame moet verwijzen. Maar hoe

Waarschijnlijk omdat er verschillende mogelijke windows zijn om naar te verwijzen

Predje schreef op donderdag 23 februari 2006 @ 13:47:
[...]


dan moet het weer anders; "javascript:loadintoIframe('targetnaam','teladenpagina.htm ')"
Makkelijk te vinden op Google

Zeg dan niks, als je met een standaard niet-werkende oplossing komt

---

Overigens hebben we deze knop niks voor niks toegevoegd:

[ Voor 10% gewijzigd door BtM909 op 23-02-2006 16:56 ]

[RMX]

Iedereen bedankt, alleen heb het nog niet werkend..

code:

<table width="95%" border="0" cellpadding="1" cellspacing="1" bgcolor="#000000">
<tr onMouseOver="this.className='mouseover'" onMouseOut="this.className=''" bgcolor="#FF9900" onClick="location.mainFrame.href='main.php'">
    <td><a href="main.php" target="mainFrame">Home</a></td>
  </tr>

De frame heeft mainFrame zoals te zien is.

Alleen werkt hij nog niet..
En die oplossing van SchizoDuck werkte ook niet bij mij, vandaar deze oplossing..
Iemand een idee ?

Thnx!