Avatar billede lsolesen Nybegynder
13. marts 2004 - 13:42 Der er 9 kommentarer og
1 løsning

Oplyse div

Kan man må nogen måde via et javascript, der bygger på DOM, få browseren til at oplyse den aktuelle div. Det er muligt at sætte en id="e[tal]" på over-div'en, hvis det ikke kan gøres automatisk med bare at tage den div, som indeholder linkene.

Altså du har følgende:

<script type="text/javascript">
  function lightUp()
  {
    if (getElementById())
    {
      // funktionen skal altså sætte en stylesheet
      // background på den div, som indeholder
      // div.adminbar.
    }
  }
</script>


<div>
  <h2>Et element</h2>
  <p>En masse tekst i et system.</p>
  <div class="adminbar"><a href="?action=rediger" onfocus="lightUp(this);" onmouseover="lightUp(this);">Rediger</a></div>
</div>

<div>
  <h2>Et andet element</h2>
  <p>En masse tekst i et system.</p>
  <div class="adminbar"><a href="?action=rediger" onfocus="lightUp(this);" onmouseover="lightUp(this);">Rediger</a></div>
</div>
Avatar billede grunken Nybegynder
13. marts 2004 - 14:01 #1
sådan her du mener ? :o)

<script type="text/javascript">
  function lightUp(elm)
  {
    elm.parentNode.style.backgroundColor="#F00";
  }
</script>
Avatar billede lsolesen Nybegynder
13. marts 2004 - 14:21 #2
Ja, det var lige nøjagtig sådan noget jeg mente. Bygger det på DOM? Og der er vel ikke en liste over sådan nogle ting et sted, for jeg synes ofte jeg står og mangler hvad man skal skrive, når man vil fange noget specifikt css med javascript!
Avatar billede grunken Nybegynder
13. marts 2004 - 14:31 #3
jeps det bygger på dom og overholder til fulde W3C's standarder :o)

hvis jeg kommer helt i vildrede plejer jeg at bruge denne:
http://www.mozilla.org/docs/dom/domref/dom_shortIX.html

Men på den anden side skal man jo have en idé om hvor man skal lede, for den er knælme lang! :o)
Avatar billede roenving Novice
13. marts 2004 - 14:31 #4
Eller den css-baserede:

<style type="text/css">
.adminbar a:link{color:blue;display:block;background:#aaa;text-decoration:none;}
.adminbar a:visited{color:blue;display:block;background:#999;text-decoration:none;}
.adminbar a:hover{color:red;display:block;background:#aff;text-decoration:none;}
.adminbar a:active{color:red;display:block;background:#aff;text-decoration:none;}
</style>
Avatar billede lsolesen Nybegynder
13. marts 2004 - 14:38 #5
roenving > Men din oplyser vel ikke andre end sig selv? Det er meningen, at man har en masse tekst med en lille redigeringsbar nede i bunden. Når man rører redigeringsbaren, skal selve teksten lyse op. Eller har jeg misforstået dit forsøg? I øvrigt ville jeg nok skrive følgende - som er lidt kortere:

<style type="text/css">
.adminbar a {display:block;text-decoration:none;}
.adminbar a:link{color:blue;background:#aaa;}
.adminbar a:visited{color:blue;background:#999;}
.adminbar a:hover{color:red;background:#aff;}
.adminbar a:active{color:red;background:#aff;}
</style>
Avatar billede roenving Novice
13. marts 2004 - 14:46 #6
Det har du helt ret i !-)
Avatar billede lsolesen Nybegynder
24. marts 2004 - 10:36 #7
grunken > smid lige et svar. Jeg har god nytte af funktionen på:

http://www.legestue.net/websites/admin/login.php?username=usenet@legestue.net&password=usenet

Under rediger af de enkelte sider :D
Avatar billede lsolesen Nybegynder
19. april 2004 - 12:36 #8
grunken -> halløj; smid lige et svar, så du kan få point :D
Avatar billede grunken Nybegynder
19. april 2004 - 12:43 #9
okay :o)

beklager ventetiden :o)
Avatar billede lsolesen Nybegynder
19. april 2004 - 12:54 #10
Jamen, det er da i orden. Tak for hjælpen :D
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