[JS] Background instellen als pagina niet via iframe...

Pagina: 1
Acties:

Onderwerpen


Verwijderd

Topicstarter
... wordt geladen

Spreekt voor zich zou je denken. Breek al een half uur mn hoofd om dit stukje werkend te krijgen in Chrome/Safari (kan IE helaas niet checken).

code:
1
2
3
4
5
<script type="text/javascript">
if (window == top) {
    document.body.style.backgroundImage = url('/img/bg_rood.jpg');
}
</script>


Weinig mis mee toch? Of?

Heb hem overigens in de <head></head> geplaatst, zelfs nog in een functie met een aanroep in de onload van de <body>

[ Voor 14% gewijzigd door Verwijderd op 16-09-2010 23:15 ]


  • AvAars
  • Registratie: Januari 2008
  • Nu online
code:
1
2
3
4
5
6
7
8
<script type="text/javascript">
function geladen()
{
    if (window == top) {
        document.body.style.backgroundImage = "url(/img/bg_rood.jpg)";
    }
}
</script>


En dan een onload in de body-tag.

2 seconden googlen gaf het antwoord.

Acties:
  • 0 Henk 'm!

  • mcDavid
  • Registratie: April 2008
  • Laatst online: 09-09 17:48
Watvoor foutmeling geeft je javascript console?

Acties:
  • 0 Henk 'm!

  • Davio
  • Registratie: November 2007
  • Laatst online: 06-01 16:46
Gooi er gewoon een stel alerts uit om te kijken of hij wel in de if komt of überhaupt in de functie.

Acties:
  • 0 Henk 'm!

  • TJHeuvel
  • Registratie: Mei 2008
  • Niet online
Verwijderd schreef op donderdag 16 september 2010 @ 23:14:
code:
1
2
3
4
5
<script type="text/javascript">
if (window == top) {
    document.body.style.backgroundImage = url('/img/bg_rood.jpg');
}
</script>


Weinig mis mee toch? Of?
Weinig mis mee? Je probeert je window, van het type Object te vergelijken met een undefined variable, top.

Freelance Unity3D developer


Acties:
  • 0 Henk 'm!

  • crisp
  • Registratie: Februari 2000
  • Laatst online: 01:22

crisp

Devver

Pixelated

CyCloneNL schreef op vrijdag 17 september 2010 @ 14:17:
[...]


Weinig mis mee? Je probeert je window, van het type Object te vergelijken met een undefined variable, top.
Nope, de top-property bestaat wel degelijk ;)

Intentionally left blank


Acties:
  • 0 Henk 'm!

  • pieturp
  • Registratie: April 2004
  • Laatst online: 18-09 15:56

pieturp

gaffa!

CyCloneNL schreef op vrijdag 17 september 2010 @ 14:17:
[...]


Weinig mis mee? Je probeert je window, van het type Object te vergelijken met een undefined variable, top.
Nope!

top = window.top ;)

en dus gewoon een verkorting van:
if(window == window.top)


[te laat!]

... en etcetera en zo


Acties:
  • 0 Henk 'm!

Verwijderd

Topicstarter
@AvArs, ik heb wel meer gegoogled dan twee minuten, zoals ik al zei, ik heb al geprobeerd hetgeen in een functie te gieten en deze in de onload van de body te zetten. Echter zonder resultaat.

Alle code hierboven heb ik al geprobeerd, maar ik blijf (in Chrome) de volgende fout krijgen:

code:
1
Uncaught TypeError: Cannot read property 'style' of null


Nu kan ik eventueel begrijpen dat de property 'style' van body in de <head></head> nog niet beschikbaar zou zijn, maar in een functie zoals die van AvArs die ik ook probeerde, zou dit toch gewoon moeten werken :S

Edit: Blijkbaar was de functie toch de truc. Was toen alleen vergeten het gedeelte achter backgroundImage tussen quotes te zetten. Gefixed, thanks! Zijn er nog tips voor JS debuggen? Want die meldingen van Chrome wordt ik niet echt wijs van...

[ Voor 18% gewijzigd door Verwijderd op 20-09-2010 17:04 ]


Acties:
  • 0 Henk 'm!

  • pieturp
  • Registratie: April 2004
  • Laatst online: 18-09 15:56

pieturp

gaffa!

... en etcetera en zo

Pagina: 1