Obsah fóra » Softvér » Programovanie, vývoj softvéru a webu » Frontend » Ukázať/skryť obsah





 Stránka: 1 z 1
 [ Príspevkov: 18 ] 
AutorSpráva
Offline Calligen

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 23.03.08
Prihlásený: 09.11.15
Príspevky: 14
Témy: 3 | 3
Bydlisko: PO
NapísalOffline Calligen: 26.08.2009 18:04 | Ukázať/skryť obsah

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!


Offline Ďuri

Čestný člen
Čestný člen
Ukázať/skryť obsah

Registrovaný: 11.08.07
Príspevky: 4088
Témy: 34 | 34
Bydlisko: Brno
NapísalOffline Ďuri: 26.08.2009 18:12 | Ukázať/skryť obsah

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.


Offline Calligen

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 23.03.08
Prihlásený: 09.11.15
Príspevky: 14
Témy: 3 | 3
Bydlisko: PO
Napísal autor témyOffline Calligen: 26.08.2009 18:19 | Ukázať/skryť obsah

Ď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.


Offline bmatias

Užívateľ
Užívateľ
Ukázať/skryť obsah

Registrovaný: 17.10.06
Prihlásený: 08.11.14
Príspevky: 37
Témy: 1 | 1
Bydlisko: blava
NapísalOffline bmatias: 26.08.2009 19:34 | Ukázať/skryť obsah

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


Offline Snacker

Užívateľ
Užívateľ
Ukázať/skryť obsah

Registrovaný: 31.05.09
Prihlásený: 02.06.17
Príspevky: 562
Témy: 37 | 37
Bydlisko: BegyBen
NapísalOffline Snacker: 26.08.2009 20:48 | Ukázať/skryť obsah

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.


Offline Calligen

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 23.03.08
Prihlásený: 09.11.15
Príspevky: 14
Témy: 3 | 3
Bydlisko: PO
Napísal autor témyOffline Calligen: 26.08.2009 20:55 | Ukázať/skryť obsah

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ť.


Offline Snacker

Užívateľ
Užívateľ
Ukázať/skryť obsah

Registrovaný: 31.05.09
Prihlásený: 02.06.17
Príspevky: 562
Témy: 37 | 37
Bydlisko: BegyBen
NapísalOffline Snacker: 26.08.2009 21:02 | Ukázať/skryť obsah

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


Offline Calligen

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 23.03.08
Prihlásený: 09.11.15
Príspevky: 14
Témy: 3 | 3
Bydlisko: PO
Napísal autor témyOffline Calligen: 26.08.2009 22:33 | Ukázať/skryť obsah

Áno, mám s tým problém. Mám tam len jeden div a nejde to. :-/


Offline Snacker

Užívateľ
Užívateľ
Ukázať/skryť obsah

Registrovaný: 31.05.09
Prihlásený: 02.06.17
Príspevky: 562
Témy: 37 | 37
Bydlisko: BegyBen
NapísalOffline Snacker: 26.08.2009 22:39 | Ukázať/skryť obsah

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


Offline Calligen

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 23.03.08
Prihlásený: 09.11.15
Príspevky: 14
Témy: 3 | 3
Bydlisko: PO
Napísal autor témyOffline Calligen: 26.08.2009 22:45 | Ukázať/skryť obsah

Možno to bude tým, že ten obsah, ktorý sa má skryť/zobraziť je dosť bohatý...


Offline Snacker

Užívateľ
Užívateľ
Ukázať/skryť obsah

Registrovaný: 31.05.09
Prihlásený: 02.06.17
Príspevky: 562
Témy: 37 | 37
Bydlisko: BegyBen
NapísalOffline Snacker: 26.08.2009 22:53 | Ukázať/skryť obsah

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


Offline Calligen

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 23.03.08
Prihlásený: 09.11.15
Príspevky: 14
Témy: 3 | 3
Bydlisko: PO
Napísal autor témyOffline Calligen: 26.08.2009 22:57 | Ukázať/skryť obsah

Ide o warez fórum, čiže zrejme to nebude možné. Skúsim sa s tým ešte pohrať. :-)


Offline error17

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 12.01.10
Prihlásený: 30.06.10
Príspevky: 8
Témy: 2 | 2
NapísalOffline error17: 03.02.2010 18:52 | Ukázať/skryť obsah

Ď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


Offline Ďuri

