CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

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

Synes godt om

mm12010 Nybegynder

12. august 2003 - 15:37 #1

onClick="document.getElementById('tdens_id').").style.backgroundImage = "url(bg.gif)";

Synes godt om

mm12010 Nybegynder

12. august 2003 - 15:38 #2

onClick="document.getElementById('tdens_id').style.backgroundImage = "url(bg.gif)";

Synes godt om

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/

Synes godt om

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;
}

Synes godt om

mm12010 Nybegynder

12. august 2003 - 15:56 #5

onClick="document.getElementById('tdens_id').style.backgroundImage='url(bg.gif)'";

Synes godt om

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"...

Synes godt om

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' ...

Synes godt om

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;
}
}
}

Synes godt om

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!

Synes godt om

mm12010 Nybegynder

16. september 2003 - 12:48 #10

lukketid?

Synes godt om

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...

Synes godt om

jems Nybegynder

16. september 2003 - 13:57 #12

lukket...

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Returner ikke alt Af ingeman i JavaScript	13	26/06/202414:40	01/07/202417:00
Vis og skjul sektioner - virker kun på den første sektion Af nemlig i JavaScript	4	24/06/202422:50	26/06/202420:33
Hente og gemme Cookies like this. Af DanishBear i JavaScript	6	04/06/202416:23	05/06/202414:23
Ajax - indlæs webside og derefter hente data Af nemlig i JavaScript	4	21/05/202417:19	22/06/202422:07
Disable button efter 1. klik Af nemlig i JavaScript	2	05/05/202415:37	05/05/202416:25

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS