CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
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
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
Sæt vindue størrelse Af poulmadsen i JavaScript 1 08/10/202417:18 13/10/202412:33
Opgavestyring Af ingeman i JavaScript 1 15/09/202416:06 15/09/202420:40
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
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester



Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 23:10 Gode råd til kommende supporter Af SilentSloth i Småopgaver
I går 15:30 System backup Af Malm i PC
I går 14:16 Starte automatisk i Windows Media Player - Ikke VLC Media layer Af Ikke-ekspert i Windows
I går 14:08 Windows 11 på hardware der ikke opfylder hardware kravene fra Microsoft. Af kurt54 i Windows
I går 12:32 fuld sprogpakke på dansk til windows 7 Af sjass i Windows
White papers
Flere white papers »


Premium
Teaser billede
35.000 danske bilejere ramt af datalæk: Disse bilmærker er påvirket
Læs mere »
Peter Møllebjerg Andersen fratræder som CIO i Flügger - skifter til topstilling i dansk milliard-koncern
Store ændringer på vej for Microsoft 365: Får nyt navn og nyt logo i det nye år
Ny leverandør har netop underskrevet kontrakt med Kombit om kæmpe dansk bibliotekssystem
Se alle »
Computerworld
Teaser billede
Test: Endelig en videodørklokke i smart indpakning og performance, der matcher
Læs mere »
Til næste år kommer iPhone 17 – og ifølge rygtestrømmene vil den byde på tre nyheder
Nørgaard: Her er vinderen af Mogens-prisen 2024 - tak for elendig service
Test: Dansk lydbar sætter ny standard for klassen – og den er høj
Se alle »
CIO
Teaser billede
Peter Møllebjerg Andersen fratræder som CIO i Flügger - skifter til topstilling i dansk milliard-koncern
Læs mere »
En af verdens største it-distributører dropper samarbejdet med Broadcom: Kunne ikke nå til enighed
Store ændringer på vej for Microsoft 365: Får nyt navn og nyt logo i det nye år
Den danske ungdom ser intet formål i at arbejde med it
Se alle »
Job & Karriere
Teaser billede
Merete Søby klar med nyt top-job efter pludselig exit fra Schultz: Her er hendes nye job
Læs mere »
Dansk headhunter: Dette spørgsmål bliver jeg næsten altid stillet, når jeg forsøger at rekruttere it-folk
Twoday er rykket til et af de dyreste postnumre i Danmark – og det kan betale sig, siger topchef Lars Berthelsen
Vælter ind mod det centrale København: Derfor samler tusindvis af danske it-arbejdspladser sig på nogle af de dyreste adresser i Danmark
Se alle »
White paper
Teaser billede
Sikkerhed uden grænser: Cisco Hypershield
Læs mere »
Managed Detection & Response: Forsvar din virksomhed mod cybertrusler døgnet rundt
Sæt turbo på din cloudperformance og minimér risikoen for DDoS-angreb
Beskyt virksomheden mod trusler – og hold ressourceforbruget nede
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »