Autor | Zpráva | ||
---|---|---|---|
maxAV Profil |
#1 · Zasláno: 4. 2. 2005, 08:51:48 · Upravil/a: maxAV
Ahoj,
jde nejak jednoduse javascriptem na click schovat/zobrazit DIV? |
||
Oswald Profil * |
#2 · Zasláno: 4. 2. 2005, 09:19:30
Například takhle:
Píšu to z hlavy, snad je to ok. |
||
Oswald Profil * |
#3 · Zasláno: 4. 2. 2005, 09:22:21
Pardon, ta funkce se musí jmenovat:
divVisibility |
||
Oswald Profil * |
#4 · Zasláno: 4. 2. 2005, 09:24:44
Ještě jednou sorry, aby Tě nemátl, ona se tak jenovat nemusí, ale v těch odkazech se volá funkce s názvem divVisibility. Takže v tomhle případě - aby to fungovalo - se tak jmenovat musí.
|
||
maxAV Profil |
#5 · Zasláno: 4. 2. 2005, 10:14:23
diky moc!
vyzkousim to, s tim jmenem fce je mi to jasny ;) |
||
maxAV Profil |
#6 · Zasláno: 4. 2. 2005, 18:20:07
tak perfekt, funguje to! ted bych potreboval aby se potom co DIV klikem schovam posunul nahoru obsah ktery byl pod nim... zatim mi tam po nem zustane dira.
|
||
Honza Hučín Profil |
#7 · Zasláno: 4. 2. 2005, 18:47:35
V tom případě neměň visibility, ale display.
Tedy ve funkci bude document.getElementById('skryvaci').style.display=stav; a parametr stav bude mít hodnoty "block" nebo "none". |
||
maxAV Profil |
#8 · Zasláno: 6. 2. 2005, 09:18:21
diky, vyzkouseno, funguje!
|
||
Časová prodleva: 18 dní
|
|||
Crewer Profil |
#9 · Zasláno: 24. 2. 2005, 21:01:54
tohle je pravda, ale co když to potřebuju udělat pro více id na jedné stránce? jak to nastavit tak, aby ta funkce byla i provícero divů?
díky |
||
Fred Profil |
#10 · Zasláno: 24. 2. 2005, 23:24:46
To už není tak jednoduché, tohle jsem narychlo zbastlil (IE5+,gecko,Opera) , skrývá to divy které mají titulek skryvaci.
<style type="text/css"> <!-- .skryto{display:none;} .neskryto{display:block;} --> </style> <script type="text/javascript"> <!-- function sh() { var divy = document.getElementsByTagName('div'); for (var i = 0; i < divy.length; i++) { var popisek = divy[i].getAttribute('title'); if (popisek == 'skryvaci'){ divy[i].className='skryto'; divy[i].removeAttribute('title'); divy[i].setAttribute('title','skryto'); } if (popisek == 'skryto'){ divy[i].className='neskryto'; divy[i].removeAttribute('title'); divy[i].setAttribute('title','skryvaci'); } }} function init() { document.getElementById('skryvac').onclick= function(){sh();} } function addEvent(obj, evType, fn){ if (obj.addEventListener){ obj.addEventListener(evType, fn, true); return true; } else if (obj.attachEvent){ var r = obj.attachEvent("on"+evType, fn); return r; } else { return false; }} addEvent(window, 'load', init); //--> </script> <a id="skryvac">Schovat nebo ukázat divy s titlem skryvaci</a><br /> <div title="skryvaci">skrývací 1</div> <div title="skryvaci">skrývací 2</div> <div>neskrývací</div> |
||
Fred Profil |
#11 · Zasláno: 24. 2. 2005, 23:48:33
Ještě jsem to trochu došperkoval
<style type="text/css"> <!-- .skryto{display:none;} .neskryto{display:block;} --> </style> <script type="text/javascript"> <!-- function removeText(){ var skryvac=document.getElementById('skryvac'); skryvacChild=skryvac.removeChild(skryvac.childNodes[0]); } function text(hlaska){ removeText(); var newText=document.createTextNode(hlaska); document.getElementById('skryvac').appendChild(newText); } function sh() { var divy = document.getElementsByTagName('div'); for (var i = 0; i < divy.length; i++) { var popisek = divy[i].getAttribute('title'); if (popisek == 'skryvaci'){ divy[i].className='skryto'; divy[i].removeAttribute('title'); divy[i].setAttribute('title','skryto'); text('Ukázat divy s titlem skryvaci') } if (popisek == 'skryto'){ divy[i].className='neskryto'; divy[i].removeAttribute('title'); divy[i].setAttribute('title','skryvaci'); text('Schovat divy s titlem skryvaci') }}} function init() { document.getElementById('skryvac').onclick= function(){sh();} } function addEvent(obj, evType, fn){ if (obj.addEventListener){ obj.addEventListener(evType, fn, true); return true; } else if (obj.attachEvent){ var r = obj.attachEvent("on"+evType, fn); return r; } else { return false; }} addEvent(window, 'load', init); //--> </script> <a id="skryvac">Schovat divy s titlem skryvaci</a><br /> <div title="skryvaci">skrývací 1</div> <div title="skryvaci">skrývací 2</div> <div>neskrývací</div> |
||
Crewer Profil |
#12 · Zasláno: 25. 2. 2005, 15:09:10
tý jo díky moc, prohlídnu to :-) díky moc za radu nějak se tim prokoušu a snad se mi podaří to převést do formy, kterou potřebuju :-) díky díky díky
|
||
Crewer Profil |
#13 · Zasláno: 25. 2. 2005, 15:33:23
tý jo díky moc, prohlídnu to :-) díky moc za radu nějak se tim prokoušu a snad se mi podaří to převést do formy, kterou potřebuju :-) díky díky
|
||
Crewer Profil |
#14 · Zasláno: 25. 2. 2005, 15:36:44
tak jsem to prohlíd, ale bohužel to neni to, co potřebuju, potřebuju na jedné stránce udělat různé odkazy, po kliknu tí na první, se oteře první div, po kliknutí na druhej se otevře druhej div, mám to vymyšlený, ale nevim, jak to udělat aby po kliknutí na nějakej odkaz (v tom otevíraném duvu) a následném vrácení zpět zůstal ten div s odkazem otevřený. to je havní můj problém.
|
||
Crewer Profil |
#15 · Zasláno: 25. 2. 2005, 15:44:22 · Upravil/a: Crewer
_
|
||
Crewer Profil |
#16 · Zasláno: 25. 2. 2005, 15:45:48 · Upravil/a: Crewer
.
|
||
Fred Profil |
#17 · Zasláno: 25. 2. 2005, 18:16:51
Už rozumím, k tomu potřebuješ nějaké cookies
|
||
Crewer Profil |
#18 · Zasláno: 25. 2. 2005, 19:07:00
přesně tak... to bych moc rád, ale s tim nic neumim, ač jsem se dneska celej den zaobíral jen tímhle... :-)
|
||
Časová prodleva: 19 let
|
Toto téma je uzamčeno. Odpověď nelze zaslat.
0