| | |
| Stránka: 1 z 1
| [ Príspevkov: 4 ] | |
Autor | Správa |
---|
Registrovaný: 21.09.08 Prihlásený: 14.11.17 Príspevky: 225 Témy: 74 Bydlisko: Michalovce |
Nazdarek..mam urobeny takyto script:
Kód: <style> .uprav { width: 400px; height: auto; color: #2244ff; background: white; position: relative; z-index: 1; top: -5px; left: 40px; }
</style>
<script> function moznosti1() { if (document.getElementById('ponuka_moznosti1').style.display == 'block') { document.getElementById('ponuka_moznosti1').style.display = 'none';
} else { document.getElementById('ponuka_moznosti1').className = 'uprav'; document.getElementById('ponuka_moznosti1').style.display = 'block'; } }
function moznosti2() { ....... }
</script>
<form>
<div id=ponuka_moznosti1 style="display:none">
ponuka1a <br> ponuka1b <br> ponuka1c <br> ponuka1d <br>
</div>
<b>Možnosti 1:</b>
<input name="vstup_moznosti1" id="vstup_moznosti1" onClick="moznosti1();" type="text" size="60" maxlength="70" > <br><br>
<div id=ponuka_moznosti2 style="display:none">
ponuka2a <br> ponuka2b <br> ponuka2c <br> ponuka2d <br>
</div>
<b>Možnosti 2:</b>
<input name="vstup_moznosti2" id="vstup_moznosti2" onClick="moznosti2();" type="text" size="60" maxlength="70" > <br><br>
<input type="Submit" name="odosli" value="Odošli"> </form> No a problem je, ze mi po otvoreni ponuka_moznosti1 zobrazi block, ktory posunie zvysok textu nadol (cize je ovplyneny zvysok textu).. Ja by som to potreboval doriesit tak, ze mi tie moznosti budu prekryvat text a zvysok textu(stranky) nebude ovplyvnovani-posuvany.. Skusal som to cez z-index no nejako to nefunguje..skusal som tym inputom nastavovat aj vlastnost clear, no ani to nezabralo.. Funguje to iba vtedy, ak mam nastavanu vlastnost Kód: position: absolute; No a to prave nechcem..neviete mi niekto poradit ako na to?? Je aj ina moznost, ako pouzit vlastnost position: absolute??
|
|
Registrovaný: 11.08.07 Príspevky: 4088 Témy: 34 Bydlisko: Brno | Napísal Ďuri: 01.06.2010 15:11 | |
|
Minimalne to, aby sa pri zobrazovani/skryvani text neposuval, sa vyriesit da - skryvaj cez visibility: hidden. Mozno si to potom napoziciujes tak, ako budes chciet.
Z-index funguje iba na poziciovane prvky.
|
|
Registrovaný: 05.09.09 Príspevky: 1141 Témy: 127 Bydlisko: Lehota pod ... | Napísal camo: 01.06.2010 17:34 | |
|
Lenže visibility:hidden funguje tak, že ten prvok tam akoby je/zaberá miesto. A to čo on chcem sa asi bez position:absolute nedá vyriešiť.
To je jediný spôsob ako zaistiť, aby ostatný obsah nereagoval na daný prvok a aby ho tento prekrýval, treba ho umiestniť za daný kód(ten čo má byť prekrytý)a napozicovať nad ten kód, alebo mu nastaviť z-index a potom môže byť aj na začiatku. Na vrchu je prirodzene to, čo je v kóde neskôr(keď sa pozicuje).
Alebo snáď existuje ešte nejaký iný spôsob, ktorý mi ušiel?
|
|
Registrovaný: 21.09.08 Prihlásený: 14.11.17 Príspevky: 225 Témy: 74 Bydlisko: Michalovce |
No ak by som pouzil visibility: hidden tak naozaj plati to co povedal camo. Ten prvok "tam je" a ak sa jedna napr. o inputy co je môj pripad, tak sa moc toho robit neda...totiz akonahle zasahuje nasledujuci hidden prvok do predchadzajuceho, jednoducho sa na neho neda kliknut..No skusal som sa stym hrat a nakoniec jedine riesenie ktore bolo funkcne vyzera asi takto:
style.css
Kód: .view { width: 400px; height: auto; color: #2244ff; background: white; border: 1px solid black; position: absolute; z-index: 1; } javascript.jsKód: function zobraz_moznosti() { if (document.getElementById('moznosti').style.display == 'block') { document.getElementById('moznosti').style.display = 'none'; } else { document.getElementById('moznosti').className = 'view'; document.getElementById('moznosti').style.display = 'block'; } } htmlKód: <div id=moznosti style="display: none; margin-top: -45px"> modrá <br> hnedá <br> zelená <br> čierna <br> </div> <b>Vstup1:</b>
<input name="vstup1" id="vstup1" onClick="zobraz_moznosti();" type="text" class="field" size="65" maxlength="200" > <br><br>
<div id=moznosti style="display: none; margin-top: -85px"> modrá1 <br> hnedá1 <br> zelená1 <br> čierna1 <br> zelená1 <br> čierna1 <br> </div>
<b> Vstup2:</b> <input name="vstup2" id="vstup2" onClick="zobraz_moznosti();" type="text" class="field" size="65" maxlength="200" > <br><br>
Cize kazdemu prvku bude treba zvlast nastavovat "posunutie". A kedze je to pozicia absolutna, najlepsie to ide cez margin, popripade este padding. Teda da sa to este poziciovat cez top a left, ale to uz je moc pracne..navyse ak berieme do uvahy aj IE.. Na nic lepsie som bohuzial neprisiel..Ak pozna niekto lepsie riesenie, sem s nim Kazda rada dobra..
|
|
| Stránka: 1 z 1
| [ Príspevkov: 4 ] | |
Podobné témy | Témy | Odpovede | Zobrazenia | Posledný príspevok |
---|
| Obtekanie a vlastnost clear v HTML, XHTML, XML, CSS | 3 | 638 | 16.09.2007 13:50 Bananslovak | | obtekanie textu okolo obrazka v HTML, XHTML, XML, CSS | 2 | 853 | 12.07.2012 15:14 Ďuri | | Umiestnenie prvku v HTML, XHTML, XML, CSS | 4 | 575 | 01.12.2007 11:43 emer | | jquery: pozicia prvku v JavaScript, VBScript, Ajax | 1 | 398 | 08.02.2012 22:27 shaggy | | Identifikácia prvku poľa v PHP, ASP | 4 | 560 | 12.03.2009 22:49 cube2 | | Zistenie poradia prvku v Databázy | 10 | 868 | 24.10.2008 20:44 final | | Pridanie prvku v css v HTML, XHTML, XML, CSS | 10 | 632 | 11.08.2007 18:07 M4rek | | Ako zistiť výšku prvku v JavaScript, VBScript, Ajax | 2 | 479 | 02.08.2011 7:15 camo | | Zistenie aktualneho prvku pola - stringrid v Delphi, Visual Basic | 2 | 482 | 13.06.2013 23:20 Gregi555 | | testovanie prvku pola char [C++] v Assembler, C, C++, Pascal, Java | 6 | 475 | 06.07.2010 8:09 koso | | náhodný výber s váhou prvku v Databázy | 4 | 624 | 19.02.2009 20:04 rooobertek | | vyber z databazy po jednom prvku v Databázy | 2 | 257 | 07.03.2013 17:21 stenley | | Výber podľa jedného prvku v stlpci v Databázy | 11 | 741 | 21.01.2011 11:09 emer | | da sa nastavit sirka vo formulari, prvku select? v HTML, XHTML, XML, CSS | 8 | 567 | 19.09.2008 13:06 dulius |
| 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
|
|