• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Bild anzeigen

A

Antons

New member
Hallo, über folgenden Code lasse ich mir einen Code erzeugen

HTML: 
<!DOCTYPE html>
<html>
<head>
  <title>Link erzeugen</title>
  <meta charset="UTF-8">
  <script>
    function linkErzeugen(){
      var url = "http://graph.facebook.com/";
      var anhaengen = "/picture?type=large";
      var eingabe = document.getElementById("Eingabe").value;
      if(eingabe !== ""){
        var url = url + eingabe + anhaengen;
 	document.getElementById("ZielLink").href = url;
        document.getElementById("ZielLink").textContent = url;
      }
    }
  </script>

</head>
<body>
  <div>
    Eingabe: <input type="text" size="20" id="Eingabe">
    <input type="button" value="Link erzeugen" onclick="linkErzeugen();">   
    Erzeugter Link: <a id="ZielLink"></a>
  </div>
</html>

Was muss ich machen, damit mir das Bild gleich angezeigt wird, und nicht der Link ?

MfG

Einfach eine Nr. zwischen 4 - 10 eingeben

- - - Aktualisiert - - -

Bild erzeugen : <img src= id="ZielLink" > funktioniert nicht :(
 
Zuletzt bearbeitet:
ja ich geh natürlich davon aus dass er aus dem <a> tag ein img macht, ich glaube das ist ja wohl ganz klar :D
er sagt ja "Bild gleich angezeigt wird, und nicht der Link" heißt für mich er hat schon a durch img ersetzt ;)
 
Habt ihr vielleicht ein funktionierendes Beispiel ?
Da meine Kenntnisse gegen Null gehen, sprecht ihr für mich teilweise in Rätseln :)

Gruß
 
ganz einfaches Beispiel:
Code: 
var url = "http://graph.facebook.com/5/picture?type=large";
var img = '<img src="{url}" alt="dynamic image">';
document.body.innerHTML += img.replace('{src}', url);
 
Versteh ich das so richtig ?

HTML: 
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <script>
   var url = "http://graph.facebook.com/5/picture?type=large";
   var img = '<img src="{url}" alt="dynamic image">';
  </script>

</head>
<body>
  
    img.replace('{src}', url);


</html>

Ich blicks einfach nicht

Ich bin verzweifelt :(
 
Zuletzt bearbeitet:
JavaScript wird nur in <script> Blöcken oder externen JS-Dateien ausgeführt.

Vielleicht wird’s verständlicher, wenn du dir die gewünschte HTML-Struktur (die am Ende rauskommen soll) erst mal manuell erstellst (so daß es funktioniert) und dann erst versuchst mit JS diese Struktur zu erzeugen.
 
So, jetzt habe ich das ganze nochmal 2 Std probiert :mad:

mit folgendem Ergebnis:



in dieser Zeile hackt es. Warum wird denn die Adresse nicht übernommen ?

Ich gebe nicht auf !

Gruß
 
Du fragst ab auf eingabe und konkatenierst c. Was von beiden stimmt denn nun?
Was steht in der Konsole?
Was ist das für ein Screenshot, welche Umgebung ist das? Was ist oben, was ist unten? Ich sehe auf beiden Seiten Syntaxfehler.
Welchen Browser benutzt du?
 
Hi,

nachdem mir der Kopf massiv brummt, muss ich mir wohl eingestehen das es nichts wird.
Browser ist Chrome, Umgebung ist auch von Chrome (Rechtsklick, Elemente untersuchen)

Hätte eigentlich nur gerne das der erzeugte Link (das immer ein Bild ist) angezeigt wird.
Beim klick auf +1 sollte das neue Bild angezeigt werden. (alte weg)

Leider muss ich mir eingestehen, das mir zuviel Hintergrundwissen abgeht damit das was wird.
Also nochmal danke für eure Hilfe.
Vielleicht versteht jemand was ich möchte, und könnte mal irgendwann was funktionierendes posten.
Werde in ein paar Wochen wieder vorbeischauen. Muss jetzt leider auf Dienstreise für ein paar Wochen.

MfG
 
Antons schrieb:
Bild erzeugen : <img src= id="ZielLink" > funktioniert nicht
Zum Vergrößern anklicken....
Das funktioniert natürlich nur, wenn du src="" schreibst und das <a> entfernst, da IDs dokumentenweit eindeutig sein müssen.

Code: 
<!DOCTYPE html>
<html>
<head>
  <title>Link erzeugen</title>
  <meta charset="UTF-8">
  <script>
    function linkErzeugen(){
      var url = "http://graph.facebook.com/";
      var anhaengen = "/picture?type=large";
      var eingabe = document.getElementById("Eingabe").value;
      if(eingabe !== ""){
        var url = url + eingabe + anhaengen;
 	document.getElementById("ZielLink").href = url;
        document.getElementById("ZielLink").textContent = url;
 	document.getElementById("ZielBild").src = url;
      }
    }
  </script>

</head>
<body>
  <div>
    Eingabe: <input type="text" size="20" id="Eingabe">
    <input type="button" value="Link erzeugen" onclick="linkErzeugen();">   
    Erzeugter Link: <a id="ZielLink"></a>
    Erzeugtes Bild: <img src="" id="ZielBild">
  </div>
</body>
</html>
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben