Autor Zpráva
maestorm
Profil
Dobré poledne,
můj dotaz se týká skrytého textu, který se po kliknutí na link(odkaz) zjeví...
také bych potřeboval poradit k čemu mám přidat id a k čemu ne...
V DOMu se moc nevyznám stále jsem jen amatér, tak bych uvítal pomoc...
(na internetu jsem již hledal, ale k mému překvapení jsem nenašel to co jsem hledal a tak jsem se obrátil na tuto superdiskusi ;-) )
Předem děkuji za rady...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title>maestorm's crossroad</title>
  <link rel="stylesheet" type="text/css" href="style.css" />
    <script type="text/javascript">
    </script>
  </head>
  <body>
    <div id="container">
      <ul id="csc">
        <li><a href="1.html">first</a></li>
        <li><a href="2.html">second</a></li>
        <li><a href="3.html">third</a></li>
        <li id="wrote"><a href="4.html">fourth</a>
          <div id="unwrote"><p>
            <hr />This is fourth link which is<br /> related on webdesign links section...<hr />
          </p></div>
          </li>  
        <li><a href="5.html">fifth</a></li>
        <li><a href="6.html">sixth</a></li>
        <li><a href="7.html">seventh</a></li>
        <li><a href="8.html">eighth</a></li>
        <li><a href="9.html">nineth</a></li>
      </ul>
    </div>
  </body>
</html>


A zde je CSS:
/* CSS Document */
* {
  margin: 0;
  padding: 0;
}
body {
  background: #E8E2CE;
}
hr {
  width: 580px;
}
#csc li {
  display: inline;
  list-style: none;
  padding: 2px 8px 1px 5px; 
}
#csc li a {
  display: inline;
  font-family: Arial CE;
  font-size: 15pt;
  text-decoration: none;
}
#csc li a:hover {
  border-bottom: 1px solid;
}
#unwrote {
  display: none;
}
#wrote {
  
}
souki
Profil
www.jquery.com
maestorm
Profil
díky podívám se...
maestorm
Profil
něco jednoduššího by nebylo?
souki
Profil
a co vlastně chceš schovat?
maestorm
Profil
Takže:
mám
...
<li>
<a href...>při kliknutí sem se má zobrazit text v divu id="text"</a>
</li>
<div id="text">
<p>nějaký text</p>
</div>
...

je to srozumitelné?
souki
Profil
<a href=... onclick='document.getElementById("text").style.display="block";return false'>cbcvb</a>
maestorm
Profil
Děkuji a kdyby ten skript měl být v hlavičce (v tagu <script></script>)?
peta
Profil
maestorm
jakpsatweb - javascript
jakpsatweb - javascript - priklady
jakpsatweb - javascript - priklady - udalosti
Jako, to sorac, ale to je zakladni znalost, ktera je popsana na jakpsatweb. Pokud nehodlost precist ani to mimimum, ani zakladnich 5 prikladu na udalosti...
maestorm
Profil
pardon... má chyba neuvědomil jsem si... omlouvám se...

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: