Avatar billede jems Nybegynder
12. august 2003 - 15:29 Der er 11 kommentarer og
1 løsning

Skifte baggrundsbillede i TD ved tryk på "faneblad"

Hejsa

Jeg er i gang med at lave en hjemmeside med nogle faneblade:
www.itservices.dk/hvrinfo

Jeg vil forsøge at lave det dynamisk så jeg bare kan skrive tekst i fanebladet og størelsen tilpasses automatisk.

Mit problem er så:
Hvordan laver jeg en funktion så jeg kan skifte baggrundsbilleder på TD, så det får Faneblads "look"?

Jeg håber dette er til at forstå, ellers må I jo lige spørge ;)

På forhånd tak

Mvh
Jens
Avatar billede mm12010 Nybegynder
12. august 2003 - 15:37 #1
onClick="document.getElementById('tdens_id').").style.backgroundImage = "url(bg.gif)";
Avatar billede mm12010 Nybegynder
12. august 2003 - 15:38 #2
onClick="document.getElementById('tdens_id').style.backgroundImage = "url(bg.gif)";
Avatar billede ckh Nybegynder
12. august 2003 - 15:42 #3
Aner ikke om du kan bruge det til noget, men jeg havde noget gammelt rod liggende:
http://www.eyesite.dk/exp/386613/
Avatar billede roenving Novice
12. august 2003 - 15:56 #4
Hvis det kun er den _ene_ ende af baggrunden, som skal have en grafik kan du:

.fanebladAktiv{
background:url('fanebladAktiv.gif') top right #ccc;
border-top:2px solid #555;
}
Avatar billede mm12010 Nybegynder
12. august 2003 - 15:56 #5
onClick="document.getElementById('tdens_id').style.backgroundImage='url(bg.gif)'";
Avatar billede jems Nybegynder
12. august 2003 - 16:21 #6
jeg skal jo have skiftet flere baggrunde... Hvis jeg fx klikker på "Og her inaktiv" skal de 3 billeder den fane består af skifte til de "aktive" billeder og resten til de "inaktive"...
Avatar billede roenving Novice
12. august 2003 - 16:29 #7
Så tror jeg du må opbygge den af flere lag ovenpå hinanden for at den bliver 'dynamisk' ...
Avatar billede mm12010 Nybegynder
12. august 2003 - 16:34 #8
måske kan du hente noget inspiration i den her:

function setBG(celle){
    antal_tder = 5;
    for(i=1;i<=antal_tder;i++){
        td = "td" + i;
        if(celle != td){
            document.getElementById(td).className = faneblad;
            }
        else{
            document.getElementById(td).className = fanebladAktiv;
            }
        }
    }
Avatar billede grunken Nybegynder
12. august 2003 - 17:25 #9
Hvis du skriver det i asp, og det fungerer sådan at siden fanen er ibliver reloaded hver gang, så er det jo bare at lave menuen med asp! så den side du er på er det aktive faneblad! ????

ellers fatter jeg hat! hvis du ville lave en gang js der opdaterer i en anden frame er det jo bare at gøre sådan!

<script type="text/javascript">
menustr = new String();

function bygmenu(s){
e = document.getElementsByTagName("td")

for (i=0;i<e.length;i++){
if (e[i].id.indexOf("fane")!=-1){
    e[i].onclick = new Function("skiftmenu('"+e[i].id+"');");
    e[i].style.backgroundImage = "url('./inaktiv.gif')";
}
}
skiftmenu(s);
}

function skiftmenu(e){
if (menustr.indexOf(e)==-1){
    document.getElementById(e).style.backgroundImage = "url('./aktiv.gif')";
    if(menustr.length>0){
      document.getElementById(menustr).style.backgroundImage = "url('./inaktiv.gif')";}
    menustr = e;
}
}

</script>


<body onload="bygmenu('fane1');">
<table>
  <tr>
  <td id="fane1"><a href="fane1.asp" target="enandenframe">her er så et link</td><td id="fane2" style="">knap2</td><td id="fane3" style="">knap3</td>
  </tr>
</table>
</body> 

Nå men forklar, eller vis måske en anelse bedre!
Avatar billede mm12010 Nybegynder
16. september 2003 - 12:48 #10
lukketid?
Avatar billede jems Nybegynder
16. september 2003 - 13:56 #11
Jep sorry, tak for hjælpen gutter...
Jeg fandt noget gammel kode jeg kunne bruge til det...
Avatar billede jems Nybegynder
16. september 2003 - 13:57 #12
lukket...
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