• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

onclick in button

F

freed

Neues Mitglied
halli hallo ;)
habe mal ne schnelle frage an euch...
ich habe einen button indem erstmal nichts drauf ist also einfach nur ein button...
wenn ich draufdrücke soll irrgentwas draufstehen auf dem button z.B. "X"
wie mache ich das?
das ist erstmal der Button brauche nur noch was in das onclick einfügen nur was?

<input type="button" name="F11" value=" "
onclick="">

p.s. nich vom f11 verwirren lassen^^ is die erste zeile erste spalte ;)
danke schonmal
 
Werbung:
Füge das hier in den <head>-Tag ein:
HTML: 
<script type="text/javascript">
function ZeigeText(){
window.document.getElementById('button').value = 'Text in Button';
}
</script>

Und dieses OnClick im <input>-Tag:
HTML: 
<input ... onclick="ZeigeText()" ...>

LG
 
Also das finde ich relativ Sinnlos.
Wieso soll erst was in dem Button stehen wenn du draufklickst.
Das ist eigentlich sinnlos.
Eine möglichkeit die gehen wär wäre ein mouseover.
Wenn du mit der Maus über den Button gehst erscheint der
Text.
mfg
 
Werbung:
HobbyProgrammierer schrieb:
Also das finde ich relativ Sinnlos.
Wieso soll erst was in dem Button stehen wenn du draufklickst.
Das ist eigentlich sinnlos.
Zum Vergrößern anklicken....
Das hätte ich auch gesagt, jedoch habe ich in einem anderen Thread von freed gelesen, dass er ein Spiel erstellen möchte. Ich gehe davon aus, dass er den Button dafür braucht. Kann man ja aber nicht wissen. :)
Eine möglichkeit die gehen wär wäre ein mouseover.
Wenn du mit der Maus über den Button gehst erscheint der
Text.
Zum Vergrößern anklicken....
Warum wäre das weniger sinnlos? Ob man nun drauf klickt oder drüber fährt macht auch nicht mehr so viel Unterschied. Finde ich. ;)

Gruß
 
Naja ich finde das Generel Sinnlos.
Aber ich kann ja nicht wissen was er für ein Spiel erstellt.
Aber ist jetzt auch egal.
mfg
 
Werbung:
freed schrieb:
ja erstmal danke funktioniert leider nicht...
Zum Vergrößern anklicken....

In meinem Beispiel funktioniert das wunderbar:
HTML: 
<html>
<head>
<script type="text/javascript">
function ZeigeText(){
window.document.getElementById('button').value = 'Text in Button';
}
</script>
</head>
<body>
<input type="button" id="button" value="" name="name" style="width: 200px;" onclick="ZeigeText()">
</body>
</html>

Achja, habe ich vergessen zu erwähnen. Bei dem getElementById('button') muss das 'button' durch die ID des entsprechenden Buttons eingewechelt werden.
Sry

LG
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>MINESWEEPER!!!</title>
<script type="text/javascript">
function ZeigeText(){
window.document.getElementById('button').value = 'Text in Button';
}
</script>
</head>
<body>

<h1>!Gotta Catch Them ALL!</h1>

<form action="input_button.htm">
<p>
<input type="button" name="F11" value=" "
onclick="ZeigeText()"X>
</p>
</form>

</body>
</html>


dass is es soweit... geht nur nich
 
Werbung:
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>MINESWEEPER!!!</title>
<script type="text/javascript">
function ZeigeText(){
window.document.getElementById('button').value = 'Text in Button';
}
</script>
</head>
<body>

<h1>!Gotta Catch Them ALL!</h1>

<form action="input_button.htm">
  <p>
    <input type="button" name="F11" value=" "
    onclick="ZeigeText()" id="button">
 </p>
</form>

</body>
</html>

Versuch das mal.
 
ok kleine komplikation;)
ich habe ja ein feld von buttons
und egal auf welchen button ich drücke...die ausgabe erfolgt immer im ersten button
warum?
 
Werbung:
Die Funktion wird durch das getElementById('button') immer auf den Button mit der ID button angewandt.
Ich habe das Script nun nocheinmal etwas abgeändert:
HTML: 
<script type="text/javascript">
function ZeigeText(name){
window.document.getElementById(name).value = 'Text in Button';
}
</script>
Im <input>-Tag muss dann folgendes stehen:
HTML: 
<input type="button" id="F8" onclick="ZeigeText('F8')">
Die Werte/Parameter von id=" " und ZeigeText(' ') müssen gleich sein.

Der Vorteil:
Du brauchst den JavaScript-Teil nur einmal im Quelltext stehen haben und nur die Werte des Buttons ändern.

Das drüfte klappen. LG
 
Dieser Teil des Scripts:
HTML: 
<script type="text/javascript">
function ZeigeText(name, wert){
window.document.getElementById(name).value = wert;
}
</script>
muss innerhalb von <head> und </head> stehen. Dieser Teil bleibt unverändert. Du brauchst ihn nur einfügen.

Der Button-Code:
HTML: 
<input type="button" id="blabla" value="" name="F12" style="width: 300px;" onclick="ZeigeText('F12', 'Text, der in Button erscheinen soll.')">
sieht so aus.
Der Teil genauer erläutert:
HTML: 
onclick="ZeigeText('F12', 'Text, der in Button erscheinen soll.')"
Nach ZeigeText( kommt in einfachen Anfrührungszeichen die ID des Buttons. In diesem Fall 'F12'. Der zweite Parameter (durch das Komma vom ersten abgegrenzt) behinhaltet ebenfalls in einfachen Anführungstrichen den Text, der im Button erscheinen soll.

Hoffe jetzt bekommst du es hin. :)

Gruß
 
Werbung:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben