Toon posts:

[javascript] achtergrond in stylesheet

Pagina: 1
Acties:

Verwijderd

Topicstarter
Ik heb dit stukje code:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
function turnOn(newTab, newFolder){
  if (currentTab != newTab){
    //achtergrondkleur aanpassen voor de tabs
    var thisTab = document.getElementById(newTab);
    thisTab.style.backgroundColor = "99B0B9";
    var oldTab = document.getElementById(currentTab);
    oldTab.style.backgroundColor = "#ACBEC5";

    //nieuwe tab wordt huidige tab
    currentTab = newTab;

    //zichtbaarheid en achtergrond van folders aanpassen
    var thisFolder = document.getElementById(newFolder);
    thisFolder.style.visibility = "visible";
    thisFolder.style.backgroundColor = "#99b0b9";
    var oldFolder = document.getElementById(currentFolder);
    oldFolder.style.visibility = "hidden";
            
    //nieuw tabblad wordt huidig tabblad
    currentFolder = newFolder;
    }
}


Maar nu wil ik ipv een achtergrondkleur veranderen een achtergrondimage veranderen...

Ik dacht dit makkelijk te doen door het volgende te typen:
code:
1
thisTab.style.backgroundImage = "images/tabs.jpg";


Dit werkt echter niet, de browser geeft een melding "Ongeldig argument".

Weet iemand hoe het wel moet??

Verwijderd

Lees de CSS specificaties. De waarde moet iets met url() zijn.

  • whoami
  • Registratie: December 2000
  • Laatst online: 00:40
Javascript hoort niet thuis in P&W, maar in W&G

P&W -> W&G

https://fgheysels.github.io/


  • kleautviool
  • Registratie: Mei 2003
  • Laatst online: 21-05 19:24
Je zou het op deze manier kunnen proberen.

JavaScript:
1
document.getElementById('el').style.background: "#fff url('image.png') no-repeat";

[ Voor 10% gewijzigd door kleautviool op 06-03-2004 17:10 ]


  • André
  • Registratie: Maart 2002
  • Laatst online: 26-05 00:33

André

Analytics dude

code:
1
thisTab.style.backgroundImage = "url('images/tabs.jpg')";

Verwijderd

Topicstarter
André schreef op 06 maart 2004 @ 17:14:
code:
1
thisTab.style.backgroundImage = "url('images/tabs.jpg')";
Inderdaad!! Die werkt helemaal goed!!

Dank voor de hulp!
Pagina: 1