[javascript] achtergrond veranderen

[clooner]

Hallo,

ik ben nu al een tijdje aan het knooien met de het onderstaande javascript. Mijn bedoeling is om meerdere plaatjes en kleuren te veranderen als ik ergen met mijn muis bovenhang.

Dit werkt perfect onder IE en Firefox
myref = document.getElementById('RANDTABLE')
myref.bgColor="#26BD29";

Maar dit werkt alleen onder IE. Waarom pakt hij de "background" niet in Firefox mee? volgens mij is dit gewone w3c javascript
myref = document.getElementById('BUTTON_DOCENTEN')
myref.background="button_docenten_high.gif";

Hopelijk kan iemand mij helpen.

Alvast bedankt.

[disjfa]

JavaScript:

myref.style.backgroundColor = "#123456";

Lees een keer wat js tutorials door

[mosymuis]

Handig overzicht voor dit soort zaken: klik

[clooner]

disjfa schreef op vrijdag 09 september 2005 @ 12:03:

JavaScript:

myref.style.backgroundColor = "#123456";

Lees een keer wat js tutorials door

Dit bedoel ik dus niet want dit had ik al
Misschien moet jij ook maar eens goed lezen

Mosymuis bedankt voor je antwoord. Javascript heeft geen attribute daarvoor als ik die pagina van je goed begrijp. Dus moet ik het op een andere manier oplossen. Vind het alleen wel vaag dat het wel onder IE werkt.

[Verwijderd]

clooner schreef op vrijdag 09 september 2005 @ 13:32:

Dit bedoel ik dus niet want dit had ik al
Misschien moet jij ook maar eens goed lezen

Misschien moet je zelf dan iets meer nadenken over een bepaald antwoord. Je kunt het ook lezen als:
Je moet de style properties van het element veranderen.

Als je iets verder kijk dan je neus lang is, had je kunnen zien dat het met myref.style.backgroundImage wel gewoon gaat lukken.

In feite kun je haast elke CSS eigenschap zonder problemen wijzigen met Javascript.

[ Voor 8% gewijzigd door Verwijderd op 09-09-2005 13:36 ]

[clooner]

Dat klopt ik heb er nu dit van gemaakt. Werkt perfect onder Firefox maar niet onder IE

myref = document.getElementById('LOGOIMG');
myref.style.backgroundImage = 'url("logo_docenten.jpg");';

[Verwijderd]

clooner schreef op vrijdag 09 september 2005 @ 13:39:
Dat klopt ik heb er nu dit van gemaakt. Werkt perfect onder Firefox maar niet onder IE

myref = document.getElementById('LOGOIMG');
myref.style.backgroundImage = 'url("logo_docenten.jpg");';

a) zorg dat je element een id="LOGOIMG" heeft en niet (alleen) een name="LOGOIMG".
b) FF is case sensitive met id's dus het id van je element moet ook letterlijk LOGOIMG zijn.
c) je mag geen ; binnen style def hebben als je die met javascript veranderd.
d) url met quotes wil in mijn ervaring nog wel eens problemen geven (ook al is het netter).
e) zet voor de netheid 'var' voor je myref declaratie, dus:

code:

var myref = document.getElementById('LOGOIMG');
myref.style.backgroundImage = 'url(logo_docenten.jpg)';

[clooner]

Het werkt

Bedankt allemaal

[drm]

opmewerrak:
d) url met quotes wil in mijn ervaring nog wel eens problemen geven (ook al is het netter).

Waarom is het netter?

The format of a URI value is 'url(' followed by optional whitespace followed by an optional single quote (') or double quote (") character followed by the URI itself, followed by an optional single quote (') or double quote (") character followed by optional whitespace followed by ')'. The two quote characters must be the same.

Ik vind het juist netter om geen quotes te gebruiken, ik vind ze namelijk overbodig (je hebt al delimiters, namelijk haakje openen en sluiten, waarom zou je er nog extra delimiters bij doen?) Een kwestie van smaak

[Verwijderd]

Ik vind het juist netter om geen quotes te gebruiken, ik vind ze namelijk overbodig (je hebt al delimiters, namelijk haakje openen en sluiten, waarom zou je er nog extra delimiters bij doen?) Een kwestie van smaak

Daar heb je wel gelijk in, 't is ook meer een gevoelskwestie; n.l. als je in html alle href attributen in dubbele quotes zet en in php alle strings binnen quotes dat je dat ook in CSS met urls doet.

[crisp]

Enkel Mac/IE struikelt over quotes binnen url()

[Verwijderd]

crisp schreef op vrijdag 09 september 2005 @ 15:18:
Enkel Mac/IE struikelt over quotes binnen url()

Ja dat was het idd, was ik alweer vergeten. Moest een keer een bestaande website compatible maken met IE/Mac, was nogal een crisis Kon het hele systeem (OS9 op een oude iMac weliswaar) laten crashen door een paar keer de innerHTML van een element te wijzigen met javascript.