Avatar billede simon_jacobsen Nybegynder
19. juli 2007 - 12:13 Der er 7 kommentarer og
1 løsning

show / hide object virker i IE men ikke i FF

<script language="javascript">
function hide(objekt) {
    blok = document.all(objekt);
    blok = document.getElementById(objekt);
    //blok = document.getElementById(objekt).style;
    //blok.visibility="hidden";
    blok.style.display="none";
  return;
}
function show(objekt) {
    blok = document.all(objekt);
    blok = document.getElementById(objekt);
    //blok = document.getElementById(objekt).style;
    //blok.visibility="visible";
    blok.style.display="";
  return;

//-->
</script>

<?php


echo "<input class=\"field\" size=\"20\" type=\"radio\" name=\"afstemning\" onclick=\"hide('1');\" checked=\"checked\" value=\"0\">nej<br>";
echo "<input class=\"field\" size=\"20\" type=\"radio\" name=\"afstemning\" onclick=\"show('1');\" value=\"1\">ja<br>";
echo "<div id=\"1\" class=\"afstemning\" style=\"display:none\">";
    echo "noget indhold";
echo "</div>";

bruger denne kode til at vise og skjule min div box, men det virker ikke i FF og er ikke lige klar over hvilken del af koden der ikke er kompatibel med FF.

Håber nogen kan hjælpe :)
Avatar billede olebole Juniormester
19. juli 2007 - 12:47 #1
<ole>

<script language="javascript">
function hide(objekt) {
    var blok = document.getElementById(objekt);
    blok.style.display="none";
}
function show(objekt) {
    var blok = document.getElementById(objekt);
    blok.style.display="block";

</script>

- og så må en id ikke begynde med et tal, så du skal skrive f.eks:
    <div id="div1" ........>

- og kalde med:
    onclick=\"show('div1');\"

/mvh
</bole>
Avatar billede simon_jacobsen Nybegynder
19. juli 2007 - 13:10 #2
super duper nu virker det :D

du skal have mange tak, smid lige et svar :)
Avatar billede jokkejensen Novice
19. juli 2007 - 13:40 #3
function showhide(e) {    el = document.getElementById(e);    el.style.display = el.style.display  == "block" ? "none" : "block";}

Er også en mulighed :)
Avatar billede olebole Juniormester
19. juli 2007 - 14:20 #4
jokkejensen >> helt korrekt, men jeg vurderede, at spørgeren ikke hører til de mest rutinerede JS/DOM-kodere, så jeg prøvede at holde det simpelt. Jeg ville dog også selv skrive noget i stil med dit forslag  =)
Avatar billede olebole Juniormester
19. juli 2007 - 14:21 #5
Ups ... et selvtak og et svar  ;o)
Avatar billede mclemens Nybegynder
19. juli 2007 - 19:55 #6
Og en tredje mulighed:

Afstemning: <input class="field" size="20" type="checkbox" name="afstemning" onclick="document.getElementById('div1').style.display=this.checked?'block':'none';" value="1">
<br>
<div id="div1" class="afstemning" style="display:none">noget indhold</div>
Avatar billede jokkejensen Novice
20. juli 2007 - 09:02 #7
Muligheder er der mange af, men ikke alle er anbefalelsesværdige mht til skalerbarhed, genbruglighed og best-practice :)

/JJ
Avatar billede mclemens Nybegynder
20. juli 2007 - 09:04 #8
^ Nemlig, det kommer altsammen an på behovet :)
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