Čestný člen
Čestný člen
Ukázať/skryť obsah

Registrovaný: 11.08.07
Príspevky: 4088
Témy: 34 | 34
Bydlisko: Brno
NapísalOffline Ďuri: 03.02.2010 18:56 | Ukázať/skryť obsah

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".


Offline error17

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 12.01.10
Prihlásený: 30.06.10
Príspevky: 8
Témy: 2 | 2
NapísalOffline error17: 05.02.2010 13:20 | Ukázať/skryť obsah

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,,


Offline Ďuri

Čestný člen
Čestný člen
Ukázať/skryť obsah

Registrovaný: 11.08.07
Príspevky: 4088
Témy: 34 | 34
Bydlisko: Brno
NapísalOffline Ďuri: 05.02.2010 13:49 | Ukázať/skryť obsah

Hod svoje riesenie, skusime to opravit.


Offline error17

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 12.01.10
Prihlásený: 30.06.10
Príspevky: 8
Témy: 2 | 2
NapísalOffline error17: 05.02.2010 14:35 | Ukázať/skryť obsah

Ď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


Offline pilná lama glama

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 30.04.09
Prihlásený: 11.02.10
Príspevky: 723
Témy: 81 | 81
NapísalOffline pilná lama glama: 05.02.2010 14:44 | Ukázať/skryť obsah

...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 ] 


Ukázať/skryť obsah


Obsah fóra » Softvér » Programovanie, vývoj softvéru a webu » Frontend » Ukázať/skryť obsah


Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
V tomto fóre nie sú ďalšie neprečítané témy.

php nechce ukazat cookies

v Backend

3

356

24.10.2011 18:53

chrono

V tomto fóre nie sú ďalšie neprečítané témy.

Skryť IP

v Sieťové programy

6

456

26.09.2012 19:29

PepeTheDragon

V tomto fóre nie sú ďalšie neprečítané témy.

Skryť/Zobraziť - Funkcia

v Frontend

5

901

16.11.2010 14:19

zaciatocnik

V tomto fóre nie sú ďalšie neprečítané témy.

video, skryt ovladanie prehravaca

v Frontend

3

537

12.07.2011 14:06

weroro

V tomto fóre nie sú ďalšie neprečítané témy.

Skryť časť kódu pri IE6

v Frontend

2

561

26.02.2010 17:32

rsn4ke

V tomto fóre nie sú ďalšie neprečítané témy.

Ako skryt scrollbar v terminaly

v Unix-like systémy

0

503

02.02.2010 23:40

Ivan11114

V tomto fóre nie sú ďalšie neprečítané témy.

skryt IP adresu v lokalnej sieti?

v Sieťové programy

2

1782

09.11.2005 16:03

Luks

V tomto fóre nie sú ďalšie neprečítané témy.

ako skryť .html napriklad kuma.sk/info

v Frontend

7

629

30.11.2014 19:54

Mego

V tomto fóre nie sú ďalšie neprečítané témy.

Ako mam skryt moju IP, resp. zmenit

v Sieťové programy

2

889

15.08.2008 0:23

suchy

V tomto fóre nie sú ďalšie neprečítané témy.

3Ds Max rigg - ako skryť bipedove kosti po riggingu

v Grafické programy

0

581

29.03.2011 18:03

FxEngine

V tomto fóre nie sú ďalšie neprečítané témy.

staticky obsah

v Frontend

1

642

22.03.2009 12:32

jablko05

V tomto fóre nie sú ďalšie neprečítané témy.

Joomla - Obsah

v CMS

2

905

07.12.2008 13:19

mariachi

V tomto fóre nie sú ďalšie neprečítané témy.

Duplicitny obsah

v SEO, marketing a reklama

7

592

22.10.2012 11:23

stenley

V tomto fóre nie sú ďalšie neprečítané témy.

dynamický obsah

v Frontend

2

731

01.06.2009 9:50

pilná lama glama

V tomto fóre nie sú ďalšie neprečítané témy.

C# - ako skryť aktívny formulár a otvoriť druhý formulár

[ Choď na stránku:Choď na stránku: 1, 2, 3 ]

v Backend

67

3076

28.06.2013 22:08

walther

V tomto fóre nie sú ďalšie neprečítané témy.

(La)TeX - obsah

v Ostatné

1

1107

02.01.2007 13:11

m@-nX



© 2005 - 2026 PCforum, edited by JanoF