Javascript link backgorundImage

[sarah dillara]

Hallo!
Versuche mit javascript einem link ein backgoundImage zuzuweisen und es will nicht klappen.
vorgegangen bin ich wie folgt:
<a href="" id="beispiel"> dem link hab ich einen id gegeben, die id wird mit einem onclick- Aufruf an die Funktion übergeben.
mit document.getElementById() hole ich das object und über das style attribut versuche ich das hintergrundbild ändern. wenn ich statt backgroundImage backgroundColor hernehme, läufts ohne Probleme.
das bild liegt am richtigen ort.
vielleicht kann mir wer sagen, wo ich den hund begraben hab.
lg
sara

[Felix Riesterer]

Liebe sarah,

mit document.getElementById() hole ich das object und über das style attribut versuche ich das hintergrundbild ändern. wenn ich statt backgroundImage backgroundColor hernehme, läufts ohne Probleme.
das bild liegt am richtigen ort.

was genau vergibst Du denn an "backgroundImage" und wo genau liegt das Bild?

Liebe Grüße aus Ellwangen,

Felix Riesterer.

[sarah dillara]

Hallo Felix! Hallo Cheatah!

der code sieht momentan so aus

<!-- Ich hoff, das ist jetzt nicht zu konfus- hab versucht alles zu löschen was unwichtig ist. Darüberhinaus bin leider kein Programmierer sondern hab mir alles durch probieren so irgendwie angeeignet- ist also bestimmt kein schöner code -->

der link:
<a href="javascript://" id="storytitle-<?php the_ID();?>" onclick="javascript:show('<?php the_ID(); ?>')"><?php the_title();?></a>

/* ad Cheatah was meinst du mit "gleich mitnehmen"? */

var alt;

die function:
function show(id){
var neu=id;
var contentID = "storycontent-" + id;
var titleID = "storytitle-" + id;
var title = document.getElementById(titleID);
var content= document.getElementById(contentID);

if (alt==null || alt == neu){
 if (content.style.display == 'none'){
 alt = neu;
 title.style. backgoundImage="url(../../../neu.gif);"
 }
 else{
 title.style. backgoundImage ="#none";
 }
}

else if (alt != neu){

altTitleID="storytitle-" + alt;
 var altTitle= document.getElementById(altTitleID);
 altTitle.style. backgoundImage ="none";
 title.style. backgoundImage ="url(../../../neu.gif);"
  alt=neu;
 }
}

was genau vergibst Du denn an "backgroundImage" und wo genau liegt das Bild?

C:......\wordpress\wp-content\themes\barecity_1.5
da liegt mein index file
mein stylesheet liegt im wordpress ordner.
(werds jetzt gleich mal im barecity-ordner testen)

Liebe Grüße aus Salzburg und danke für eure Mühe!
Sara

[Cheatah]

Hi,

der link:
<a href="javascript://"

warum verwendest Du einen Link, wenn Du offenbar keine Ressource verlinken möchtest?

id="storytitle-<?php the_ID();?>"

Das ist keine in HTML gültige ID.

onclick="javascript:

Was ist Deiner Meinung nach "javascript:" für ein JavaScript-Code?

show('<?php the_ID(); ?>')"><?php the_title();?></a>
/* ad Cheatah was meinst du mit "gleich mitnehmen"? */

Übergib den Link, nicht dessen ID.

title.style. backgoundImage="url(../../../neu.gif);"

Das Leerzeichen ^ dürfte zwar technisch nicht stören, optisch tut es das aber. Semikola sind nicht Teil von CSS-Eigenschaftswerten.

title.style. backgoundImage ="#none";

"#none" ist kein gültiger Wert für die background-image-Eigenschaft.

C:......\wordpress\wp-content\themes\barecity_1.5

Äh?

Cheatah

[Cheatah]

Hi,

<a href="" id="beispiel"> dem link hab ich einen id gegeben, die id wird mit einem onclick- Aufruf an die Funktion übergeben.

einem onclick in eben diesem Link? Das erscheint mir wie ein Paket, auf dem neben der Paket-Nummer "4711-08/15" folgender Text steht: "Lieber Postbote, wenn Du mich ausliefern möchtest, dann gehe bitte ins Lager, suche das Paket mit der Nummer 4711-08/15 und transportiere es zu dem darauf angegebenen Empfänger."

Wäre es nicht viel leichter, einfach gleich das Paket mitzunehmen?

vielleicht kann mir wer sagen, wo ich den hund begraben hab.

In Deinem Code. Den wir nicht kennen.

Cheatah