| | |
| 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 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 Bydlisko: Brno | Napísal Ďuri: 26.08.2009 18:12 | |
|
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 Bydlisko: PO | Napísal autor témy Calligen: 26.08.2009 18:19 | |
|
Ď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 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 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 Bydlisko: PO | Napísal autor témy Calligen: 26.08.2009 20:55 | |
|
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 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 Bydlisko: PO | Napísal autor témy Calligen: 26.08.2009 22:33 | |
|
Á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 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 Bydlisko: PO | Napísal autor témy Calligen: 26.08.2009 22:45 | |
|
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 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 Bydlisko: PO | Napísal autor témy Calligen: 26.08.2009 22:57 | |
|
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 |
Ď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 Bydlisko: Brno | Napísal Ďuri: 03.02.2010 18:56 | |
|
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 |
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 Bydlisko: Brno | Napísal Ďuri: 05.02.2010 13:49 | |
|
Hod svoje riesenie, skusime to opravit.
|
|
Registrovaný: 12.01.10 Prihlásený: 30.06.10 Príspevky: 8 Témy: 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 |
...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 |
---|
| php nechce ukazat cookies v PHP, ASP | 3 | 309 | 24.10.2011 18:53 chrono | | Skryť IP v Sieťové a internetové programy | 6 | 371 | 26.09.2012 19:29 PepeTheDragon | | Skryť/Zobraziť - Funkcia v JavaScript, VBScript, Ajax | 5 | 817 | 16.11.2010 14:19 zaciatocnik | | video, skryt ovladanie prehravaca v HTML, XHTML, XML, CSS | 3 | 466 | 12.07.2011 14:06 weroro | | Ako skryt scrollbar v terminaly v Operačné systémy Unix a Linux | 0 | 438 | 02.02.2010 23:40 Ivan11114 | | Skryť časť kódu pri IE6 v HTML, XHTML, XML, CSS | 2 | 479 | 26.02.2010 17:32 rsn4ke | | skryt IP adresu v lokalnej sieti? v Sieťové a internetové programy | 2 | 1701 | 09.11.2005 16:03 Luks | | ako skryť .html napriklad kuma.sk/info v HTML, XHTML, XML, CSS | 7 | 524 | 30.11.2014 19:54 Mego | | Ako mam skryt moju IP, resp. zmenit v Sieťové a internetové programy | 2 | 817 | 15.08.2008 0:23 suchy | | 3Ds Max rigg - ako skryť bipedove kosti po riggingu v Grafické programy | 0 | 507 | 29.03.2011 18:03 FxEngine | | dynamický obsah v JavaScript, VBScript, Ajax | 2 | 626 | 01.06.2009 9:50 pilná lama glama | | staticky obsah v HTML, XHTML, XML, CSS | 1 | 464 | 22.03.2009 12:32 jablko05 | | Joomla - Obsah v Redakčné systémy | 2 | 791 | 07.12.2008 13:19 mariachi | | Duplicitny obsah v Internetový marketing, SEO, reklama | 7 | 499 | 22.10.2012 11:23 stenley | | C# - ako skryť aktívny formulár a otvoriť druhý formulár [ Choď na stránku: 1, 2, 3 ] v Technológia .NET | 67 | 2752 | 28.06.2013 22:08 walther | | Obsah precitanej knihy v Vzdelanie, štúdium, škola | 21 | 3621 | 23.03.2007 22:37 Baracuda |
| Nemôžete zakladať nové témy v tomto fóre Nemôžete odpovedať na témy v tomto fóre Nemôžete upravovať svoje príspevky v tomto fóre Nemôžete mazať svoje príspevky v tomto fóre
|
|