Parameter aus URL für Bildwiedergabe in HTML

  • Hallo liebe Forenmitglieder.


    ich bin Javascript/jquery-Anfänger und möchte mich mit folgendem Proble an euch wenden, nachdem ich seit 3 Stunden rumgoogle und Beuspiele oder Lösungen suche. Nun habe ich mich hier angemeldet und versuche es mal auf diesem Wege :)


    Ich möchte aus der URL einen Parameter auslesen und in meine HTML laden. Das funktioniert z.B. schon für Text, dass ich in der URL ?name=xy eingebe und in meiner HTML dann an einer bestimmten stelle "xy" dynamisch steht. Das erreiche ich durch


    <script language="javascript" type="text/javascript">document.write(GetVar("name"));</script>


    Jetzt möchte ich aber auch gerne eine Grafik austauschen, wenn der Besucher die Seite z.B. aufruft mit: "www.beispiel.de/?name=xy&?grafik=baum"


    Ich stelle mir vor, dass ich dann ein Image TAG habe, in dem script-Code ist, das dann <img src="www.beispiel.de/uploads/baum.jpg> erzeugt und dieses Bild darstellt... quasi

    etwas wie <img src="www.beispiel.de/uploads/<script language="javascript" type="text/javascript">document.write(GetVar("name"));</script>.jpg>. Mir ist aber bewusst, dass ich das so nicht verknüpfen kann.. Ein Forumsbeitrag den ich fand gab diese Lösung vor: aber sie hat leider nicht funktioniert:


    document.write('<img src=' + someVariable + ' alt="">');


    Ich habe es mit Echo, let image = new Image(); und anderen Dingen versucht, ich bekomme leider nicht mal einfach so ein Bild dargestellt, nicht mal wenn ich den Kompletten Pfad ohne Platzhalter eingebe. Ich fange an etwas zu frustrieren, weil ich eine sicherlich so einfache Sache nicht mal mit Googlen herausbekommen habe ;)


    Freue mich über Hinweise.


    Viele Grüße

    Martin

  • Ich habe es mit Echo, let image = new Image(); und anderen Dingen versucht,

    Willkommen im Forum.

    Als erstest solltest du wissen welche Sprache du nutzen möchtest.

    Echo ist PHP

    Let ist Javascript.

    GetVar sagt mir jetzt nix.

    Dieses hier

    document.write('<img src=' + someVariable + ' alt="">');

    sollte man auch vermeiden weil document.write() nicht das schönste ist.


    Eigentlich brauchst du ja nur den Get Namen auslesen und dann den image Tag zusammen bauen,

  • Vieleicht probierst du es mal so.

  • Hi Martinson,


    du kannst es auch schlicht mit folgendem Code realisieren: