[js] Onclick event werkt niet op IE 5.0

[me1299]

Ik heb ipv een knopje een linkje om mijn formulieren te submitten.

code:

<a href='#' onclick="document.login.submit();">LOGIN</a>

Dit werkt onder Internet Explorer 6.0 gewoon goed.

En nu merk ik opeens dat op een andere pc met IE 5.0 het linkje gewoon nix doet. Hij geeft ook geen javascript errors.

Hoe kan ik dit oplossen? Ik wel dus wel het linkje houden ipv knopje.

[me1299]

code:

<a href='javascript:document.login.submit();'>LOGIN</a>

Werkt wel

Naja dan moet het zo maar

[akakiwi]

Wat dacht je van:
<span onclick='document.login.submit();' style='cursor: hand;'>LOGIN</span>
Met wat OnMousOver en OnMouseOut acties, kun je perfect een <a> faken.

[crisp]

Cancel de href:

code:

<a href='#' onclick="document.login.submit();return false">LOGIN</a>

[Bosmonster]

crisp schreef op 11 november 2002 @ 16:40:
Cancel de href:

code:

<a href='#' onclick="document.login.submit();return false">LOGIN</a>

Daarom gebruiken we nou href="javascript://" ipv href="#". Dan hoef je je script niet aan te passen op de return waarde, want je href doet automatisch niks (// = comment).

Maar goed daar zijn de meningen over verdeeld

Wat betreft de span-oplossing vind ik het veel werk voor iets wat je met een a-tag ook makkelijk kunt bereiken Je moet de hele CSS wijzigen om een handje te krijgen, misschien javascript erachter om een hover-effect te krijgen.. etc.. en dat alles krijg je gratis en voor niets met a.

[Harm]

<a href="javascript:void(null)" onClick="document.login.submit()">LOGIN</a>
De werking is hetzelfde als de code die Bosmonster ons voorhield.

Dit vind ik persoonlijk mooier dan href="javascript://" of href="#", maar dat is iets persoonlijks enzo. Heeft niets te maken met de code op zich.

[Verwijderd]

ramH schreef op 11 november 2002 @ 21:46:
<a href="javascript:void(null)" onClick="document.login.submit()">LOGIN</a>
De werking is hetzelfde als de code die Bosmonster ons voorhield.

Op het oog misschien wel, maar in feite niet. Als je de return false weglaat voert ie ook de javascript:void(null) uit, na de onclick. Lijkt misschien een detail, maar kan soms erg belangrijk zijn. Neem bijvoorbeeld:

code:

<a href="geen_js.html" 
    onclick="document.location.href='wel_js.html'; return false;">
        Klik hier om te testen of je JS hebt!
</a>

[Harm]

In jouw voorbeeld maakt het inderdaad of er wel of niet wat teruggestuurd wordt. Maar wat maakt het dan uit in mijn voorbeeld?
Wat wordt er dan precies uitgevoerd als er javascript:void(null) staat? Er wordt in ieder geval niet iets extra's uitgevoerd op de server (mijn logboeken zeggen niks in ieder geval over mijn eigen site die hier gebruik van maakt).

[Woudloper]

* Woudloper vindt javascript: in je href vies, dit is namelijk niet de manier om mijn inziens gebruik te maken van javascript functies.

Je hebt immers de events waar je wat mee zou kunnen doen....

[Bosmonster]

Woudloper schreef op 11 november 2002 @ 23:08:
* Woudloper vindt javascript: in je href vies, dit is namelijk niet de manier om mijn inziens gebruik te maken van javascript functies.

Je hebt immers de events waar je wat mee zou kunnen doen....

Maar zonder href werkt een a-tag niet En als er dan toch wat in moet, dan maar iets wat absoluut niks doet, ipv een mogelijke scrollbeweging die je vervolgens weer moet cancellen.

Bovendien geeft de statusbalk weer netjes aan dat je javascript:showItem(28) ofzo uitvoert. Weer nuttige informatie waar de statusbalk voor bedoeld is. Kun je uiteraard wel weer simuleren met javascript, maar waarom moeilijk doen als het makkelijk kan. De href is imho juist een goede manier om bij een link snel javascript uit te voeren... puur uit interactie oogpunt.


En als je niks wilt doen maar het ook niet uit of je nu javascript:void(null), javascript:// of javascript:{} gebruikt... naar eigen voorkeur.

Mijn redenatie voor het gebruik van javascript:// gaat overigens uit van het volgende:

javascript:// geeft bij een link aan in de statusbalk dat je een javascript uitvoert... precies wat je gaat doen en dus geen verrassingen.

void(null) voert een onnodige functie uit. Doet weliswaar niet veel, maar waarom niet veel doen als je ook niks kan doen. Bovendien ziet het er imho lelijk uit in de statusbalk.

[crisp]

Tsja, zolang IE het volgende nog niet ondersteund:

HTML:

<style type="text/css">
span.link {
  color: #0000ff;
  text-decoration: underline;
  cursor: pointer;
  cursor: hand;
}
span.link: hover {
  color: #ff0000;
}
</style>
...
<span class="link" onClick="doSomething()">klik</span>

blijft het behelpen met de <a> tag die imho bedoelt is om te navigeren en niet om scriptjes mee aan te sturen...

[drm]

Bosmonster:
Mijn redenatie voor het gebruik van javascript:// gaat overigens uit van het volgende:

javascript:// geeft bij een link aan in de statusbalk dat je een javascript uitvoert... precies wat je gaat doen en dus geen verrassingen.

void(null) voert een onnodige functie uit. Doet weliswaar niet veel, maar waarom niet veel doen als je ook niks kan doen. Bovendien ziet het er imho lelijk uit in de statusbalk.

Tja, ik vind javascript:// er raar uit zien. 't Lijkt net of er een protocol javascript bestaat ofzo. Maar is echt een kwestie van persoonlijke voorkeur. Ik doe altijd javascript:{}, of (als het nodig is), zoals Blues al voorstelt, een non-js pagina.