Stránka: 1 z 1
| [ Príspevkov: 18 ] | |
| Autor | Správa |
|---|
Registrovaný: 23.03.08
Prihlásený: 09.11.15
Príspevky: 14
Témy: 3 | 3
Bydlisko: PO |
Dobrý deň,
potreboval by som nejaký JavaScript, ktorý by po kliknutí na daný objekt ukázal / skryl nejaký obsah. Snáď ste ma pochopili.
Vopred ďakujem!
|
|
Registrovaný: 11.08.07
Príspevky: 4088
Témy: 34 | 34
Bydlisko: Brno |
Kód: <div id=foo>tento div sa bude zobrazovat alebo skryvat</div> <a onclick="var foo = document.getElementById('foo'); foo.style.display = (foo.style.display == 'none') ? 'block' : 'none';">Zobrazit/Skryt</a> Keby si hladal alebo si nastudoval zaklady JS, davno by si to mal.
|
|
Registrovaný: 23.03.08
Prihlásený: 09.11.15
Príspevky: 14
Témy: 3 | 3
Bydlisko: PO |
Ďuri píše: Kód: <div id=foo>tento div sa bude zobrazovat alebo skryvat</div> <a onclick="var foo = document.getElementById('foo'); foo.style.display = (foo.style.display == 'none') ? 'block' : 'none';">Zobrazit/Skryt</a> Keby si hladal alebo si nastudoval zaklady JS, davno by si to mal. Ďakujem Ti.
|
|
Registrovaný: 17.10.06
Prihlásený: 08.11.14
Príspevky: 37
Témy: 1 | 1
Bydlisko: blava |
Podla mna efektívnejší spôsob aj pre začiatočníkov
1. funkcia v JS
Kód: function showHide(id){
el=document.getElementById(id).style;
el.display=(el.display == 'block')?'none':'block';
}
2. kód: Kód: <span onclick="showHide('nazov1')"> zobraz </span> <div id='nazov1'> skryty text </div> takto sa môže schovávať nekonečno nezávislých častí webu
|
|
Registrovaný: 31.05.09
Prihlásený: 02.06.17
Príspevky: 562
Témy: 37 | 37
Bydlisko: BegyBen |
Efektivnejsi sposob je to iba pri multi-puzivani ale to plati u kazdeho kodu pokial sa pouziva viac krat. Inak na tom nic efektivnejsie (v pravom slova zmysle) nevidim.
|
|
Registrovaný: 23.03.08
Prihlásený: 09.11.15
Príspevky: 14
Témy: 3 | 3
Bydlisko: PO |
Viete, rád by som to použil na fóre, kde by sa pri registrácii dal skryť/zobraziť tzv. rozšírený profil (ICQ, Záujmy...) a teda by zostali iba základné položky a to Meno, Heslo... A spomínaný rozšírený profil by sa dal skryť/zobraziť.
|
|
Registrovaný: 31.05.09
Prihlásený: 02.06.17
Príspevky: 562
Témy: 37 | 37
Bydlisko: BegyBen |
ved to kludne pouzi, ak mas viacej takychto divov tak to daj do funkcie ak jeden tak ti staci aj sposob, ktory napisal Ďuri.
Ci mas nejaky problem s tym? lebo nerozumiem predmetu tvojho prispevku
|
|
Registrovaný: 23.03.08
Prihlásený: 09.11.15
Príspevky: 14
Témy: 3 | 3
Bydlisko: PO |
Áno, mám s tým problém. Mám tam len jeden div a nejde to. :-/
|
|
Registrovaný: 31.05.09
Prihlásený: 02.06.17
Príspevky: 562
Témy: 37 | 37
Bydlisko: BegyBen |
Co ti tam nejde, ved skontroluj si iba ci ma div, ktory chces skryt rovnake id ako je v getElementById. Neviem, co ine by ti tam nemalo ist
|
|
Registrovaný: 23.03.08
Prihlásený: 09.11.15
Príspevky: 14
Témy: 3 | 3
Bydlisko: PO |
Možno to bude tým, že ten obsah, ktorý sa má skryť/zobraziť je dosť bohatý...
|
|
Registrovaný: 31.05.09
Prihlásený: 02.06.17
Príspevky: 562
Témy: 37 | 37
Bydlisko: BegyBen |
To je jedno aky je bohaty. Ak mas firefox otvor si chybovu konzolu (Nastoje->hybova konzola) a pozri ci ti nevypise nejaku chybu. Popripade daj zivu ukazku, teda link
|
|
Registrovaný: 23.03.08
Prihlásený: 09.11.15
Príspevky: 14
Témy: 3 | 3
Bydlisko: PO |
Ide o warez fórum, čiže zrejme to nebude možné. Skúsim sa s tým ešte pohrať. 
|
|
Registrovaný: 12.01.10
Prihlásený: 30.06.10
Príspevky: 8
Témy: 2 | 2 |
Ďuri píše: Kód: <div id=foo>tento div sa bude zobrazovat alebo skryvat</div> <a onclick="var foo = document.getElementById('foo'); foo.style.display = (foo.style.display == 'none') ? 'block' : 'none';">Zobrazit/Skryt</a> Keby si hladal alebo si nastudoval zaklady JS, davno by si to mal. a ako sa to da spravit tak, ze to bude skryte a po kliknuti sa do zjavi ale chcel by som to aj tak ze by som mal dva gify napr. sipka hore a dole a ked sa to zobrazi tak bude hore a ked to bude skryte ako na zaciatku tak dole
| Tvoj prejav je nezrozumitelny. Pouzivaj interpunkciu na oddelovanie myslienok a viet, inak mozu byt dalsie tvoje prispevky zmazane. Ďuri
|
|
Registrovaný: 11.08.07
Príspevky: 4088
Témy: 34 | 34
Bydlisko: Brno |
Pridaj tomu div#foo proste style=display:none. To s tou sipkou sa da spravit niekolkymi sposobmi, napriklad si daj obrazok sipky na pozadie a v tom onclicku budes menit this.style.backgroundImage, pripadne budes pracovat s jednym obrazkom a backgroundPosition - vyuzijes techniku "CSS sprites".
|
|
Registrovaný: 12.01.10
Prihlásený: 30.06.10
Príspevky: 8
Témy: 2 | 2 |
ako urobim viac kusov tohto kodu?? lebo som skusal uz cokolvek a bud mi aj ten druhy kod otvara ten prvy alebo mi ho neotvori vobec,, skuste mi poradit prosim,,
|
|
Registrovaný: 11.08.07
Príspevky: 4088
Témy: 34 | 34
Bydlisko: Brno |
Hod svoje riesenie, skusime to opravit.
|
|
Registrovaný: 12.01.10
Prihlásený: 30.06.10
Príspevky: 8
Témy: 2 | 2 |
Ďuri píše: Hod svoje riesenie, skusime to opravit.
Kód: <div id=foo style=display:none>1</div> <a onclick="var foo = document.getElementById('foo'); foo.style.display = (foo.style.display == 'none') ? 'block' : 'none';">Zobrazit/Skryt</a> <br> <div id=2 style=display:none>2</div> <a onclick="var 2 = document.getElementById('2'); 2.style.display = (2.style.display == 'none') ? 'block' : 'none';">Zobrazit/Skryt</a> nerozumiem tomu,, ked dam miesto tej dvojky foo tak sa mi to sprava ako prvy kod.. cize robi to to iste ale iba s prvou castou
|
|
Registrovaný: 30.04.09
Prihlásený: 11.02.10
Príspevky: 723
Témy: 81 | 81 |
...ty nepouzivas apostrofy?
...a zadavas cisla ako premenne a nazvy id ci class?
priklad
id="dva" - ok
id= dva -zle
id="2" - zle
var 2 -zle
var dva -ok
|
|
Stránka: 1 z 1
| [ Príspevkov: 18 ] | |
Podobné témy | | Témy | Odpovede | Zobrazenia | Posledný príspevok |
|---|
 | v PHP, ASP | 3 | 323 | 24.10.2011 18:53 chrono | | v Sieťové a internetové programy | 6 | 403 | 26.09.2012 19:29 PepeTheDragon | | v JavaScript, VBScript, Ajax | 5 | 848 | 16.11.2010 14:19 zaciatocnik | | v HTML, XHTML, XML, CSS | 3 | 490 | 12.07.2011 14:06 weroro | | v Operačné systémy Unix a Linux | 0 | 466 | 02.02.2010 23:40 Ivan11114 | | v HTML, XHTML, XML, CSS | 2 | 508 | 26.02.2010 17:32 rsn4ke | | v Sieťové a internetové programy | 2 | 1728 | 09.11.2005 16:03 Luks | | v HTML, XHTML, XML, CSS | 7 | 558 | 30.11.2014 19:54 Mego | | v Sieťové a internetové programy | 2 | 839 | 15.08.2008 0:23 suchy | | v Grafické programy | 0 | 534 | 29.03.2011 18:03 FxEngine | | v JavaScript, VBScript, Ajax | 2 | 676 | 01.06.2009 9:50 pilná lama glama | | v HTML, XHTML, XML, CSS | 1 | 509 | 22.03.2009 12:32 jablko05 | | v Redakčné systémy | 2 | 852 | 07.12.2008 13:19 mariachi | | v Internetový marketing, SEO, reklama | 7 | 549 | 22.10.2012 11:23 stenley |  | [  Choď na stránku: 1, 2, 3 ] v Technológia .NET | 67 | 2896 | 28.06.2013 22:08 walther | | v Ostatné | 1 | 1058 | 02.01.2007 13:11 m@-nX |
|
