html - Scroll ned - Udvikleren.dk - Programmering, webdesign og grafik

Tags: html css

Bruger #14124 @ 08.10.08 23:02

Vidste sku ikke lige hvad jeg skulle kalde tråden. Men mit spørgsmål er, hvordan laver jeg i HTML en box der går ned, når man klikker på et link, forvirret? Så se på http://www.crump.dk/ og klik på download, der kommer en box ned, mit spørgsmål er, hvordan gør jeg så den box kommer?

5 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 2 karma

Sorter efter stemmer Sorter efter dato

Bruger #11328 @ 09.10.08 07:47

1.323

Eks:

JScript kode

 function toggle(id)
             {
                 if(!id)
                     return false;
                 else
                 {
                     var status = document.getElementById(id).style.display;
                     if(status == "none")
                         document.getElementById(id).style.display = "";
                     else
                         document.getElementById(id).style.display = "none"
                 }
             }

Et fuldt eksempel:

HTML kode

 <html>
     <head>
         <title>Test</title>
 
         <script type="text/javascript">
             function toggle(id)
             {
                 if(!id)
                     return false;
                 else
                 {
                     var status = document.getElementById(id).style.display;
                     if(status == "none")
                         document.getElementById(id).style.display = "";
                     else
                         document.getElementById(id).style.display = "none"
                 }
             }
         </script>
     </head>
 
     <body>
         <a href="#" onclick="toggle('ulid');">Klik her!</a>
         <ul id="ulid">
             <li>Listepunkt 1</li>
             <li>Listepunkt 2</li>
         </ul>
     </body>
 
 </html>

Bruger #11770 @ 12.10.08 20:17

lille tip, brug css til at visuelt, altså den background, kunne jeg forstille mig ikke kun skulle være på en side. så for at du ikke skal ændre det i alle filer. så få det samlet i 1 css fil, du som retter i .

Bruger #14124 @ 09.10.08 18:11

205

Kan jeg sætte den uden om dette:

Kode

<td background="http://www.konkurrence-site.dolf.dk/Billeder/nbg.png" width="150" height="200">

<a href="index.html">Forside</a><br>
<a href="kontakt.html">Kontakt</a><br>
<a href="spg.html">Spørgeskemaer</a><br>
<a href="kon.html">Konkurrencer</a><br>
<a href="kob.html">Købs tilbud</a><br>
<a href="andet.html">Andet</a><br>
<a href="ugens.html">Ugens hotteste</a><br>
<a href="#">-</a><br>
<a href="#">-</a><br>
<a href="#">-</a><br>
<a href="#">-</a><br>

Bruger #11328 @ 09.10.08 18:55

1.323

Du skal nok skrive noget i stil med:

HTML kode

 <td background="http://www.konkurrence-site.dolf.dk/Billeder/nbg.png" width="150" height="200" onclick="toggle('linkWrapper');">
 <div id="linkWrapper">
 <a href="index.html">Forside</a><br>
 <a href="kontakt.html">Kontakt</a><br>
 <a href="spg.html">Spørgeskemaer</a><br>
 <a href="kon.html">Konkurrencer</a><br>
 <a href="kob.html">Købs tilbud</a><br>
 <a href="andet.html">Andet</a><br>
 <a href="ugens.html">Ugens hotteste</a><br>
 <a href="#">-</a><br>
 <a href="#">-</a><br>
 <a href="#">-</a><br>
 <a href="#">-</a><br>
 </div>

Og husk at tilføje javascript koden i <head> sektionen.

Indlæg senest redigeret d. 09.10.2008 18:55 af Bruger #11328

Bruger #14124 @ 09.10.08 19:30

205

Okay

Scroll ned

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler