Autor | Zpráva | ||
---|---|---|---|
zirafka Profil |
#1 · Zasláno: 23. 6. 2009, 15:44:39
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 |
#2 · Zasláno: 23. 6. 2009, 15:57:09
zirafka:
Asi myslíš toto: http://www.jakpsatweb.cz/javascript/priklady/skryvani-odkryvani.html |
||
zirafka Profil |
#3 · Zasláno: 24. 6. 2009, 11:52:38
Jak to do panelů odkazů "zadám"? Jsem začátečník
|
||
Mistr Profil |
#4 · Zasláno: 24. 6. 2009, 13:15:59
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 |
#5 · Zasláno: 26. 6. 2009, 22:02:47
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 |
#6 · Zasláno: 26. 6. 2009, 22:27:20 · Upravil/a: keeehi
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 |
#7 · Zasláno: 26. 6. 2009, 22:47:40 · Upravil/a: zirafka
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 |
#8 · Zasláno: 27. 6. 2009, 20:01:17
zirafka
Zkoušela sis pohrát s CSS vlastností margin? |
||
keeehi Profil |
#9 · Zasláno: 27. 6. 2009, 22:10:49
zirafka
h3 nahraď za span |
||
zirafka Profil |
#10 · Zasláno: 28. 6. 2009, 15:28:01
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 |
#11 · Zasláno: 28. 6. 2009, 17:43:31
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 |
#14 · Zasláno: 28. 6. 2009, 23:21:41
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 |
#15 · Zasláno: 29. 6. 2009, 00:04:49
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 |
#16 · Zasláno: 29. 6. 2009, 00:40:08
není zač
|
||
zirafka Profil |
#17 · Zasláno: 29. 6. 2009, 17:59:22 · Upravil/a: zirafka
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 |
#18 · Zasláno: 29. 6. 2009, 18:30:35
zirafka:
Klidně bych se podíval, ale ten odkaz je nějak zasněžený |
||
zirafka Profil |
#19 · Zasláno: 29. 6. 2009, 18:39:10 · Upravil/a: zirafka
asi jsem si zavařila počítač, nechce mi to tam "vlézt". Tak ještě jednou ****************************/ a uvidíme
|
||
zirafka Profil |
#20 · Zasláno: 29. 6. 2009, 18:45:58 · Upravil/a: zirafka
keeehi
http://www.peggy172.hostuju.cz/ |
||
keeehi Profil |
#21 · Zasláno: 29. 6. 2009, 18:51:30
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 |
#22 · Zasláno: 29. 6. 2009, 20:58:32 · Upravil/a: zirafka
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 |
#23 · Zasláno: 30. 6. 2009, 16:48:43
keeehi:
Tak jsem to zkoušela dát bez tabulky a mám tam "meziřádky". Jeto takové moc roztahané. |
||
Časová prodleva: 15 let
|
0