Søg
Avatar billede hundevennen Nybegynder
16. februar 2010 - 17:44 Der er 17 kommentarer og
1 løsning

skift baggrunds farve ved onclick

Jeg skal lave en meget simpel menu bestående af en tabel med en række og 6 felter.
Tekst i td érne er links - det kan jeg godt finde ud af, men baggrundsfarven i td skal skifte når man klikker (onclick) og vende tilbage til oprindelig farve når man klikker på et andet menupunkt??
Avatar billede skelboe Nybegynder
16. februar 2010 - 19:05 #1
Kunne du ikke vise hvordan dit html er bygget op, så er det lidt nemmere at lave script til det.
Bruger du nogle js libraries såsom jquery eller mootools?
Avatar billede skelboe Nybegynder
16. februar 2010 - 19:27 #2
Du kan prøve med det her.

Tilføj jquery til din side
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>

<script type="text/javascript">
    $(document).ready(function(){
        $("td.changeableState").click(function(){
            // fjerne alle tildelte farver fra td
            $("td.changeableState").css('background', '#fff');
           
            // sæt baggrunds farven på td
            $(this).css('background','#999');
        });
    });
</script>

så skal dine td'er se sådan ud

<td class="changeableState">Test</td>
Avatar billede majbom Novice
16. februar 2010 - 19:38 #3
sådan her:

http://majbom.com/testarea/exp/901917/

der er ikke brugt noget framework, så medmindre du har brug for det, er der ingen grund til at indlæse en tung js-fil...
Avatar billede skelboe Nybegynder
16. februar 2010 - 19:46 #4
den er skam ikke så tung 24kb mener jeg.

Og så var det lidt hurtigere at skrive koden, end at bruge det goe gamle js syntax
Avatar billede hundevennen Nybegynder
16. februar 2010 - 20:10 #5
skelbo - din src= osv.... virker ikke

splazz - den starter med at være hvid når siden loader og ved første klik bliver baggrund rød pånær den man klikker på eller er det rigtigt - der skal være hvid eller helst transparent baggrund og hvid når man klikker
Avatar billede majbom Novice
16. februar 2010 - 20:10 #6
okay, godt ord igen så :)

kender ikke de frameworks, har bare hørt flere af dem fylder en del...
Avatar billede skelboe Nybegynder
16. februar 2010 - 20:17 #7
script src="" skal stå i <head></head>
Avatar billede majbom Novice
16. februar 2010 - 20:20 #8
-> #5 - ja glemte lige en "start-farve" - hvad med nu?
Avatar billede hundevennen Nybegynder
16. februar 2010 - 20:44 #9
skelboe - menuen ligger på et intranet uden adgang til internettet

Splazz - lige det jeg skal bruge - læg et svar
Avatar billede majbom Novice
16. februar 2010 - 21:31 #10
super :)
Avatar billede hundevennen Nybegynder
17. februar 2010 - 07:22 #11
Splazz - jeg ved ikke hvad du mener med framework - funktionen laver det jeg gerne vil have - men så alligevel, - når jeg lægger et link til en anden fil så bliver farven ikke stående i blå, men skifter tilbage til gennemsigtig med det samme.
Min side jeg arbejder med består af et framseset med en topframe hvor menuen ligger i en tabel og når jeg så klikker på menupunkt 1 skal punktet forblive blåt indtil jeg klikker på et andet menupunkt, samtidig skifter siderne så i den nederste frame(mainframe) - jeg håber det gir mening?
Avatar billede majbom Novice
17. februar 2010 - 10:19 #12
hvad mener du med at du lægger et link til en anden fil?

smider du et link i td'en?
Avatar billede hundevennen Nybegynder
17. februar 2010 - 11:24 #13
ja
Avatar billede hundevennen Nybegynder
17. februar 2010 - 13:23 #14
splazz du gav mig inspirationen og jeg fandt noget der kunne bruges

<script type="text/javascript">
var hrefs=document.getElementsByTagName("a");
var preA="";
for(var i=0;i<hrefs.length;i++){
hrefs[i].onclick=function(){
if(preA!="" && preA!=this){
preA.className="link1";
}
this.className="link1 linked";
preA=this;
}
}
</script>

dertil så noget style/CSS
Avatar billede majbom Novice
17. februar 2010 - 13:28 #15
ja okay, det var self osse en mulighed :)

jeg kan nu godt få det til at virke selvom jeg smider links i td'erne :)
Avatar billede hundevennen Nybegynder
17. februar 2010 - 14:10 #16
jamen jeg er da åben for andre muligheder - kan du vise koden hvor det virker
Avatar billede majbom Novice
17. februar 2010 - 14:28 #17
samme link som tidligere :)
Avatar billede majbom Novice
17. februar 2010 - 19:24 #18
tak for point
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
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
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
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 17:32 Jeg kan ikke opdatere min iPad til ios 26.4.1. Af Bettina i Apps til iOS
I går 08:32 Office pakke LTSC vs Retail? Af Don G i Office & Kontorpakker
10/0421:19 Lydindstilling Prosonic TV Af TageArent i Fjernsyn & projektorer
10/0415:37 Sort skærm Af mort1 i Windows
09/0412:32 iPadOS 26.4.1 kan ikke opdatere Af claes57 i Apps til iOS
White papers
Flere white papers »