Bloody: Eingabefeld mit änderung des src tag´s in img

Hallo Miteinander!

Ich brauche dringend Hilfe im bereich Javascript (denke ich).

ich möchte per Javascript ein Eingabefeld erstellen, indem man einen link zu einem ftp-Order angibt (z.b.:"http://blub.hoster.de/ordner/"), worauf dieser link im bereich src eines Bildes also:
<img src="bild01.jpg">
vor der Kennzeichnung der Datei gesetzt wird.

Das Ergebnis in diesem Beispiel:
<img src="http://blub.hoster.de/ordner/bild01.jpg"

Ich würde ja eigentlich nicht nach sowas fragen da ich z.B. mit html gar keine Probleme habe, aber ich komme auf biegen und brechen nicht mit Javascript klar .
soweit ich weiß wäre aber in diesem fall Javascript die Lösung, wenn nicht bitte klärt mich auf...

mfg. Bloody

  1. Tach

    ...link zu einem ftp-Order angibt (z.b.:"http:

    Ich glaube Du hast da ein Verständnisproblem, was HTTP ist und was FTP.

    soweit ich weiß wäre aber in diesem fall Javascript die Lösung, wenn nicht bitte klärt mich auf...

    Man kann mit JavaScript src's von Bildern ändern und lesen - man muss sie nur im Script ansprechen - also das richtige Bild...

    1. Tach

      ...link zu einem ftp-Order angibt (z.b.:"http:

      Ich glaube Du hast da ein Verständnisproblem, was HTTP ist und was FTP.

      Und ich glaube das du nicht weißt wie man auf nen ftp über nen ganz normalen browser zugreift das geht schlecht über ftp://, denn ich sage ftp ordner weils ja nur ein ftp server ist.

      1. Hi,

        ... link zu einem ftp-Order angibt (z.b.:"http://blub.hoster.de/ordner/")

        Ich glaube Du hast da ein Verständnisproblem, was HTTP ist und was FTP.

        Und ich glaube das du nicht weißt wie man auf nen ftp über nen ganz normalen browser zugreift das geht schlecht über ftp://, denn ich sage ftp ordner weils ja nur ein ftp server ist.

        Wenn ich mit meinem Browser *über* FTP auf etwas zugreifen will - dann geht das selbstverständlich über ftp:// als Protokollangabe vor der Adresse.
        Denn wenn da nicht ftp:// steht, sondern http:// - dann ist es *kein* Zugriff über FTP, sondern einer über HTTP.

        Und in obiger Aussage von dir, da hast du http:// in deinem Beispiel angegeben. Also *willst* du über HTTP zugreifen (oder dein Beispiel wäre Blödsinn).

        Deshalb glaube ich auch,

        Du hast da ein Verständnisproblem, was HTTP ist und was FTP.

        MfG ChrisB

        --
        Light travels faster than sound - that's why most people appear bright until you hear them speak.
  2. Hi!

    Ja. JS ist fuer sowas recht gut geeignet.

    Hast Du auch eine Frage? Ich finde in Deinem Post keine.

    So. Der Forumsetiquette ist hiermit wohl genuege getan.

    ;) Kommen wir also zu Deinem Problem:

    Ein Inputfeld bekommst Du ja wohl hin. Verpass dem Feld eine ID. Gut waere wenn das Bild (die Bilder) auch ueber eine eigene ID verfuegt. Falls alle/mehrere Bilder behandelt werden sollen ist stattdessen ein Name nicht schlecht.

    mit document.getElementByID("jeweilige ID") kannst Du auf ein Objekt/Element zugreifen. Der Inhalt deines Inputs befindet sich im value-Attribut. (obj.value)

    Das gleiche gilt fur ein Bild. Statt value interessiert dich hier src.

    Am uebersichtlichsten ist es, die Werte in Variablen zu schreiben und diese dann zu verketten. (bildpfad = pfad + bildpfad) Den verketten String weist Du wieder dem src des Bildes zu.

    Wenn Du mehrere Bilder bearbeiten willst. vergibst Du, wie erwaehnt, besser Namen. Diese kann man wunderbar in einer Schleife ansprechen. document.getElementsByName("Name der Bilder")[x] liefert dann Bild Nummer x mit dem Namen (faengt bei 0 an). Eine Schleife ueber die Bilder laesst dich dann allen einen neuen Pfad zuweisen.

    Eigentlich hast Du jetzt alle Informationen, die Du brauchst. Mit etwas nachschalgen in z.B. selfhtml solltest Du eine Loesung finden. Falls Du ueber ein spezielles Problem stolperst: Der Thread laeuft so schnell nicht weg.

    --
    "Die Diebesgilde beklagte sich darueber, dass Mumm in aller Oeffentlichkeit behauptet hatte, hinter den meisten Diebstaehlen steckten Diebe."
          - T. Pratchett
    1. mit document.getElementByID("jeweilige ID") kannst Du auf ein Objekt/Element zugreifen. Der Inhalt deines Inputs befindet sich im value-Attribut. (obj.value)

      Muss nicht sein, man kann mit JavaScript/DOM vieles einfach selektieren, ohne alles gleich mit ID-Attributen zuzupflastern.

      1. mit document.getElementByID("jeweilige ID") kannst Du auf ein Objekt/Element zugreifen. Der Inhalt deines Inputs befindet sich im value-Attribut. (obj.value)

        Muss nicht sein, man kann mit JavaScript/DOM vieles einfach selektieren, ohne alles gleich mit ID-Attributen zuzupflastern.

        Ne. Muss nicht. Ist aber fuern Anfaenger wesentlich leichter/uebersichtlicher, finde ich.

        Ich hab mal ein Menue mit Untermenues nur uebers DOM realisiert. Das konnte hier z.B. niemand ausser mir pflegen. Allein, dass meine HTML Seiten keine Eventhandler enthalten aber trotzdem Dinge passieren ist fuer die meisten hier schon Magie. Das ist schon die Grenze, bei der Mein Chef dann noch so mitkommt, nachdem er das Prinzip mal geblickt hat. Eigene Objekte sind schwarze Magie.

        --
        "Die Diebesgilde beklagte sich darueber, dass Mumm in aller Oeffentlichkeit behauptet hatte, hinter den meisten Diebstaehlen steckten Diebe."
              - T. Pratchett
        1. Ne. Muss nicht. Ist aber fuern Anfaenger wesentlich leichter/uebersichtlicher, finde ich.

          Zu Demonstrationszwecken ja - aber produktiv nein - imho auch für Anfänger.

          Allein, dass meine HTML Seiten keine Eventhandler enthalten aber trotzdem Dinge passieren ist fuer die meisten hier schon Magie.

          YMMD

    2. Ja das ist alles sehr hilfreich aber jetzt ist das Problem das ich Nichtmal ein Eingabefeld schaffe ich habe mir den teil von Javascript bei selfhtml eigentlich komplett durchgelesen aber wie gesagt ich verstehe nur Bahnhof...

      und ja es handelt sich um mehrere Bilder bei denen der http link gleichzeitig geändert werden soll...

      ich wer mal versuchen irgendwas zu schaffen also wenigsten schaffe ich

      <script language="JavaScript">  
        
      </script>
      

      aber großartig weiter komme ich nicht da ich zwar den sin von z.B. die ID weis aber wie soll ich des alles umsetzten ? bin halt zu doof für Javascript...

      naja wenn jemand so freundlich wäre nen code zu erstellen mit // Erklärungen hinter kurz und knackig werde derweil etwas selbst in die hand nehmen ...

      1. ich wer mal versuchen irgendwas zu schaffen also wenigsten schaffe ich

        <script language="JavaScript">

        </script>

          
        Nein, leider nicht - das ist nämlich nicht wirklich richtig.  
          
        Beginne lieber mit:  
        ~~~javascript
        <script type="text/javascript">  
          alert('hello world!');  
        </script>
        

        Erstelle ein Onlinebeispeispiel und poste hier den Link - nichts überstürzen, man lernt nicht alles auf einen Schlag.

        Sobald das Hello-World-Alert funktioniert, gehts weiter zum nächsten Schritt.

        1. Funtzt^^ wow ich kann es doch ^^.

          1. Funtzt^^ wow ich kann es doch ^^.

            Link bitte :)

            1. Funtzt^^ wow ich kann es doch ^^.

              Link bitte :)

              Hier hasste den Link ^^

              sry das ich gestern so abbrut wech wa ....

              hast du irgentwie icq? oder vllt. sogart teamspeak denn is des sicher einfacher als hier imma reinzugucken und wenn ncht is nit schlimm

              1. Hier hasste den Link ^^

                Funktioniert schon wunderbar - jetzt füge ein Bild ein und ein entsprechendes formular mit einem Eingabefeld (nur HTML).

                hast du irgentwie icq?

                Ja.

                oder vllt. sogart teamspeak

                Ebenfalls.

                denn is des sicher einfacher als hier imma reinzugucken

                Privatunterricht gebe ich nur gegen bares :)

                1. Gleicher Link

                  1. Gleicher Link

                    Jetzt versuche, den <http://de.selfhtml.org/javascript/objekte/node.htm#node_value@title=derzeitigen Wert> des Forumularfelds in einem alert auszugeben (ein Submitbutton und ein http://de.selfhtml.org/javascript/sprache/eventhandler.htm#onsubmit@title=onsubmit-Event sind ggf. hilfreich).

                    btw: validiere die Seite ggf. um die