Autor |
Nachricht |
m.meinen
Threadersteller
Dabei seit: 24.04.2003
Ort: Spielplatz
Alter: 38
Geschlecht:
|
Verfasst Mi 26.10.2005 14:27
Titel [JavaScript] dynamischen Text erstellen [solved] |
|
|
Hi,
ich möchte gerne das Ergebnis einer Berechnung in einen Fließtext einfügen. Mit einem Textfeld habe ich es jetzt hinbekommen siehe hier.
hier der Code dazu:
Code: | <html><head><title>Pixelshop</title>
</head>
<body>
<script type="text/javascript">
function rechnen()
{
document.formname.feld.value=(document.formname.Eingabe.value * 2);
}
</script>
<form name="formname">
1 roter Ersatzpixel kostet 2 EUR, wie viele Pixel möchten Sie haben?
<input type="name" size="3" name="Eingabe" value="3">
<button name="buttonName" type="button" onclick="rechnen()">berechnen</button>
<br>
<br>
Bitte zahlen Sie
<input type="text" name="feld" size="4">
EUR an der Kasse
</form>
</body>
</html>
|
Hat jemand eine Idee, wie ich die Zahl im Fließtext einfügen kann, also ohne Textfeld? Wenn ich
Code: | document.write(document.formname.Eingabe.value * 2); |
benutze wird die Seite vorm Anzeigen gelöscht.
Gruß
M.
Zuletzt bearbeitet von m.meinen am Sa 25.02.2006 14:01, insgesamt 1-mal bearbeitet
|
|
|
|
|
kaputt
Dabei seit: 08.05.2003
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 26.10.2005 18:26
Titel
|
|
|
<script type="text/javascript">document.write(document.formname.Eingabe.value * 2);</script>
An die Stelle wo es ausgegeben werden soll?
Oder hatteste das schon so?
Zuletzt bearbeitet von kaputt am Mi 26.10.2005 18:27, insgesamt 1-mal bearbeitet
|
|
|
|
|
Anzeige
|
|
|
Zeithase
Dabei seit: 09.05.2005
Ort: Erfurt
Alter: 39
Geschlecht:
|
Verfasst Mi 26.10.2005 18:45
Titel
|
|
|
Das sollte eher heißen: Code: | document.writeln(); |
Cheers,
der Zeithase.
|
|
|
|
|
tuxedo
Dabei seit: 10.10.2002
Ort: ~/
Alter: 51
Geschlecht: -
|
Verfasst Mi 26.10.2005 19:56
Titel
|
|
|
was ist das problem am textfeld? mit css flugs umformatieren, schon isses unsichtbar.
desweiteren würde ich nicht nur die ausgabe der berechnung sondern den zusammenhängenden
satz rendern lassen.
|
|
|
|
|
Backware
Dabei seit: 09.12.2004
Ort: bei Köln
Alter: 38
Geschlecht:
|
Verfasst Mi 26.10.2005 23:35
Titel
|
|
|
Code: | document.getElementById('preisanzeige').innerHTML = foo; |
einfach im text dann <span id="preisanzeige">0</span> einfügen sollte soweit funzen
|
|
|
|
|
Account gelöscht
Ort: -
Alter: -
|
Verfasst Do 27.10.2005 00:03
Titel
|
|
|
alsooo... ich würd ja auch diese proprietären funktionen verzichten und aus prinzip die kinder der elemente nach der alteingesessenen DOM-syntax erzeugen, dass heißt erst ein neues element vom typ cdata und dieses als kindelement an die preisanzeige hängen. das wird auch sehr hilfreich sein, wenn du mal mit anderen sprachen hantieren willst. diese benutzen zur manipulation eines xmltrees nämlich meist die gleiche syntax.
http://de.selfhtml.org/javascript/objekte/node.htm
|
|
|
|
|
m.meinen
Threadersteller
Dabei seit: 24.04.2003
Ort: Spielplatz
Alter: 38
Geschlecht:
|
Verfasst Do 27.10.2005 12:17
Titel
|
|
|
Vielen Dank für die Antworten. Habe es jetzt so gemacht, wie Backware es vorgeschlagen hat. Funktioniert super.Danke.
@peBBo: Wenn ich das Script mitten in den Text schreibe, funktioniert es. Aber die Zahl soll sich bei einem Klick aktualisieren. Also müsste ich es in eine Funktion schreiben und bei onClick ausführen lassen und dann wird wie gesagt vorher immer die Seite gelöscht (warum auch immer).
@tuxedo: Habe es auch mal mit CSS ausprobiert. Klappt auch sehr gut, allerdings passt sich die Lücke dann nicht der Zahlenlänge an. Außerdem kann man ja dann darin rumschreiben.
@XSchinkenX: Du hast bestimmt recht. Wenn ich wieder mehr Zeit habe, werde ich mich mit dem Thema "Document Object Models" näher befassen. Aber im Moment lasse ich es erstmal so, wie Backware es vorgeschlagen hat.
Jetzt ist schon wieder eine neue Frage aufgetaucht. Ich frage den Zustand von Rado-Buttons ab:
Code: | if(document.Anmeldung.Seminar[0].checked == true) preis=60;
if(document.Anmeldung.Seminar[1].checked == true) preis=70;
|
gibt es eine Möglichkeit, die Radio-Buttons direkt mit Namen anzusprechen (vielleicht über value?) So dass sich nicht alles verschiebt, wenn ich einen Radio-Button hinzufüge?
Danke
M.
|
|
|
|
|
Backware
Dabei seit: 09.12.2004
Ort: bei Köln
Alter: 38
Geschlecht:
|
Verfasst Do 27.10.2005 17:12
Titel
|
|
|
freut mich wenns klappt
zu deiner neuen frage: du könntest auch hier ids verwenden und diese dann mittels "document.getElementById('NAME').checked" ansprechen... bzw. überprüfen ob sie ausgewählt wurden oder nicht .
oder du legst auf die verschiedenen radiobuttons einen event... welcher für eine preiserhöhung sorgt:
Code: | <input type="checkbox" onmousedown="newprice(60);" /> |
die funktion "newprice" addiert einfach einen preis auf den aktuellen.... natürlich solltest du dann noch überprüfen, ob die checkbox bereits aktiv ist... also:
Code: | <input type="checkbox" onmousedown="newprice(this, 60);" /> |
mittels "this" übergibst du der funktion das aktuelle objekt... bzw. element... welches die funktion aufruft somit sieht die funktion dann so aus:
Code: | function newprice ( obj, add )
{
if ( obj.checked == true )
{
totalprice -= add;
}
else
{
totalprice += add;
}
} |
sollte der hacken drin sein.... und man ihn somit rausnehmen.. wird der betrag subtrahiert vom gesamtpreis.... im anderen falle natürlich umgekehrt ..
hab das ganze hier ins textfeld geschrieben un nich getestet..... hoffe es funzt trotzdem
|
|
|
|
|
|
|
|
Ähnliche Themen |
Flash - Wie dynamischen Text mit HTML erstellen?
Hintergrund für Info-Monitore erstellen + dynamischen Text
swf Datei mit dynamischen Text in Movieclip laden
[Hilfe]Dynamischen Text aus einem Array
Textscroll fenster mit geladenen dynamischen text?
Anker erstellen bei Dynamischen Head
|
|