✔ Text auslesen, Bild anzeigen

[zoschel]

Hallo zusammen, habe mir folgenden Code geschrieben, es wird die id=genre ausgelesen, welche einfach nur Text ist und wird dann in p.intro ausgegeben.

<script>
$().ready()
{
$("#genre").appendTo("p.intro");
});
</script>
<p class="intro"></p>

Folgende Frage, ich möchte $("#genre") auslesen und anstelle des ausgelesen Textes ein Bild in p.intro anzeigen lassen, wobei der Text in $("#genre") zum Beispiel Rock sein kann, dem möchte ich das Bild Rock.jpg zuweisen, wenn der Text Pop ist soll er automatisch das Bild Pop.jpg ausgeben, und so weiter...

Würde über Tipps oder Lösungsansätze freuen, vielen Dank für Eure Zeit

 

[goto;]

Hallo zoschel,

hier ein Lösungsansatz.

 (function () {
        var res = $('#genre').val();
        if (res != '') {
            $('p.intro').html('<img src="PFAD/ZUM/BILD/' + res + '.jpg" height="20" width="20">');
        }
    });

VG

 

[zoschel]

Vielen lieben Dank Splater, werd es gleich mal einbauen.

aber so wie ich es lese dürfte das schon funktionieren,
sollte ich noch fragen haben, kann ich mich ja noch mal melden.

Danke schon mal.

MfG

 

[zoschel]

Habe es nun mal eingebaut, leider wird nichts mehr in p.intro geschrieben, habe dann noch mal kurz meine Ausgabe getestet, die ich oben als erstes gepostet habe, da schreibt er mir nun auch nichts mehr rein, wahrscheinlich sitze ich schon zu lange dran und hab den Tunnelblick ,

Ich poste einfach mal die ganze html, vielleicht siehst Du ja wo der fehler liegt.

<!DOCTYPE>

<script type="text/javascript">
$(function () {
        var res = $('#genre').text();
        if (res != '') {
            $('p.intro').html('<img src="Bilder/' + res + '.jpg" height="20" width="20">');
        }
    });
</script>



Danke schon mal für eure Zeit,

MfG

 

[Sempervivum]

Mit val() kannst Du nur den Inhalt von Eingabefeldern auslesen. Für ein <span> brauchst Du text():

var res = $('#genre').text();

 

[zoschel]

Danke Sempervivum, das habe ich geändert, leider ohne Erfolg.
Ich dachte auch erst der Bild-Pfad wäre falsch, aber das passt auch.
Keinen Plan mehr.
Es werden keine Fehler angezeigt, er schreibt aber auch gar nichts in die p.intro.

MfG

 

[Sempervivum]

Da fehlt noch ein $ vor dem "(function(){...", so wird nur eine Funktion definiert, aber nicht ausgeführt.

$(function () {
        var res = $('#genre').text();
        if (res != '') {
            $('p.intro').html('<img src="Bilder/' + res + '.jpg" height="20" width="20">');
        }
    });

Bildpfad passt.

 

[zoschel]

Ich bin das jetzt mal in der console durchgeganen,

$('#genre').text()
"Rock"

var res = $('#genre').text();
res
"Rock"

soweit ist das schon mal ok.

 

[zoschel]

Danke Danke Danke Danke Euch beiden!!!!!!!! $ vor den Augen

Vielen Vielen Dank und euch frohe Ostern!!!

MfG

Thema gelöst.