Autor Zpráva
zirafka
Profil
Ráda bych si "vyrobila" samorozbalovací panel odkazů..
V panelu odkazů mám čtyři základní odkazy a chtěla bych, aby po otevření odkazu (po poklepání na tlačítko) se rozbalily další pododkazy (které by byly menší, ale byly obsahem panelu odkazů), jde to nějak udělat?
Děkuji žirafka
Mistr
Profil
zirafka:
Asi myslíš toto: http://www.jakpsatweb.cz/javascript/priklady/skryvani-odkryvani.html
zirafka
Profil
Jak to do panelů odkazů "zadám"? Jsem začátečník
Mistr
Profil
zirafka:
Jak to do panelů odkazů "zadám"?
Klepni ve FrontPage dole na záložku HTML - viz:

Tím se Ti zobrazí HTML kód stránky.

A mezi značky (tzv. tagy) <head> a </head> vlož kód z odkázané stránky:
<script>
function zobrazSkryj(idecko){
el=document.getElementById(idecko).style; 
el.display=(el.display == 'block')?'none':'block';
}
</script>
<style>
h3 {cursor: pointer; cursor: hand; text-decoration: underline}
.skryvany {display: none}
</style>


Na vhodné místo ve stránce mezi tagy <body> a </body> vlož zbylý kód z již odkázané stránky, a sice:
<h3 onclick="zobrazSkryj('oddil1')">Nadpis</h3>
<div id="oddil1" class="skryvany">
První oddíl: bla bla bla text</div>
<h3 onclick="zobrazSkryj('oddil2')">Nadpis druhého oddílu</h3>
<div id="oddil2" class="skryvany">
Druhý oddíl: bla bla bla text</div>


Těžko Ti mohu napsat přesné místo, protože záleží na tom, kde jej ve stránce chceš mít. Zkus je nejprve vložit někam mezi tagy <body> a </body>. A pak zkoušej, kde by bylo to Tvé ideální místo.
zirafka
Profil
Jo, jo, to je ono, místo jsem našla, ale potřebuji těch "rozbalených řádků" mít víc

Nadpis
1. řádek
2. řádek
3. řádek atd.
keeehi
Profil
tučný xxxxx nahraď čímkoliv, oba dva se musí shodovat. Pokud budeš chtít další, zase někam vlož toyto tři řádky a uprav xxxxx zase na něco jiného atd.
<h3 onclick="zobrazSkryj('xxxxx')">Nadpis dalšího oddílu</h3>
<div id="xxxxx" class="skryvany">
Další oddíl: bla bla bla text</div>


