Avatar billede melange Nybegynder
21. januar 2003 - 17:44 Der er 17 kommentarer og
2 løsninger

skjul <div> plus indhold

okey, jeg har en et <div>-tag, hvori der er en masse html. Både tabeller, tekst og billeder.
Hvis jeg nu fik lyst til at skjule alt inde i <div>-taget, hvordan gør jeg så ?

Bemærk at mine JavaScript kundskaber ikke er så udviklede som man kunne ønske sig :)
Jeg overvejer en serversideløsning (det ved man hvad er ;) ), men ville foretrække hvis det kunne blive gjort hos klienten.

// melange
Avatar billede fynbo Nybegynder
21. januar 2003 - 17:49 #1
<div name="trala">sfdsf</div>

<style>
trala.visibility='visible';
</style>

er dog ikke sikker
Avatar billede fynbo Nybegynder
21. januar 2003 - 17:49 #2
udskift visible med hidden selvfølgelig ;)
Avatar billede Slettet bruger
21. januar 2003 - 17:51 #3
<div style="display: none;">

Enkelt ik'? :)
Avatar billede bearhugx Nybegynder
21. januar 2003 - 17:52 #4
i stedet bør bruges
<div name="etEllerAndet" style="display:none;"> INDHOLD </div>

altså display="none";
Avatar billede bearhugx Nybegynder
21. januar 2003 - 17:54 #5
og ikke visbility="hidden";

Forklaring kan findes i http://www.eksperten.dk/spm/307520 indlæg@21/01-2003 16:56:54
Avatar billede Slettet bruger
21. januar 2003 - 17:54 #6
nemlig bearhugx :)
Avatar billede Slettet bruger
21. januar 2003 - 21:43 #7
kan du få det til at virke?
Avatar billede melange Nybegynder
22. januar 2003 - 14:44 #8
nej, jeg kan ikke rigtigt få det til at virke :(

jeg har prøvet at forkorte koden til til følgende, men den vises stadigvæk.
Mit gæt er at det er fordi der længere inde i koden forekommer andre CSS-koder, som "virker stærkere" da de står længere inde.

koden ser pt. bare sådan her ud, men der er ikke noget som bliver skjult :( (det hele står selvfølgelig inde i et <tabel>-tag)

--------
<div style="display: none;">
  <tr>
    <td style="background-color: #F0F0F0; border-bottom: solid 1px #39425A; width: 100%;">
      <table>
    <tr>
      <td width="5">&nbsp;
      </td>
                                           
      <td class="text1">
        Tekst
      </td>
   
      <td width="5">&nbsp;
      </td>
                           
    </tr>

      </table>

    </td>
  </tr>
</div>
Avatar billede bearhugx Nybegynder
22. januar 2003 - 15:42 #9
hvis du fører "div"-tagsne udenom table-tagsne også, så virker det ...
Avatar billede Slettet bruger
22. januar 2003 - 15:44 #10
div skal omringe det hele... Altså alt :)
Avatar billede bearhugx Nybegynder
22. januar 2003 - 15:48 #11
dvs.
<div style="display:none;">
  <table>
  ... INDHOLD ...
  </table>
</div>

Hvorfor div ikke bliver taget med, når de er indeni (dvs. omkranser tr-tags) forstår jeg ikke - jeg har lige lavet en test - og det virker hellerikke, hvis man kun omkranser en <td>-block ... Men måske ville man også i stedet give id til td-erne og så bruge javascript til at sætte deres display = none...
/Søren
Avatar billede Slettet bruger
22. januar 2003 - 15:50 #12
det er noget andet css der driller...! det er jeg overbevist om... for det lille simple stykke kode virker helt fint her..
Avatar billede bearhugx Nybegynder
22. januar 2003 - 15:56 #13
westhi >> hvilken kode - den som melange sendte  ?? Hvis det er et CSS problem - hvorfor kan jeg så hellerikke se den (har ikke adgang til nogle af melanges CSS-ressourcer - og aligevel vises den ikke her...
/Søren
Avatar billede Slettet bruger
22. januar 2003 - 16:01 #14
<div style="display: none;">
  <tr>
    <td style="background-color: #F0F0F0; border-bottom: solid 1px #39425A; width: 100%;">
      <table>
    <tr>
      <td width="5">&nbsp;
      </td>
                                           
      <td class="text1">
        Tekst
      </td>
   
      <td width="5">&nbsp;
      </td>
                           
    </tr>

      </table>

    </td>
  </tr>
</div>


Det fungerer da helt fint her..... har så ikek prøvet at klamme den ind i table endnu men det tror jeg da også virker..
Avatar billede bearhugx Nybegynder
22. januar 2003 - 16:02 #15
hvad browser bruger du (den virker ikke i IE6.0.2800
Avatar billede Slettet bruger
22. januar 2003 - 16:07 #16
smed det bare ind i tsw webcoder og trykkede preview.. jeg prøver lige at gemme som *.html og teste
Avatar billede Slettet bruger
22. januar 2003 - 16:16 #17
jeg bruger 6.0.2600 og det virker fino
Avatar billede melange Nybegynder
24. januar 2003 - 18:23 #18
jeg har ikke haft noget tid her den sdiste tid til at kigge på det, men har endelig fået det gjort, og det virker nu :)
mange tak.
Avatar billede Slettet bruger
24. januar 2003 - 18:26 #19
Jamen det var så lidt da :)
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

IT-JOB

Riskpoint A/S (Riskpoint Solutions Limited)

Senior Developer

Rambøll Management Consulting

Senior Software Engineer

KMD A/S

Projektleder