Avatar billede mvang Nybegynder
21. april 2006 - 08:03 Der er 5 kommentarer og
1 løsning

Skift baggrund

Hej Alle sammen

Jeg har fået anbefalet denne side fordi jeg har brug for hjælp.
Jeg er i gang med at lave et Online reservedels katalog hvor man klikker på et area i et billede og en cell lyser op.

Problemer er så, når man vælger et andet positions nummer skal den forrige celle skift til den gamle baggrund.
Er der nogen der har en ide til hvordan jeg gør det?

Jeg bruger onclick="document.getElementById('item1').style.backgroundColor = '#666666';" til at skifte baggrund nu.

I kan se hvad jeg mener på http://www.dequete.dk/spc/
Håber i kan hjælpe.

Tak
/MVang
Avatar billede horsmark Nybegynder
21. april 2006 - 08:14 #1
Idé

1. smid alle dine styles du bruger på TD´s i en klasse
2. sæt klasser og en simpel onclick function på dine TD´s
3. Indsæt javascript funktion

<style>
.items {
  border-width: 1px;
  font-family: Arial;
  font-size: 10pt;
  border-bottom-style: solid;
}
.active {
  background-color: #666666;
}

.inactive{
  background-color: rgb(102, 102, 102);
}
</style>

og så følgende på TD´s
<td onclick="highlightItem(this)" class="items inactive">blaba</td>

<script type="text/javascript">
var currentItem
function highlightItem(obj){
  if ( typeof(currentItem) != "undefined" ) currentItem.className = "items inactive"
  currentItem = obj
  obj.className = "items active"
}
</script>
Avatar billede horsmark Nybegynder
21. april 2006 - 08:15 #2
onclick="highlightItem(this" ---> onclick="highlightItem(this)"
Avatar billede mvang Nybegynder
21. april 2006 - 09:03 #3
Det virker som det skal. Når man klikker på tabel cellen virker det bare.
Men hvordan får jeg den til at virke via et tekst link og over på en bestemt celle id?

<a href="#" onclick="highlightItem('c2')">Celle2</a>, var mit gæt. men det virker ikke..

Som i nok kan gætte er jeg ikke en haj til Javascript...
Avatar billede horsmark Nybegynder
21. april 2006 - 09:10 #4
var currentItem
function highlightItem(id){
  var obj = document.getElementById(id)
  if ( typeof(currentItem) != "undefined" ) currentItem.className = "items inactive"
  currentItem = obj
  obj.className = "items active"
}
</
Avatar billede mvang Nybegynder
21. april 2006 - 09:49 #5
Tak, det var som det skulle være, nu virker det bare..

Tak for hjælpen
Avatar billede horsmark Nybegynder
21. april 2006 - 10:05 #6
superduper
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester