Avatar billede kurdo Novice
10. april 2008 - 13:43 Der er 13 kommentarer og
1 løsning

vis/skjul <div> kode.

hej. :)

jeg har fundet en kode på google til at vise/skjule en <div> element, og det virker fint.

men så har jeg et problem.

når jeg trykker vis så viser den godt nok den <div> element, men den viser toppen af min side. men jeg vil gerne have den skal vise det første ligne af min <div> element.

se evt: itsharem.com/hej.htm

i dette tilfælde skal den vise:

text efter visning.
Avatar billede roenving Novice
10. april 2008 - 14:10 #1
Hvad skal den så vise, når man trykker igen ?-)
Avatar billede w13 Novice
10. april 2008 - 14:12 #2
kurdo>> Gør den ikke det?

Er det fordi "text efter visning" skal erstatte "text før visning"?
Avatar billede w13 Novice
10. april 2008 - 14:22 #3
Du kan i øvrigt rette javascriptet:

<script type="text/javascript">
<!--
    function toggle_visibility(id) {
      var e = document.getElementById(id);
      if(e.style.display == 'block')
          e.style.display = 'none';
      else
          e.style.display = 'block';
    }
//-->
</script>

til:

<script type="text/javascript">
<!--
function toggle_visibility(e){
  var e=document.getElementById(id);
  e.style.display=e.style.display!='none'?'block':'none';
}
//-->
</script>

Og hvis "text før visning" skal skjules, når "text efter visning" ses, kan du lægge "text før visning" i en div med f.eks. id="bar" og rette linket til:

<a href="#" onclick="toggle_visibility('foo');toggle_visibility('bar');">Vis/skjul</a>
Avatar billede kurdo Novice
10. april 2008 - 14:22 #4
roenving, så skal den vise bunden af siden! :)


w13, nej, den skal ikke erstatte det, den skal gør som den gør nu, men bare ruller ned til "text efter visning", og viser "text efter visning" i toppen af siden. altså ruller ned til den ligne. :)
Avatar billede kurdo Novice
10. april 2008 - 14:24 #5
w13.

din kode vedr. retning virker ikke.
Avatar billede w13 Novice
10. april 2008 - 14:49 #6
Nej, havde lige lavet en mindre fejl:

<script type="text/javascript">
<!--
function toggle_visibility(e){
  var e=document.getElementById(e);
  e.style.display=e.style.display!='none'?'block':'none';
}
//-->
</script>
Avatar billede kurdo Novice
10. april 2008 - 14:53 #7
virker stadig ikke? :)
Avatar billede w13 Novice
10. april 2008 - 14:58 #8
Nu har jeg fundet fejlen... Det er fordi jeg sidder og sover.. :)

<script type="text/javascript">
<!--
function toggle_visibility(e){
  var e=document.getElementById(e).style;
  e.display=e.display!="none"?"none":"block";
}
-->
</script>
Avatar billede kurdo Novice
10. april 2008 - 15:14 #9
tak skal du have! :) nu virker det! :)

men jeg tror vidst, du glemte mit "orginale" spørgesmål! :)
Avatar billede w13 Novice
10. april 2008 - 15:24 #10
Hvad med at rette:

<a href="#" onclick="toggle_visibility('foo');">Vis/skjul</a>

til:

<a name="foo"></a><a href="#foo" onclick="toggle_visibility('foo');">Vis/skjul</a>
Avatar billede kurdo Novice
10. april 2008 - 20:32 #11
jep!: )

det virker, mange tak! :)
kan du evt forklare det? altså <a name="foo"></a>, det er første gang jeg ser/hører det.  :)

smid lige et svare.
Avatar billede olebole Juniormester
10. april 2008 - 20:43 #12
Avatar billede w13 Novice
10. april 2008 - 21:36 #13
Det omtales også af og til som et "bogmærke". Det gør det muligt at springe til et sted på siden uden at genindlæse den. I dette tilfælde linker man bare til "#foo".
Avatar billede kurdo Novice
10. april 2008 - 22:08 #14
okay, mange tak! :)

og tak til dit indlæg ole..
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