XenonX: Inputinhalt weiter benutzen

SELF-Forum

Inputinhalt weiter benutzen

XenonX
– Informationen zu den Bewertungsregeln

Hallo erstmal

1.)

Also das ist schwer zu erklären..

ich möchte eine Zeile haben in der man einen Text/zahlen schreiben kann.
zum beispiel:

wenn man in das feld '02' eingibt und enter drückt dann kommt öffnet sich das bild 02.jpg in einem eigenen pop up....ist das möglich?

2.)

kann man ein pop up mit einem bild öffnen lassen in dem sich die fenstergröße sich dem bild anpasst?

Danke für die antwort [Sorry verstehe nich so viel von HTML/Java..also wäre es nett wenn ich den text bekommen würde den ich in den Editor ein fügen könnte´]

XenonX

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Fenster mit Bild öffnen

    Dieter Raber
    – Informationen zu den Bewertungsregeln

    Hallo XenonX,

    So wie es aussieht, redest Du von Javascript und nicht von Java. Ich hab deshalb die Topic mal umgestellt.
    Ausserdem hab ich ein paar Annahmen willkürlich vorrausgesetzt:

    • die ID von deinem Textfeld soll 'bild' sein
    • die Seite soll 'meineseite.htm' heissen

    wenn man in das feld '02' eingibt

    Du brauchst also <input type="text" id="bild" />

    und enter drückt

    Mit Enter ginge das nur in einem Formular
    <form action="meineseite.htm" method="get">
    Das wird dich aber im weiteren Verlauf in Schwierigkeiten bringen, schaetze ich, also lassen wir den Benutzer lieber auf einen Button klicken
    <button type="button">Hier klicken um Bild anzuzeigen</button>

    öffnet sich das bild_02.jpg

    ^-- ich hab hier einen Unterstrich eingefuegt, weil Leerzeichen Probleme mit sich bringen
    Also muss der Button ein Event haben, aendern wir ihn ab
    <button type="button" onclick="bildZeigen()">

    in einem eigenen pop up

    Dazu brauchst du eine Funktion, die du im <head> zwischen <script>-Tags einbaust
    function bildZeigen()
    {
      // erstmal nachschauen, was im Textfeld steht...
      var meinBild = 'bild_' + document.getElementById('bild').value + '.jpg'
      // Die Variable 'meinBild' enthaelt jetzt, wenn der Wert im Inputfeld mit der ID 'bild' '02' ist, den String
      // bild_02.jpg
      // unten gehts die Funktion weiter

    ....ist das möglich?

    Klar, wie du siehst.

    kann man ein pop up mit einem bild öffnen lassen

    Hier geht die Funktion weiter:
       var fenster = window.open(meinBild, 'ansicht', 'width=300,height=300')
       // Jetzt wird ein Fenster auf gemacht mit 'meinBild' als URL, dem Namen 'ansicht', das 300px breit und 300px hoch ist
    }// <-- Klammer zu nicht vergessen

    in dem sich die fenstergröße sich dem bild anpasst?

    Kann man auch, aber das ist mir ehrlich gesagt, jetzt ein bisschen zuviel. Du hast ohnehin schon genug zu tun bisher.

    wenn ich den text bekommen würde den ich in den Editor ein fügen könnte

    Sorry, aber so ganz und gar fertigen Code gibt es hier nicht, das widerspricht dem Prinzip des Forums. Du hast ausreichend Hinweise bekommen, um zu googeln oder in SelfHTML nachzulesen.

    Gruß,

    Dieter

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln