Wiki inhoud *ongeholpen :-(*

Status
Niet open voor verdere reacties.
gamesoft

gamesoft

Gebruiker
Lid geworden
12 jun 2006
Berichten
169
Wiki inhoud geholpen :)

UH hallo?

Hoe kan ik in HTML zo'n inhoud-dingetje maken net zoals in wikipedia???

Het liefst in javascript.

Hier is wat ik heb, maar het werkt niet:
HTML: 
<html>
 <head>
  <title>titel</title>
 </head>
 <body>
  <script type="text/javascript">
   s = 1
   w = '<a href="#inh">Inhoud</a>'
   function sho()
   {
       if (s == 0)
       {
           s = 1
       }
       else
       {
           s = 0
       }

       if (s == 1)
       {
           document.write(w)
       }
       else
       {
           document.write("")
       }
   }
  </script>
  <table border=1 name="h">
   <tr>
    <td><a href="javascript:sho()">Inhoud</a></td>
   </tr>
  </table>
  <a name="inl">Hier mijn text :-)
 </body>
</html>
 
Laatst bewerkt:
Waarom begin je niet gewoon je eigen wiki? Het wiel twee keer uitvinden is ook niet nodig toch?

Hier is een wiki-pagina die je uitlegt hoe je Wiki installeert...

Als je al een webhost hebt die PHP en MySQL ondersteunt ben je zo klaar. (Dan begin je dus bij stap 2)
 
Tha Devil zei:
Waarom begin je niet gewoon je eigen wiki? Het wiel twee keer uitvinden is ook niet nodig toch?

Hier is een wiki-pagina die je uitlegt hoe je Wiki installeert...

Als je al een webhost hebt die PHP en MySQL ondersteunt ben je zo klaar. (Dan begin je dus bij stap 2)
Klik om te vergroten...

Nee, dank je, maar ik hoef alleen maar dat inhoud-dingetje te hebbe.
 
Ik weet niet precies wat je met het "inhoud-dingetje" bedoeld maar dit is een scriptje waarmee je de weergave van een stuk tekst, link enz. aan- en uitzet:
PHP: 
<script type="text/javascript">
 function toggle(id) {
  id = document.getElementById(id);
  id.style.display = id.style.display == 'none' ? '' : 'none';
  return false;
  };
</script>

<a href="#" onclick="toggle('vakje')">vakje uit / aan</a><br>
<span id="vakje">Deze tekst verdwijnt en verschijnt.<br></span>
<a href="#" onclick="toggle('linkje')">link uit / aan</a><br>
<a href="http://www.helpmij.nl/" id="linkje">www.helpmij.nl</a><br>
********<br>
Vr.Gr. Egel.
 
Laatst bewerkt:
Graag gedaan! :)

Met een div schakeld het waarschijnlijk het mooist, bv:
PHP: 
+ <a href="#" onclick="toggle('linkje')">link uit / aan</a><br> 
<div id="linkje" style="margin-left: 12px;"><a href="http://www.helpmij.nl/">www.helpmij.nl</a></div>

Vr.Gr. Egel.
 
Laatst bewerkt:
weet ook iemand hoe je dit kunt omdraaien?

dat hij de text standaard niet laat zijn, maar als je op die link klikt het wel laat zien?:confused:

bijvoorbaad dank,,

bo
 
Met display: none; in de style van het element staat het uit als de pagina wordt geladen. :)
PHP: 
<script type="text/javascript">
 function toggle(id) {
  id = document.getElementById(id);
  id.style.display = (id.style.display == 'none' ? '' : 'none');
  return false;
  };
</script>

+ <a href="#" onclick="toggle('linkje')">link uit / aan</a><br> 
<div id="linkje" style="display: none; margin-left: 12px;"><a href="http://www.helpmij.nl/" target="_blank">www.helpmij.nl</a></div>

Vr.Gr. Egel.
 
Laatst bewerkt:
ooh thx het werkt,

ik had het ook geprobeert met een style maar volgensmij lukte het niet als ik die display none gewoon in mn css zet.. of ik had iets fout gedaan:p

bedankt iig:)
 
Graag gedaan! :)
wake zei:
ik had het ook geprobeert met een style maar volgensmij lukte het niet als ik die display none gewoon in mn css zet.. of ik had iets fout gedaan:p
Klik om te vergroten...
Daar stond ik eerst ook van te kijken ... als je in het script schakelt tussen block en none doet ie het wel, maar soms pas na 2x klikken.

Het gaat om cascading (getrapte) style sheets. De minst belangrijkste is de gelinkte, daarna die in de head sectie, die voor divs, een class, voor #linkje, en de belangrijkste is de style="..." in het element zelf.

Die laatste stuurt het script aan, maar style.display = '' (leeg) overschreef niet de minder belangrijke regel. Zo zou het allemaal wel goed moeten werken: :)
PHP: 
<script type="text/javascript">
 function toggle(id) {
  id = document.getElementById(id);
  id.style.display = (id.style.display == 'none' ? 'block' : 'none');
  return false;
  };
</script>

<style type="text/css">
 .fold { margin-left: 12px;}
</style>

+ <a href="#" onclick="return toggle('div1')">link aan / uit</a><br> 
<div id="div1" class="fold" style="display: none;"><a href="http://www.helpmij.nl/" target="_blank">www.helpmij.nl</a></div> 

+ <a href="#" onclick="return toggle('div2')">link uit / aan</a><br> 
<div id="div2" class="fold" style="display: block;"><a href="http://www.helpmij.nl/" target="_blank">www.helpmij.nl</a></div>


Vr.Gr. Egel.
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan