Eddie: Einzeiliges Eingabefeld, das Zeilenumbrüche enthält?

Hallo allerseits,

ich brauche hier ein Eingabefeld, das aussieht, als hätte es nur eine Zeile, das aber Zeilenumbrüche beinhalten kann!

Variante 1:  <input type="text" ... />
So sollte es eigentlich sein, sieht genauso aus, wie ich es brauche. FRAGE: wie bekomme ich da einen Zeilenumbruch rein? Gibt es ein Sonderzeichen, das ich dafür verwenden kann?

Variante 2:  <textarea rows="1" ...></textarea>
Das wäre zu schön, geht aber nicht, weil es (zumindest bei Firefox) trotzdem mit 2 Zeilen dargestellt wird :-/
FRAGE: wie bekomme ich das einzeilig hin?

Welche Variante ich letztlich nutze, ist mir eigentlich egal. Nur eine der beiden Fragen muss ich lösen. Vielleicht wisst ihr da ja was?

Danke für eure Hilfe,
Eddie

P.S.: Hintergrund ist folgender: in dem Eingabefeld stelle ich den Besuchern BB-Code zur Verfügung, den sie kopieren können. Das Resultat soll aber zweizeilig rauskommen, also so:

"[img]http://www.xyz.de/Eiffelturm.jpg[/img]
[b]Das ist der Eiffelturm![/b]"

Ohne diesen Umbruch wuerde die Bildunterschrift neben dem Bild stehen. Dummerweise habe ich nur Platz für eine Eingabe-Zeile :-(

--
Old men and far travelers may lie with authority.
  1. Hallo,

    Das ganze sieht mir nach einer sehr schlechten Idee aus. 'Ich hab nicht mehr Platz'. Ich schick Dir gerne per E-Mail einhundert leere HTML-Dokumente ;-). Mach das Eingabefeld so, das es sich auf Mausklick per Javascript in ein großes, spendables, mehrzeiliges Textfeld verwandelt.

    Gruß, Nils

    1. Hallo Nilz,

      Das ganze sieht mir nach einer sehr schlechten Idee aus. 'Ich hab nicht mehr Platz'.

      Sieh's mal so: 2 Zeilen sind 100% mehr als eine Zeile. Das ist eine Menge, fuer ein Feld, das so unaufdringlich wie möglich sein soll.
      Ausserdem ist es nicht editierbar, die Besucher können also selbst nichts reinschreiben.

      Eddie

      --
      Old men and far travelers may lie with authority.
      1. Hallo Nilz,

        Sorry, natuerlich mit "s"! Hab 'nen Freund, der sich mit "z" schreibt ;-)

        --
        Old men and far travelers may lie with authority.
      2. [latex]Moin![/latex]

        Das ganze sieht mir nach einer sehr schlechten Idee aus. 'Ich hab nicht mehr Platz'.
        Sieh's mal so: 2 Zeilen sind 100% mehr als eine Zeile. Das ist eine Menge, fuer ein Feld, das so unaufdringlich wie möglich sein soll.
        Ausserdem ist es nicht editierbar, die Besucher können also selbst nichts reinschreiben.

        Kannst du dem Feld nicht mit CSS feste Maße zuweisen? oder ignoriert FF das auch?

        Cü,

        Kai

        --
        I got sunshine in my stomach, Like I just rocked my baby to sleep.
        I got sunshine in my stomach, But I can't keep me from creeping sleep,
        Sleep, deep in the deep.
        ie:{ fl:( br:< va:) ls:? fo:| rl:? n4:° ss:{ de:] js:| ch:? mo:| zu:|]
        1. Hallo Kai,

          Kannst du dem Feld nicht mit CSS feste Maße zuweisen? oder ignoriert FF das auch?

          Mmmh, also daran habe ich noch nichtmal gedacht...! Mit

          <textarea cols="80" rows="1" style="height:18px;" ...>

          funktioniert's offenbar! Danke also fuer die Anregung! Gibt es von euch anderen da Einwände, das so zu machen?

          Eddie

          --
          Old men and far travelers may lie with authority.
          1. Ausser, dass ich es nicht sonderlich Nutzerfreundlich finde, da der User wohl von nur einer Zeile ausgeht... Grad nicht wirklich. Wenn es Dich (und deine User) gluecklich macht...

          2. Moin!

            Kannst du dem Feld nicht mit CSS feste Maße zuweisen? oder ignoriert FF das auch?
            Mmmh, also daran habe ich noch nichtmal gedacht...! Mit

            <textarea cols="80" rows="1" style="height:18px;" ...>

            funktioniert's offenbar! […] Gibt es von euch anderen da Einwände, das so zu machen?

            Naja, was passiert denn, wenn als Schriftgröße 8 oder 9px eingestellt sind? Vielleicht wäre 1em doch besser, oder?

            Viele Grüße,
            Robert

          3. Hi Eddie,

            Gibt es von euch anderen da Einwände, das so zu machen?

            Du sprachst davon, dass du dieses Feld nur für die Ausgabe verwenden willst und der Benutzer keine Möglichkeit haben soll, den Inhalt zu verändern - zumindest habe ich dich so verstanden ;-) Warum verwendest du dann kein (entsprechend deinen Wünschen optisch gestyltes) div-Element bzw. ein beliebiges anderes HTML-Element, welchem du eine fixe Höhe und overflow: auto; gibst?

            Viele Grüße,
              ~ Dennis.

      3. Hallo Eddie,

        Ausserdem ist es nicht editierbar, die Besucher können also selbst nichts reinschreiben.

        Warum willst du dann ein Formular-_Eingabe_-Feld dazu benutzen?

        Gruß aus Moers

        Sven

        1. Hallo Sven,

          Warum willst du dann ein Formular-_Eingabe_-Feld dazu benutzen?

          Weil sich das imho mittlerweile so durchgesetzt hat, sprich Standard ist. Guck mal bei Youtube, Sevenload, etc., die verwenden für solche Geschichten alle Textfelder.

          Eddie

          --
          Old men and far travelers may lie with authority.
          1. Moin!

            Warum willst du dann ein Formular-_Eingabe_-Feld dazu benutzen?
            Weil sich das imho mittlerweile so durchgesetzt hat, sprich Standard ist. Guck mal bei Youtube, Sevenload, etc., die verwenden für solche Geschichten alle Textfelder.

            Achja, wann sind endlich die XForms soweit, da gibt es sogar ein Ausgabefeld …

            Viele Grüße,
            Robert

      4. Nabend,

        Mal ein Beispiel für das, was ich meine:

        Das Dialogfenster unter XP in [Rechtsklick Arbeitsplatz]->[Tab 'Erweitert']->[Button 'Umgebungsvariablen']->(zum Beispiel)[Doppelklick 'Path']. Meist laaange Variablen. Der Cursor will auf den Rand zu klicken und das Ding größer zu machen. Zwecklos. Eine von vielen nervenden Usability-Macken unter Windows (Linux ist nach meiner Erfahrung auch nicht besser).

        Das Tolle an Webseiten ist, das man so etwas mit einfachen Mitteln vermeiden kann. Wenn Du etwas in der Art (Ein nano-Textfeld) vorhast: Bitte lass es bleiben. Das Du nicht genug Platz hast, glaube ich nicht. Dann ist dein Design nicht gut gewählt. Wie Du es besser machen kannst, haben ja schon viele gesagt. Z.B. als Javascript-Fensterchen. Eine einzelne Seite mit einem breiten Angebot von copy&paste-Vorlagen ist noch viel besser.

        Guck mal bei useit.com. Da gibt es sehr viel Wissenswertes zu der Thematik. Leider habe ich den entsprechenden Link (Zu kleine Eingabefelder) nicht mehr gefunden, ist da aber irgendwo.

        Und, ja, hab dein Posting unten gelesen, NP wegen 'nilz'. (:

        Gruß, Nils

  2. Hi,

    P.S.: Hintergrund ist folgender: in dem Eingabefeld stelle ich den Besuchern BB-Code zur Verfügung, den sie kopieren können. Das Resultat soll aber zweizeilig rauskommen

    und warum sorgst *Du* dann nicht einfach dafür? Warum soll der User einen (oder keinen) Zeilenumbruch eingeben können, wenn Du auf jeden Fall einen haben möchtest?

    freundliche Grüße
    Ingo

    1. Hallo Ingo,

      und warum sorgst *Du* dann nicht einfach dafür?

      Das ist ja meine Absicht! Wie kann ich denn dafür sorgen?

      Eddie

      --
      Old men and far travelers may lie with authority.
      1. Hi,

        und warum sorgst *Du* dann nicht einfach dafür?
        Das ist ja meine Absicht! Wie kann ich denn dafür sorgen?

        indem Du die dort eingetragenen Daten entsprechend auswertest und ggfls. den gewünschten Umbruch selbst hinzu fügst.

        freundliche Grüße
        Ingo

        1. Hallo Ingo,

          und warum sorgst *Du* dann nicht einfach dafür?
          Das ist ja meine Absicht! Wie kann ich denn dafür sorgen?
          indem Du die dort eingetragenen Daten entsprechend auswertest und ggfls. den gewünschten Umbruch selbst hinzu fügst.

          Ok, ich habe also mein EINZEILIGES <input>-Feld, mit folgendem Inhalt:

          "Erste Zeile?Zweite Zeile"

          Das Fragezeichen sei mal als Umbruch gedacht. Ein Besucher kopiert das jetzt raus und fügt es in ein anderes Formular irgendwo im Internet ein. Dort steht dann erstmal

          "Erste Zeile?Zweite Zeile"

          Er klickt auf Speichern und der dortige Server versteht, dass das ein Umbruch war und speichert in der eigenen DB Folgendes:

          "Erste Zeile
          Zweite Zeile"

          Jetzt die Preisfrage: welches Sonderzeichen muss ich anstelle des Fragezeichens verwenden?

          Eddie

          --
          Old men and far travelers may lie with authority.
          1. hi $name,

            Ok, ich habe also mein EINZEILIGES <input>-Feld, mit folgendem Inhalt:

            ist ein input feld das richtige für einen output?

            "Erste Zeile?Zweite Zeile"

            Das Fragezeichen sei mal als Umbruch gedacht. Ein Besucher kopiert das jetzt raus und fügt es in ein anderes Formular irgendwo im Internet ein. Dort steht dann erstmal

            "Erste Zeile?Zweite Zeile"

            Er klickt auf Speichern und der dortige Server versteht, dass das ein Umbruch war und speichert in der eigenen DB Folgendes:

            "Erste Zeile
            Zweite Zeile"

            Jetzt die Preisfrage: welches Sonderzeichen muss ich anstelle des Fragezeichens verwenden?

            ich hab den verdacht das das nicht möglich ist, es hängt doch davon ab wie/womit die andere seite die eingaben behandelt.

            übrigens: bei den youtube links bricht nichts um.

            gruss
            shadow

            --
            The computer made me do it; HONEST!
          2. Hallo Eddie,

            diese "Sonderzeichen" sollte eigentlich jeder kennen, der HTML-Seiten baut - meine Meinung.
            Ich schließe aus dieser Unkenntnis und dem gesamten Fragestil mal auf eine gewisse Unerfahrenheit in diesen Gefilden.

            Es handelt sich um zwei Zeichen: ASCII 10 (hex. 0A, auch als 'Linefeed' oder kurz: LF bekannt) und ASCII 13 (hex. 0D, auch als 'CarriageReturn' oder kurz: CR bekannt).

            Windows und DOS benutzen als Zeilenende CR/LF, Unix-Derivate (Linux, Solaris usw.) benutzen LF und Mac's nutzen CR.
            HTML schert sich eigentlich darum nur bei Preformatierten Texten und hätte doch lieber ein <br> zum Zeilenumbruch.
            Und genau das willst Du doch:
            <img src="....."><br>Bildtitel
            BTW: <img> ist ein einfaches Tag, kein HTML-Container ...

            Warum machst Du nicht einfach einen Button, der dann per Javascript ein Popup-Fenster öffnet, in dem Du den BB-Code komplett anzeigen kannst?

            Viele Grüße
            Tom

          3. Moin!

            Ok, ich habe also mein EINZEILIGES <input>-Feld, mit folgendem Inhalt:

            "Erste Zeile?Zweite Zeile"

            Das Fragezeichen sei mal als Umbruch gedacht. Ein Besucher kopiert das jetzt raus und fügt es in ein anderes Formular irgendwo im Internet ein. Dort steht dann erstmal

            "Erste Zeile?Zweite Zeile"

            … wobei das '?' immer noch für den Zeilenumbruch steht …

            Er klickt auf Speichern und der dortige Server versteht, dass das ein Umbruch war und speichert in der eigenen DB Folgendes:

            "Erste Zeile
            Zweite Zeile"

            Jetzt die Preisfrage: welches Sonderzeichen muss ich anstelle des Fragezeichens verwenden?

            Da das Newline im value-Attribut wahrscheinlich ausscheidet, könntest du doch einmal &#10; ausprobieren, alternativ auch &#13;&#10;.

            Viele Grüße,