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

html & javascript (einbindung)

war diese Thema hilfreich oder interessant?

  • hilfreich

    Stimmen: 2 40,0%

  • interessant

    Stimmen: 0 0,0%

  • beides

    Stimmen: 0 0,0%

  • nichts

    Stimmen: 3 60,0%
  • Umfrageteilnehmer
    5
  • Umfrage geschlossen .
Status
Für weitere Antworten geschlossen.
F

Five-O

Neues Mitglied
Ich weis, dass ist jetzt wahrscheinlich sehr peinlich, aber ich verstehe immernochnicht wie man javas. in html ein bindet.
Wenn ich zb. möchte, dass eine variable (,da in html nicht möglich also in javas.) durch einen buttonclick um eins erhöht wird. Wie funktioniert das dann???

Wenn ich etwas im <head> mit dem <script...>-tag einfüge, wie greift das dann auf die sachen in html (<body>) zu???
 
bespiel?

hallo,
danke für deine antwort crash, aber könntest du mir dafür vielleicht ein kleines beispiel geben???
 
Das macht genau das was du in deinem erstem Post willst:


Code: 
<html>

<head>

<title></title>

<script type='text/javascript'>

var i = 0;

function increment()  {
i++;
document.myform.myfield.value=i;
}

</script>

</head>

<body>

<form name='myform'>

Erhöhen Sie den Stand: <br><br>
<input type='text' name='myfield' size='7' value='0' readonly> <br>
<input type='button' value='Stand erhöhen!' onClick='increment()'> 

</form>

</body>

</html>
 
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/Strict.dtd">

<html>

<head>

<title></title>

<script type="text/javascript">
function increment () {
    var wert = +ausgabe.value; //unary +
    ausgabe.value = ++wert;
}
window.onload = function () {
    var ausgabe = document.getElementById("myfiled");
    var button = document.getElementById("button");
    button.onclick = (function (ausgabe) {
         return increment;
    })(ausgabe); // Closure die Variable, so dass sie innerhalb von increment verfügbar ist
};
</script>

</head>

<body>
    <div>
<form action="">
<div><label for="myfield">Erhöhen Sie den Stand:</label>
<input type="text" id="myfield" value="0" /></div>
<div><input type="button" id="button" value="Stand erhöhen!" /></div>
</form>
    </div>
</body>

</html>
 
"+1 button"

hallo,
zu dir gokel!
bis hierhin verstehe ich noch alles:
Code: 
<...onClick="increment()">
onClick=...
kenne ich, aber wie funktioniert increment?

Das ist doch eine funktion, oder???
 
oh

oh,
und nochmal hallo,

ich hab da was übersehen: die funktion increment definition im script - tag. Aber ich hab trotzdem was gelernt.
ich wusste nämlich (schlaumeier = leute die das ohne h schreiben!!!)
nicht, dass script funktionen auch in html - tags eingebunden werden können!
danke!:-D
 
Jo, freue mich das ich helfen konnte !

Wenn du sonst noch Fragen hast, adde mich einfach mal bei ICQ:316-839-925
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben