onclick funktioniert nicht im FF

[hanni]

Guten Morgen
ich hoffe mir kann einer helfen und zwar ich habe folgenden Code:

<%
            if( UserObject.isMemberOfGroup( 3 ) ) {
            %>
               <tr>
                  <td align="left" colspan="2">
                     <img src="/portal/images/bubble-blau.gif">
                     &nbsp;&nbsp;
                     <a href onclick="showEmployee(0)" class="function" style="cursor:pointer; cursor:hand">Neuer MA</a>
                  </td>
               </tr>
            <%
            }

unter IE funktioniert der Button
unter FF läd er die Seite nur neu

weiß jemand woran das liegt? bzw kann mir jemand helfen?

[Maxx]

Hallo hanni,

<a href onclick="showEmployee(0)" class="function" style="cursor:pointer; cursor:hand">Neuer MA</a>
unter FF läd er die Seite nur neu

weiß jemand woran das liegt?

funktionierende Glaskugeln sind rar ... ich tippe mal auf einen Fehler in "showEmployee(0)"

Grüße,

Jochen

[MudGuard]

Hi,

<%
            if( UserObject.isMemberOfGroup( 3 ) ) {
            %>

serverseitiger Code hilft bei clientseitigen Problemen in keinster Weise.

<tr>
                  <td align="left" colspan="2">
                     <img src="/portal/images/bubble-blau.gif">
                     &nbsp;&nbsp;
                     <a href onclick="showEmployee(0)" class="function" style="cursor:pointer; cursor:hand">Neuer MA</a>

Dein event-Handler onclick liefert nicht false zurück, also wird nach Ausführung der Funktion showEmployee() das gemacht, was bei einem a-Element nun mal üblich ist - es wird die verlinkte Seite geladen.
Ein leeres href-Attribut ist eine relative URL. Diese entspricht genau der aktuellen URL. Also wird konsequenterweise die aktuelle Seite neu geladen.

unter IE funktioniert der Button

Nö. Erstens ist da gar kein Button, und zweitens klappt das Neuladen der Seite nicht.

unter FF läd er die Seite nur neu

Die Funktion wird durchaus ausgeführt, aber direkt danach wird neugeladen.
Works as specified.

cu,
Andreas

[EKKi]

Mahlzeit,

<%
            if( UserObject.isMemberOfGroup( 3 ) ) {
            %>

Bei einem clientseitigen Problem ist serverseitiger Code irrelevant.

<a href onclick="showEmployee(0)" class="function" style="cursor:pointer; cursor:hand">Neuer MA</a>

Wo genau soll denn dieser Link hinführen? <http://de.selfhtml.org/html/referenz/attribute.htm#a@title=Müsste das "href"-Attribut nicht einen Wert haben?>

unter IE funktioniert der Button
unter FF läd er die Seite nur neu

Ja klar. Schließlich klickt der Benutzer einen Link an, der nirgendwohin führt. Der eine Browser macht's in diesem Fall halt so, der andere so. Wenn Du validen HTML-Code erzeugen würdest, gäbe es derartige Probleme höchstwahrscheinlich nicht.

Vielleicht möchtest Du auch einfach nur verhindern, dass nach dem Ausführen der Funktion "showEmployee()" dem Link gefolgt wird? Dafür böte sich die http://de.selfhtml.org/javascript/sprache/funktionen.htm#rueckgabewert@title=return-Funktion an:

<a href="link_zu_datei_ohne_javascript.html" onclick="tolle_funktion(); return false;">Foobar</a>

weiß jemand woran das liegt? bzw kann mir jemand helfen?

Ähm, was genau hat Dein Problem nochmal mit JAVA oder JSP zu tun?

MfG,
EKKi

[suit]

<a href="link_zu_datei_ohne_javascript.html" onclick="tolle_funktion(); return false;">Foobar</a>

<img src="/portal/images/bubble-blau.gif">
                     &nbsp;&nbsp;
                     <a href onclick="showEmployee(0)" class="function" style="cursor:pointer; cursor:hand">Neuer MA</a>

zusätzlich ist es nicht verkehrt cursor: hand zu entfernen, dieser ungültige bzw ie-spezifische wert überschreibt den standardkonformen pointer-wert

das bild selbst wäre als hintergrundbild besser

und &nbsp; mit einem zeilenumbruch davor ist sehr lustig ;) - hierfür wäre padding/margin geeignet - &nbsp; ist in geschätzt 95% der fälle wo es eingesetzt wird falsch ;)

[hanni]

vielen dank für euere antworten

<a href="javascript:showEmployee(0)" class="function" style="cursor:pointer; cursor:hand">Neuer Mitarbeiter</a>

so funktioniert es

[EKKi]

Mahlzeit,

<a href="javascript:showEmployee(0)" class="function" style="cursor:pointer; cursor:hand">Neuer Mitarbeiter</a>

so funktioniert es

... und ist trotzdem (weiterhin) falsch: "javascript" ist KEIN Protokoll. Per "<http://de.selfhtml.org/javascript/sprache/eventhandler.htm#onclick@title=onclick"-Attribut war das schon ganz richtig so. Allerdings musst Du eben dafür sorgen, dass nach dem Ausführen der Funktion dem Link (der es z.B. Benutzern ohne aktiviertes Javascript ermöglicht, auch neue Mitarbeiter anzulegen) nicht mehr gefolgt wird:

[code lang=html><a href="neuer_mitarbeiter.html" onclick="showEmployee(0); return false;" class="function" style="cursor: pointer;">Neuer Mitarbeiter</a>[/code]

(Und zusätzlich solltest Du in der Tat noch suits Anmerkungen beherzigen)

MfG,
EKKi