edit: nějak jsem to špatně pochopil takže oprava:
<h3 onclick="zobrazSkryj('xxxxx')">Nadpis</h3>
<div id="xxxxx" class="skryvany">
Prví řádek<br>
Druhý řádek<br>
Třetí řádek</div>
zirafka
Profil
To je přesně ono, ještě maličkost, mezi Nadpis a 1. řádek mám moc velkou mezeru (je to ob řádek, půjde to nějak posunout nahoru?

Vypadá to následovně:

Spolky

Sportovci
Hasiči
Baráčníci

a chtěla bych to mít takto:

Spolky
Sportovci
Hasiči
Baráčníci
Mistr
Profil
zirafka
Zkoušela sis pohrát s CSS vlastností margin?
keeehi
Profil
zirafka
h3 nahraď za span
zirafka
Profil
Moc děkuji, tohle jsem si přesně představovala. Funguje to perfektně.

P.S. Omlouvám se Mistrovi, ale fakt jsem si s tím nevěděla rady a už jsem to chtěla vzdát. Jsem laik a ty "znaky" moc nechápu, ale učím se rychle. Ještě jednou díky
zirafka
Profil
Ještě by se mi líbilo, když to v prohlížeči "otevřu", aby se to "zavřelo" zase poklepáním.
Pokud Nadpis otevřu, rozbalí se mi řádky, když otevřu řádek, tak se to celé zase skryje, bylo by lepší, kdyby se to nezavíralo samo.
Šlo by to nějak "upravit"?
Díky
keeehi
Profil
zkus toto:
<body onload="zobrazSkryj('oddil2')">


tímto nahraď body ve stránce a místo oddil2 dej ten název, který chceš mít rozkliknutý. Musíš to udělat u každé stránky.
zirafka
Profil
Teď jsem z toho papoušek, nevím co kam mám dát (co konkrétně změnit).
Mám to takto:

Mezi tagy <head> a </head> mám toto: (viz rada výše)
<script>
function zobrazSkryj(idecko){
el=document.getElementById(idecko).style; 
el.display=(el.display == 'block')?'none':'block';
}
</script>
<style>
h3 {cursor: pointer; cursor: hand; text-decoration: underline}
.skryvany {display: none}
</style>


Mezi tagy <body> a </body> mám toto: (viz rada výše)
<span onclick="zobrazSkryj('xxxxx')">Nadpis</span>
<div id="xxxxx" class="skryvany">
Prví řádek<br>
Druhý řádek<br>
Třetí řádek</div>

"Rozbalovací" nabídky chci mít tři, takže vše tam mám třikrát (ale možná je to pitomost).
Co s tím?

Tento panel odkazů jsem viděla na www.srbec.cz a moc se mi to líbí a chtěla jsem to taky tak. Je to šikovné a přehledné, ale nemůžu s tím hnout.
keeehi
Profil
lepší by byl odkaz na stránky vlastní, ale vypadat to bude asi takto:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=windows-1250">
    <title>
    </title>
    <script>
      function zobrazSkryj(idecko){
        el=document.getElementById(idecko).style;
        el.display=(el.display == 'block')?'none':'block';
      }
    </script>
    <style>
      h3 {cursor: pointer; cursor: hand; text-decoration: underline}
      .skryvany {display: none}
    </style>
  </head>
  <body onload="zobrazSkryj('zzzzz')">
    <span onclick="zobrazSkryj('xxxxx')">Nadpis
    </span>
    <br>
    <div id="xxxxx" class="skryvany">Prví řádek
      <br>Druhý řádek
      <br>Třetí řádek
      <br>
    </div>
    <br>
    <span onclick="zobrazSkryj('yyyyy')">Nadpis
    </span>
    <br>
    <div id="yyyyy" class="skryvany">Prví řádek
      <br>Druhý řádek
      <br>Třetí řádek
      <br>
    </div>
    <br>
    <span onclick="zobrazSkryj('zzzzz')">Nadpis
    </span>
    <br>
    <div id="zzzzz" class="skryvany">Prví řádek
      <br>Druhý řádek
      <br>Třetí řádek
      <br>
    </div>
    <br>
  </body>
</html>


v body jsem označil rámečkem, co je tam přidáno. tam si zaměň xxxxx za yyyyy nebo zzzzz, podle toho, co chceš mít odkrytý už na začátku. Co tam zadáš, to bude odkrytý. Na každé stránce si toto ale budeš muset nastavit sama ručně.
zirafka
Profil
Tak snad už jsem to pochopila, ale dalo mi to fušku, vypadá to, že to funguje,
zatím díky za trpělivost
keeehi
Profil
není zač
zirafka
Profil
keeehi
Tak jsem něco vypotila, dala jsem to na "pomocnou bezplatnou stránku", abych se podívala jak to vypadá a funguje to tak jak má (tedy snad). Můžeš juknout, třeba mi poradíš, co by tam ještě mělo být. Jsem začátečník, takže to není úplně dokonalé.
Ještě jednou díky za pomoc, zdravím Žirafka

****************************/
keeehi
Profil
zirafka:
Klidně bych se podíval, ale ten odkaz je nějak zasněžený
zirafka
Profil
asi jsem si zavařila počítač, nechce mi to tam "vlézt". Tak ještě jednou ****************************/ a uvidíme
zirafka
Profil
keeehi
http://www.peggy172.hostuju.cz/
keeehi
Profil
zirafka:
když už to máš v tabulkách tak jim alespoň nastav border="0"
byl jsem ale jinak docela překvapen, neboť jsem to čekal horší
zirafka
Profil
keeehi
Dobrý nápad, vypadá to lépe, jinak díky, až budu dělat 100 stránku, tak už mi to půjde určitě lépe
zirafka
Profil
keeehi:
Tak jsem to zkoušela dát bez tabulky a mám tam "meziřádky". Jeto takové moc roztahané.

Vaše odpověď

Mohlo by se hodit

Pokuste se již v titulku uvést název programu související s tématem.

Odkud se sem odkazuje


Prosím používejte diakritiku a interpunkci.

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