onclick +3 Buttons
- Ersteller win2k
- Erstellt am
- Status
Gilles
Blogger
Also wenn du sowas meinst wie:
"Sind sie sicher das sie das löschen wollen: OK / Abbrechen"
Dann geht das mit confirm.
Nehmen wir an der button löschen hat die id loeschButton
"Sind sie sicher das sie das löschen wollen: OK / Abbrechen"
Dann geht das mit confirm.
Nehmen wir an der button löschen hat die id loeschButton
Code:
window.onload = function() {
document.getElementById("loeschButton").onclick = function() {
return confirm("Wirklich löschen?");
}
}
S
struppi
Guest
genau so, wie in einem Formular mit einem submit Button
funktioniert noch nicht so ganz,
hab das ganze jetzt an der stelle eingebunden
der button besitzt die id loeschen aber nichts passiert.
ist das egal wo js eingebunden wird? oder muss das ganz oben stehen?
hab das ganze jetzt an der stelle eingebunden
Code:
<script type="text/javascript">
window.onload = function()
{
document.getElementById("loeschen").onclick = function()
{
return confirm("Löschen Ja nein?");
}
}
</script>ist das egal wo js eingebunden wird? oder muss das ganz oben stehen?
Gilles
Blogger
Scripte sollten immer im HeadBereich eingebunden werden. window.onload setzt erst die ganzen Event-handler wenn die Seite geladen wurde. Somit treten da keine Problem auf.
Hab nen kurzen Tets gemacht und bei mir funktioniert das. hier mein Test-Code
Hab nen kurzen Tets gemacht und bei mir funktioniert das. hier mein Test-Code
HTML:
<html>
<head>
<script type="text/javascript">
window.onload = function()
{
document.getElementById("loeschen").onclick = function()
{
return confirm("Löschen");
}
}
</script>
</head>
<body>
<form action="test.html" method="get">
<input type="hidden" name="loose" value="ja" />
<input type="submit" id="loeschen">
</form>
</body>
</html>
Asterixus
Aktives Mitglied
Würde eher mit
arbeiten. Denn ich habe gehört, dass wenn man in einigen Browsern den Button mit der Tastatur validiert, dass nicht funktioniert.
Außerdem ist es falsch zu sagen, dass <script> in <head> kommen muss.
Code:
document.getElementsByTagName("form")[0].onsubmit = function() {return confirm("Löschen?");}Außerdem ist es falsch zu sagen, dass <script> in <head> kommen muss.
Gilles
Blogger
Hab das mit der tastatur jetzt nicht ausprobiert. Könnte aber gut sein dass es da Probleme gibt.
------------------
EDIT:
Grade erst mal meinen alten Quelltext durch gelesen
Natürlich hast du Recht. onsubmit deckt da Beides ab :)------------------
Zu dem Thema: "Scripte nur im Headbereich" kann ich nur sagen, dass es grundsätzlich ratsam sich einen Platz für all seine Scripte zu suchen. Ich empfinde den Headbereich dafür am besten. Denn so gerät das Script nicht in das Design. Früher habe ich Scripte auch in den body-Bereich gelegt, weil das Script nicht im head funktioniert hatte, da es sich auf Bereiche im Content-Bereich bezog, die noch nicht geladen wurden.
Später wurde ich dann eines besseren belehrt, dass es einen Eventhandler gibt, der prüft ob der Inhalt geladen wurde (window.onload) :)
Wie gesagt. Geschmackssache :mrgreen:
Zuletzt bearbeitet:
S
struppi
Guest
Der Beste Platz für Skripte ist eigentlich vor dem schliessendem body-Tag. Da du dort Zugriff auf alle Elemente hast und das Skript nicht den Seitenaufbau stören kann.
- Status
