Ingen venstre click funktion

du kan til enhver tid anullere en event ved at returnere false:

<td onclick="return false">Click me</td>

men hvis du ikke vil have at man skal kunne klikke på en celle, kan du jo bare lade være med at implementere eventhandleren...

Det er mere fordi at jeg har en onclick event på hele <tr> tagget...som jeg gerne vil have annullet i alle celler undtagen 1 :)

ok... så burde onclick="return false" fungere

Gør den desværre ikke :(

min <tr> onclick event er:

<script type="text/JavaScript">
function toggle(elm) {
    var nxtSibl = elm.nextSibling;
    nxtSibl.style.display = (nxtSibl.style.display=="none")? "block" : "none";
}
</script>

er der forskel på om du klikker på teksten i cellen eller ej ?

Nææ, den kører stadig <tr> funktionen uanset om jeg klikker i blanke områder eller på teksten

Så er det fordi tr-onclick-eventen kører FØR td-onclick-eventen. Så holder mit forslag ikke.

Hvad er det du gerne vil?

Jeg har flere <tr> rækker med data fra en db. Så har jeg et plus ikon (+) ud for alle..når man klikker på det ikon..skal en skjult <tr> dukke op nedenunder med yderligere data fra db. Når den er dukket op, skal + ikonet ændre sig til et minus ikon. Og ved tryk på minus ikon skal den nye <tr> skjule sig igen og ikonet ændre sig tilbage :)  Længere smørre men det virker lige nu...lige bortset fra at man også kan klikke i alle andre <td>s ...det ska kun være muligt at klikke på ikonerne :)

<tr> onclick gør så at den skjulte <tr> dukker op.

hvis du ligger ikonerne i en celle for sig selv, kan di flytte onclick fra tr til den td hvori ikonet ligger

så skal du ændre funktionskaldet:

<td onclick="toggle(this.parentElement)">...</td>

Genialt! Det begrænsede området en del - det eneste der kager nu er så bare det smalle område rundt omkring + ikonet i den <td>. Hvis man da bare kunne lave onclicken på selve <img> tagget...men det ka den nok ikke da den kun virker på <tr> elementet :/

<ole>

tdknudsen >> Nej, event'en på TD'en fyres af før event'en på TR'en ... dit forslag med at returnerer false er det, der ikke virker - uanset rækkefølgen  ;o)
'parentElement' er heller ikke anvendeligt, da den er IE-only.

rane >> Skriv hver TD på én linie og skriv så:
  <td onclick="toggle(this.parentNode)">...</td>

/mvh
</bole>

Du kan godt lave onclick på <img>. Men så skal du igen ændre funktionskaldet:

<img onclick="toggle(this.parentElement.parentElement)" />

ole >> er det en IE ting at man kan lave "cancel bubble event" ?

yups - og desuden har IE og Moz helt forskellige måder at betragte en event på  :)

Så blev vi så kloge... parentElement og "cancel bubble" er IE specifikke.

Er parentNode fra w3c dom'en ?

yups ... lige fra gryden  ;D

rane >> Ehhh ... glem i øvrigt, hvad jeg skrev om 'én linie'. Det er ikke nødvendigt at skrive hele TR'en på én linie. Jeg tænkte mig ikke ordentligt om  :)
Bare skriv:
  <td onclick="toggle(this.parentNode)">...</td>
så bør det virke.

Det ultimative kunne være hvis man kunne smide onclick på <img>, men tknudsens eksempel virker ik helt. Den "fjerner" istedet en <td> celle og rykker alle cellerne den tak til venstre så.

Har du prøvet det, jeg skrev?

ole, jeps det virker fint på samme måde som tknudsens  this.parentElement.  Det sidste "problem" er nu bare det smalle område rundt omkring ikonet, hvor man kan klikke..men som så ikke kører "image change" funktionen. Netop derfor ville det være perfekt hvis man ku smide onclick funktionen på <img> tagget :)

Prøv med en URL til siden

En kosmetisk ting, som egentlig ikke er nævnt i hovedspørgsmålet såå. Men ku da være lækkert hvis i havde en hurtig fiks løsning til dette også :)

Ole, din browser-kompatible parentNode fortjener da et par points, så hvis du smider et svar, deler jeg lige points mellem dig og tknudsen

http://www.darkforest.dk/rank/rankings.asp

Den nederste del af source-koden er udkommenteret...ka virke lidt forvirrende :)

Lad os lige blive enige om, hvad det er, du ønsker  ;o)
Skal TR'en kun åbne sig ved tryk på billedet?

Ole, jeps :)