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

n-emy Nybegynder

29. juni 2011 - 23:32 Der er 5 kommentarer og
1 løsning

Ændre style på tidligere div

Hejsa

Jeg sidder og sætter et design op i html/css, hvor jeg har 10 divs der gentages i streg:

<div style="border-bottom:#000 1px solid;"></div>
<div style="border-bottom:#000 1px solid">Hejsa hejsaa</div>
<div style="border-bottom:#000 1px solid">Hejsa hejsaa</div>
<div style="border-bottom:#000 1px solid">Hejsa hejsaa</div>
<div style="border-bottom:#000 1px solid">Hejsa hejsaa</div>

Ideen er at når det bliver skrevet står der:

----------
Hejsa hejsaa
----------
Hejsa hejsaa
----------
Hejsa hejsaa
----------
Hejsa hejsaa
----------

Og det er sådan set let nok, det tricky opstår i at jeg gerne vil have border top og bund på en box skifter til en bestemt farve og det er jo svært fordi det kun er border bottom der er defineret i hver boks, så derfor skal man (sandsynligvis via javascript) sætte en hover på den tidligere div også, jeg kunne bare godt tænke mig at vide helt præcist hvordan :)

Synes godt om

kjeldsted Novice

29. juni 2011 - 23:57 #1

Altså du vil gerne have at hvis man holder musen over div nr. 2 så skal den ændre stylen for div nr. 1?

Synes godt om

n-emy Nybegynder

30. juni 2011 - 01:21 #2

Den skal ændre style for både div 1 og 2 :) og hvis du holder musen over div 3 er det borderen for både div 2 og 3 :)

Synes godt om

steffansteffan Nybegynder

30. juni 2011 - 02:24 #3

Hej,

Det kan styres på denne måde:

<div id="2" style="border-bottom:1px Solid #000000;">Hej 2</div>

<div id="3" style="border-bottom:1px Solid #000000;" onmouseover="document.getElementById('2').style.borderColor='red'; document.getElementById('2').style.backgroundColor='#A9A9A9';" onmouseout="document.getElementById('2').style.borderColor='black'; document.getElementById('2').style.backgroundColor='#FFFFFF';">Hej 3</div>

Sig til hvis du mangler hjælp til at samle det helt færdig.

/Steffan

Synes godt om

kjeldsted Novice

30. juni 2011 - 08:58 #4

Så vidt jeg lige kan se i #3, bliver der kun ændret style for div'en over. Og jeg synes måske nok at det vil blive lidt overdrevet med kode hvis ovenstående skal fordobles og copy-pasten til HVER div. Så jeg ville nok foretrække at gøre det i en funktion. Noget a lá:

Hvis du indsætter alt dette (inkl. <script></script> i din head i toppen af siden, skal du bare i HTML'en ved dine div's skrive:

<div id="1" onMouseOver="changeBorderOver(1)" onMouseOut="changeBorderOut(1)" style="border-bottom:#000 1px solid;"></div>
<div id="2" onMouseOver="changeBorderOver(2)" onMouseOut="changeBorderOut(2)" style="border-bottom:#000 1px solid">Hejsa hejsaa</div>

osv. osv.

Synes godt om

n-emy Nybegynder

03. juli 2011 - 12:02 #5

Mange tak kjeldsted fik dit til at virke :) Svar?

Synes godt om

kjeldsted Novice

03. juli 2011 - 12:15 #6

Det var så lidt :)

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