JavaScript Frage

03.05.2011, 18:30

Guten Tag..
Kennt einer von euch zufällig mit Javascript aus und kann mir folgende Frage beantworten?

Wie schaffe ich es, folgende Funktion "einfacher" zu gestalten, bsp. mit
<input type="text"...> und so, da es mit prompt etwas umständlich ist und nicht so schön aussieht:

Code:

function text() {
 var a = prompt("Dein Text" , " ");
  document.write(a);
}

Dann käme noch ein Button, den schreibe ich jetzt aber nicht auch noch hin

Es wäre auch toll, wenn der Eingegebene Text auf der selben Website stehen würde. Nicht auf einer neuen

03.05.2011, 18:50

Dafür brauchst du DOM (Direct Object Model) oder du nutzt eine JavaScript-Bibliothek, wie z.B. jQuery.

03.05.2011, 20:07

Hast du denn einen Tip wie ich da vorgehe?
Oder ein Tutorial?

03.05.2011, 20:55

Was genau willst du denn machen? Muss denn unbedingt ein Fenster aufpoppen? Wenn du genau so etwas wie prompt() haben willst, dann musst du alle Funktionalitäten (auch das Zeichnen des Fensters, das verschieben, die Texteingabe, etc.) nach programmieren.

04.05.2011, 17:00

Nein.
Wenn ich es über inpu type text mache, wechselt er ja auch das Fenster.
EinBeispiel wäre ein Chat. Da tippt man den Satz ein und er erscheint dann auf der selben Website. Nicht auf einer neuen

04.05.2011, 19:11

Schau dir mal dieses Beispiel an:

Code:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
       "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
    <head>
        <title>Prompt-Alternative</title>
    </head>
    <body>
        <form action="#">
            <input type="text" name="text-input" size="30">
            <input type="button" name="klick-button" value="Klick mich!" onclick="alert('Hier laedt keine neue Seite, denn es wird nur ein JavaScript ausgefuehrt.\n' + 'Du hast folgenden Text eingegeben:\n\n' + document.getElementsByName('text-input')[0].value);">
        </form>
    </body>
</html>

05.05.2011, 11:31

So weit, so gut.
Aber wo steht denn jetzt der Text auf meiner Seite?

Code:

<html>
<head>
 <script language="JavaScript">
   function wort() {
    var a="Hallo!";
    document.write(a);
}
 </script>
</head>
 <body>
   <input type="button" name="Button1" value="Klicken!" onclick="wort()">
 </body>
</html>

Ich habs mal so versucht, klappt aber auch nicht

Irgendwie muss der Text doch auf der selben Seite zu kriegen sein, oder?

05.05.2011, 18:37

Zitat von telecaster95

Aber wo steht denn jetzt der Text auf meiner Seite?
Irgendwie muss der Text doch auf der selben Seite zu kriegen sein, oder?

Jep, dafür brauchst du DOM.

Hier noch mal ein Beispiel:

Code:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
       "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
    <head>
        <title>Prompt-Alternative</title>
        <script type="text/javascript">
            function textEinfuegen() {
                var text = document.getElementsByName("textInput")[0].value;
                var textNode = document.createTextNode(text);
                var textElement = document.createElement("p");
                textElement.appendChild(textNode);
                document.getElementsByTagName("body")[0].appendChild(textElement);
            }
        </script>
    </head>
    <body>
        <form action="#">
            <fieldset>
                <legend>Eingabe</legend>
                <input type="text" name="textInput" size="30" />
                <input type="button" name="klickButton" value="Text einfuegen" onclick="textEinfuegen();" />
            </fieldset>
        </form>
    </body>
</html>

05.05.2011, 20:37

Jaha!!!
Das hab ich die ganze Zeit gesucht

DANKE!!

05.05.2011, 20:45

Und noch eine Sache:
Vergiss die Funktion document.write(). Da muss man genau wissen, wie das mit DOM funktioniert, damit der Text auch da ankommt, wo er hin soll.

05.05.2011, 20:47

document.write() erwähnte unser Lehrer mal so kurz am rande, er sagte aber nichts von DOM.

05.05.2011, 20:53

Mit JavaScript im Browser das „Programmieren“ zu Beginnen, finde ich persönlich nicht gut. Da muss man schon fortgeschrittene Programmierparadigmen verstehen und verwenden.

Schau dir DOM mal an. Und dann gehe am besten gleich über zu einer JavaScript-Bibliothek. Dann musst du dich nicht um die ganzen Eigenheiten kümmern, die die verschiedenen Browser (immer noch) haben. Außerdem werden dir gleich zu Beginn viele praktische Funktionen mitgeliefert.

Wenn du Programmieren lernen willst und das nicht im Webbereich (da braucht man nun mal JavaScript), dann solltest du mit einer anderen Sprache anfangen - z.B. einem BASIC-Dialekt oder Python. Wichtig ist zu Beginn erst einmal, dass du in die „Denke“ reinkommst. Du musst erst einmal verstehen, wie du dem Rechner etwas beibringst. Danach ist die Wahl der Sprache fast nur noch vom Projekt bzw. Problem abhängig.

05.05.2011, 20:56

Javascript ist jetzt das zweite Programmierthema. Zuest hatten wir Visual Basic

Zwar die Grundlagen nicht mal komplett denke ich, aber ich will da in der Freizeit noch weitermachen

JavaScript Frage

JavaScript Frage

Ähnliche Themen

Javascript ??

javascript: ('.............')

positionierung von Javascript

Javascript

JavaScript