susi: onclick vermeiden?

hallo,

ich habe folgenden code:

<td class="day_data_box" onclick="javascript:document.location.href='seite2.html'">
 <a href"seite3.html">seite3</a>      <a href="seite4.html" title="delete event">
<img src="bild.jpg" border="0"></a>
<a id="quickinfo" href="javascript:void(0);" title="show Quickinfo"><img src="information.png" border="0" alt="Quickinfo"/></a>
</td>

der <td> löst mit onclick eine redirection aus!
darin befinden sich jedoch drei links, wovon der letzte ncihts auslösen soll!
bei dem ersten und zweiten verweis auf "seite3 und seite 4" funktioniert es natürlich die hrefs zu laden! beim dritten jedoch wird man auf "seite2.html" weitergeleitet da natürlich der <td> event zum zuge kommt! versetz ich den href jedoch mit javascript:void(0); funktioniert es im IE gut und es wird nichts neu geladen! im mozilla macht er jedoch den redirect!

wie kann ich dies verhindern?

THX susi ...

  1. Hello out there!

    <td class="day_data_box" onclick="javascript:document.location.href='seite2.html'">

    Der Wert des onclick-Attributs ist auszuführender JavaScript-Code; "javascript:" hat darin nichts zu suchen.

    Was willst du mit dieser verworrenen Konstruktion erreichen?

    See ya up the road,
    Gunnar

    --
    “Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)
    1. danke für die antwort sie bringt mich jedoch keien schritt weiter ...

      ich will das onclick-event des übergeordneten elements bei einem click verhindern!

      <td class="day_data_box" onclick="javascript: document.location.href='login.html'">
      <a href="javascript:void(0);">click mich ohne aktion</a>
      </td>

      mit void(0) funktioniert es im IE jedoch mozilla ladet dennoch immer noch login.html

      1. danke für die antwort sie bringt mich jedoch keien schritt weiter ...

        ich will das onclick-event des übergeordneten elements bei einem click verhindern!

        <td class="day_data_box" onclick="javascript: document.location.href='login.html'">
        <a href="javascript:void(0);">click mich ohne aktion</a>
        </td>

        mit void(0) funktioniert es im IE jedoch mozilla ladet dennoch immer noch login.html

        Das habe ich mich auch neulich gefragt, wie man das im FireFox verhindern kann.. leider habe ich es bis heute nich herausgefunden. ein "return false" brachte aufjedenfall keinen Erfolg..

      2. Hello out there!

        ich will das onclick-event des übergeordneten elements bei einem click verhindern!

        Das ist nicht das, was du willst, sonders das, wie du denkst, das umzusetzen, was du willst.

        Du willst ein bestimmtes Verhalten bei Nutzeraktionen auf einer Webseite. Also was willst du?

        See ya up the road,
        Gunnar

        --
        “Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)
        1. Hello out there!

          ich will das onclick-event des übergeordneten elements bei einem click verhindern!

          Das ist nicht das, was du willst, sonders das, wie du denkst, das umzusetzen, was du willst.

          Du willst ein bestimmtes Verhalten bei Nutzeraktionen auf einer Webseite. Also was willst du?

          See ya up the road,
          Gunnar

          Hör auf zu belehren und zu verwirren und leiste lieber konstruktive Hilfe. Kannst du es nicht, weil du das Problem nicht kennst oder es nicht verstehst, lass es.

          Susi's Problem ist wirklich haarsträubend! Ich musste auch schon damit kämpfen und konnte dieses Problem nur durch ein anderes (inneres) Design der Tabellenzeile umgehen.

          1. Moin!

            ich will das onclick-event des übergeordneten elements bei einem click verhindern!

            Das ist nicht das, was du willst, sonders das, wie du denkst, das umzusetzen, was du willst.

            Du willst ein bestimmtes Verhalten bei Nutzeraktionen auf einer Webseite. Also was willst du?

            Hör auf zu belehren und zu verwirren und leiste lieber konstruktive Hilfe. Kannst du es nicht, weil du das Problem nicht kennst oder es nicht verstehst, lass es.

            Wenn du verstanden hast, was susi will, dann erkläre es doch am besten mal.

            Ich allerdings kann aus meiner Erfahrung sagen, dass es nie sinnvoll ist, eine Tabellenzelle mit onclick-"Link" zu versehen, und dann noch echte HTML-Links zu integrieren.

            Wenn du ebenfalls erklären kannst, wozu das gut sein soll, wäre ich dir dankbar.

            Gunnars Aufforderung an susi, sie möge mal erklären, was sie da eigentlich beabsichtigt, soll und wird dazu führen, dass sie eine bessere als die bisher von ihr ausgedachte Lösung erhält und dabei noch etwas lernt. Dazu muß man aber wissen, was sie eigentlich vor hat.

            Susi's Problem ist wirklich haarsträubend! Ich musste auch schon damit kämpfen und konnte dieses Problem nur durch ein anderes (inneres) Design der Tabellenzeile umgehen.

            Link-in-Link zusammen mit Tabellen - das ist in der Tat haarsträubend.

            - Sven Rautenberg

            --
            "Love your nation - respect the others."
          2. Hello out there!

            leiste lieber konstruktive Hilfe.

            Genau das tat ich.

            weil du das Problem nicht kennst oder es nicht verstehst

            Ich kann das Problem weder kennen noch verstehen, das susi nicht geschildert hat. Deshalb die Nachfrage.

            Hättest du auf Nuhr gehört, wäre dem Forum ein Sinnlos-Posting erspart geblieben.

            See ya up the road,
            Gunnar

            --
            “Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)
  2. Hi,

    wenn es Dir mit dem Link nur darum geht, eine ID zu setzen, dann gib doch dem Image die ID oder nimm einen p-Tag o.ä.

    Den A-Tag kannst Du auch wie folgt entkräften

    <a id="quickinfo" href="#" title="show Quickinfo"><img src="information.png" border="0" alt="Quickinfo"/></a>

    Mir Augenmerk auf den Lattenzaun.

    ciao Andreas

    1. dennoch löst er das mutter event aus! was soviel heisst als dass der redirect geladen wird!

      also diese konstruktion hilf leider auch ncihts!

  3. Hallo,

    <td class="day_data_box" onclick="javascript:document.location.href='seite2.html'">
    <a href"seite3.html">seite3</a>      <a href="seite4.html" title="delete event">
    <img src="bild.jpg" border="0"></a>
    <a id="quickinfo" href="javascript:void(0);" title="show Quickinfo"><img src="information.png" border="0" alt="Quickinfo"/></a>
    </td>

    der <td> löst mit onclick eine redirection aus!

    Ja, aber document.location existiert nicht, siehe http://de.selfhtml.org/javascript/objekte/location.htm#allgemeines.

    darin befinden sich jedoch drei links, wovon der letzte ncihts auslösen soll!

    Warum ist es dann ein Link?

    bei dem ersten und zweiten verweis auf "seite3 und seite 4" funktioniert es natürlich die hrefs zu laden!

    Im FF wird aber immer _auch_ seite2 vorher geladen. Das siehst Du daran, dass Du zwei Mal in der Location zurück gehen musst, um wieder auf die Ausgangsseite zu kommen.

    wie kann ich dies verhindern?

    Indem Du die Weiterreichung des Click-Events unterbindest.
    Event.stopPropagation();

    Dein Beispiel:

      
    <table>  
    <tr>  
    <td class="day_data_box" onclick="window.location.href='seite2.html'">  
     <a href="seite3.html" onclick="if(event && event.stopPropagation) event.stopPropagation();">seite3</a>  
     <a href="seite4.html" onclick="if(event && event.stopPropagation) event.stopPropagation();"><img src="bild.jpg" border="0" alt="bild" title="delete event" /></a>  
     <a id="quickinfo" href="javascript:void(0);" onclick="if(event && event.stopPropagation) event.stopPropagation();"><img src="information.png" border="0" alt="Quickinfo" title="show Quickinfo" /></a>  
    </td>  
    </tr>  
    </table>  
    
    

    viele Grüße

    Axel