background image in div

[Tumbler]

Hoi,

Ik gebruik onderstaande functie om een div te 'toggelen'
Nu wil ik een achtergrond image plaatsen rechtsonder de div. Dit lukt me niet echt.
Kan me hier iemand mee helpen?
groet

function Toggle(item) {
   obj=document.getElementById(item);
   visible=(obj.style.display!="none")
   key=document.getElementById("x" + item);
   if (visible) {
     obj.style.display="none";
   } else {
     obj.style.display="block";
	 obj.style.height="300";
	 obj.style.overflow="auto";
	 obj.style.padding="10";
	 obj.style.background="#F6F2E9";
	 obj.style.backgroundImage="img/page-curl.gif";
   }
}

 

[Tha Devil]

Probeer dit eens

obj.style.background-image="img/page-curl.gif";

 

[Tumbler]

Nu krijg ik helemaal niets terug

kheb al allerhande geprobeerd maar zonder resultaat

 

[Tha Devil]

Vreemd want het CSS element backgroundImage zoals jij eerst had bestaat niet. Het element welke ik geef wel dus er zou iets moeten worden weergegeven.

Alle andere elementen voert hij wel uit?

 

[Tumbler]

een achtergrondkleur meegeven doet ie wel:
vb obj.style.background="#F6F2E9";

maar een image???

 

[Tumbler]

zo dus
obj.style.background = 'url(img/page-curl.gif)';

nu nog zoeken om die op niet-repeat en rechtsonder in de hoek te zetten

Dit heb ik nu:
obj.style.background = 'url(img/page-curl.gif) no-repeat background-position: right bottom';

Kmoet alleen de gif groot genoeg maken omdat ik nu geen achtergrondkleur meer kan instellen.

 

[Tha Devil]

obj.style.background-image = 'url(img/page-curl.gif)';
obj.style.background-color = '#FFF';

Misschien?

 

[Tumbler]

Nee, die ' background-image ' geeft blijkbaar problemen.
Dat had ik ook al geprobeerd.
'K zal er wel wat op vinden, en anders kom ik hier terug e
Maar thx nog voor je hulp.

 

[Tha Devil]

Je kunt bij background nog wel een kleur opgeven volgens mij aangezien alle elementen met background- daar onder vallen.

Hmm even nagezocht en je had wel gelijk. Het JS command is inderdaad style.backgroundImage