Wie kann ich eine Grafik in einem "<span>" a

Beitrag von **netforge** » 05.04.2005, 10:41

Hallo,

ich habe folgendes Problem. Ich möchte in einem <span> eine Grafik ausgeben lassen, bekomme aber immer den HTML-Code der Grafik angezeigt:

<script>
function showspan() {
spaninhalt = "<img src=https://www.domain.tld/grafik.gif width=100 height=100 border=0>";
document.getElementById("ausgabespan").firstChild.nodeValue = spaninhalt;
}
</script>

<span id="ausgabespan">
inhalt des span
</span>

<script>
showspan();
</script>

Hat jemand eine Ahnung, was ich falsch mache?

von **Anzeige von ABAKUS** »

Beitrag von **larsneo** » 05.04.2005, 15:12

was willst du denn mit diesem fürchterlichen code überhaupt erreichen - nicht valides html mit falsch augezeichnetem javascript zu kombinieren kann eigentlich nie eine gute idee sein...

Beitrag von **bsnoop** » 05.04.2005, 15:29

Du musst das img erst als Element kreieren und es dann dem Span-Element als Child hinzufügen:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1 ... tional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
<head>
<title>Dumdidum</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" language="javascript">
function showspan() {
spaninhalt = document.createElement("img");
spaninhalt.src = "https://www.domain.tld/grafik.gif";
spaninhalt.width= "100";
spaninhalt.height= "100";
document.getElementById("ausgabespan").appendChild(spaninhalt);
}
</script>
</head>
<body>

<span id="ausgabespan"></span>

<script type="text/javascript" language="javascript">
showspan();
</script>

</body>
</html>

Sollte so auch valide sein

von **Anzeige von ABAKUS** »

Beitrag von **netforge** » 06.04.2005, 15:57

@bsnoop: vielen dank

Beitrag von **netforge** » 06.04.2005, 16:07

@larsneo: ich will mit diesem code eine grafik ausgeben die aus zahlen besteht

beispiel: ich habe 302.234 registrierte members -> diese zahl will ich dynamisch als grafik ausgeben, da es besser aussieht als text

Beitrag von **AnjaK** » 06.04.2005, 16:55

und dafür brauchst du Javascript?
Sei nicht so phantasielos

Oder geht PHP bei dir nicht?

$bilder=array("ziffer1.gif","...","ziffer10.gif");

[function zerlege Zahl in Einzelziffern in Array]

<span>
<? foreach($zerlegt as $val) { echo "<img src=$bilder[$val]"; } ?>
</span>

feddisch. (im Prinzip)

Beitrag von **netforge** » 06.04.2005, 17:08

@AnjaK: ja wir haben es gerade ohne javascript+span gelöst

da wir nicht in php sondern in c programmieren, wollte ich es quick&dirty in javascript lösen