Avatar billede JeanJensen Nybegynder
25. marts 2010 - 12:24 Der er 10 kommentarer og
1 løsning

Skifte indhold af <div> UDEN brug af script

Hej med dig.

Jeg skal på en .aspx side vise noget indhold i en <div> og når jeg klikker på eller holder musen over et internt link, skal indholdet af denne <div> udskiftes med noget andet indhold. (Jeg skal 'veksle' mellem 4 forskellige indhold.)

Jeg har ingen problemer med at få det til at virke, men jeg kan kun gøre det ved brug af et script. Desværre konflikter min accordion-menu med dette script, således at min acc.-menu ikke længere fungerer (klapper ej sammen ved nyt klik i menuen)...

Er der nogen der kan hjælpe mig en funktion, som ved klik/mouseover, skifter indholdet af en <div> - UDEN brug af script?

\ Jean
Avatar billede michael_stim Ekspert
25. marts 2010 - 12:30 #1
Hvad mener du med script?

Her er et med CSS:

http://css-tricks.com/video-screencasts/82-css-image-switcher/
Avatar billede JeanJensen Nybegynder
25. marts 2010 - 12:45 #2
@ michael_stim:

Det du har skrevet link til, fungerer ej heller efter hensigten, idet det jeg vil vise i min <div>, indeholder både tekst og billede.
Avatar billede michael_stim Ekspert
25. marts 2010 - 12:52 #3
Og hvorfor skulle det være et problem? Den arbejder jo bare med z-index og om der er image, billede eller begge er underordnet.
Avatar billede michael_stim Ekspert
25. marts 2010 - 12:56 #4
Og hvis man hverken må bruge script eller css, ja så er der desværre ikke meget tilbage.
Avatar billede JeanJensen Nybegynder
25. marts 2010 - 13:14 #5
Hmmm...

Lad os antage at jeg har følgende:

<div class="content">
<img src="noget.png" class="rightForside" />
<h1 class="forsideOverskriftRight">Nogle ord</h1>
<p class="forsideIndholdRight">Nogle flere ord</p>
</div>

Ovenstående skal med klik eller mouseover skiftes ud med:

<div class="content">
<img src="noget2.png" class="rightForside" />
<h1 class="forsideOverskriftRight">Nogle andre ord</h1>
<p class="forsideIndholdRight">Nogle andre ord</p>
</div>

Hvis jeg gør det via et script, kollapser min accordion-menu.
Avatar billede Slettet bruger
25. marts 2010 - 13:28 #6
Så er det din "accordion-menu" der er noget galt med!
- kan vi få den at se ?

mouseover - du kan ikke reagere på et event uden at benytte script.
Avatar billede JeanJensen Nybegynder
25. marts 2010 - 14:12 #7
Link til accordion-scriptet:
http://www.poda.dk/java/Poda_Hegn_Menu.js

Menuen live:
http://www.poda.dk/

Uanset hvilket script jeg hidtil har benyttet til at skifte indhold i min <div>, så bliver menuen destrueret, således at den aktive menu-del ikke klapper sammen, når jeg klikker et nyt sted i menuen...
Avatar billede Slettet bruger
25. marts 2010 - 14:51 #8
Damn, det er en ordentlig mundfuld...
- det har jeg sgutte mod på at undersøge nærmere, sorry.
Avatar billede JeanJensen Nybegynder
29. marts 2010 - 09:43 #9
Problemet er løst - fejlen lå i eksisterende script. Tak for indsatsen!
Avatar billede Slettet bruger
29. marts 2010 - 11:08 #10
Godt at høre - points'ene, æren, princessen og kongeriget de dine egne : )
Avatar billede JeanJensen Nybegynder
12. maj 2010 - 11:17 #11
Lukket og slukket
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