nicht angemeldet
Gute Abend wünsch ich euch,
Also ich komm gleich mal zur Sache...Ich lern seid kurzer Zeit JS und habe doch noch große Probleme damit.
Ich habe von meinem Ausbilder die Übungsaufgabe bekommen einen button zu erstellen mit hilfe von CSS was auch wunderbar geklappt hat...
darunter habe ich eine textarea gestellt in der ich 20Zeichen eingeben kann.Und darunter nochmal einen <input type="button"> erstellt.
Was ich möchte....also folgendes...ich will das wenn ich in die Textarea etwas eingebe der Text aus der Area in eine Variable gespeichert wird...und diese dann im oben per CSS erstellten button wiedergegeben wird...Also ich will praktisch nur das der Text aus der TextArea nach dem klick auf den button im oberen Button drinsteht...Nun die Frage wie kriege ich das hin...
Mit C# kommt mir das soviel leichter vor...und ich tu mich mit JS doch beträchtlich schwerer...Hätte jemand eine Idee wie ich das wirklich ganz leicht hinkriegen könnte?In Anfänger sprache erklärt :)
Ich weis praktisch nur...das ich das per onclick="" machen muss...
ich weis leider nicht wie ich den Wert in eine Variable abspeichern kann und wie ich ihm dann sagen kann das er es mir in den button reinschreibt anstatt des textes der schon vorhanden ist...
Was ich bisher habe ist folgendes:
<html>
<head>
<style type="text/css">
tr.linkcell
{
border-style: none;
}
td.linkimgcell
{
border-style: outset;
border-width: 3px;
border-color: #ffff44;
border-right-style: none;
border-rigth-width: 0px;
text-align: center;
vertical-align: middle;
padding: 5px;
padding-left: 5px;
padding-right: 5px;
background-color: #ffff44;
}
td.linktextcell
{
border-style: outset;
border-width: 3px;
border-color: #d0d0d0;
background-color: #d0d0d0;
border-left-style: none;
border-left-width: 0px;
padding: 5px;
padding-left: 10px;
padding-right: 10px;
vertical-align: middle;
font-family: Arial,Helvetica;
font-weight: bold;
font-size: 100%;
letter-spacing: 0.3em;
}
a.linkbutton
{
border-style: outset;
border-width: 3px;
border-color: #ffff44;
background-color: #ffff44;
color: #000000;
padding: 0px;
vertical-align: middle;
font-family: Arial,Helvetica;
}
</style>
//<link rel="stylesheet" type="text/css" href="button.css">
//<script src="button.js" type="text/javascript"></script>
</head>
<body>
<table border="0" cellspacing="0">
<tr class="linkcell">
<td class="linkimgcell" id="cimg">
<a href="innerhtml.html">
<img src="img/pfeil_positiv.gif" border="0">
</a>
</td>
<td class="linktextcell">
<form name="ZuÄndernderText">
Ändert den Text
</form>
</td>
</tr>
</table>
<table>
<tr>
<td>
<form name="Texttausch" action="">
<input name="NeuerText" type="text" size="30" maxlength="20">
<input type="button" value="Text ändern" onclick="TextTausch();">
</form>
</td>
</tr>
</table>
</body>
</html>
in dem eingebundenen JS file ist praktisch nur der name der funktion und mehr eigendlich nicht...Ich weis grad nich so recht weiter,wenn mir da jemand helfen könnte wäre das wirklich nett...
Gruß m0jo
Struppi