Obsah fóra
PravidláRegistrovaťPrihlásenie




Odpovedať na tému [ Príspevkov: 4 ] 
AutorSpráva
Offline

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

Registrovaný: 21.09.08
Prihlásený: 14.11.17
Príspevky: 225
Témy: 74
Bydlisko: Michalovce
Príspevok NapísalOffline : 01.06.2010 12:41

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> &nbsp;

<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> &nbsp;

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


Offline

Čestný člen
Čestný člen
Obtekanie prvku

Registrovaný: 11.08.07
Príspevky: 4088
Témy: 34
Bydlisko: Brno
Príspevok NapísalOffline : 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.


Offline

Užívateľ
Užívateľ
Obtekanie prvku

Registrovaný: 05.09.09
Príspevky: 1141
Témy: 127
Bydlisko: Lehota pod ...
Príspevok NapísalOffline : 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?


Offline

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

Registrovaný: 21.09.08
Prihlásený: 14.11.17
Príspevky: 225
Témy: 74
Bydlisko: Michalovce
Príspevok Napísal autor témyOffline : 01.06.2010 19:22

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.js
Kó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';
   }
}


html

Kód:
<div id=moznosti   style="display: none; margin-top: -45px">
modrá <br>
hnedá <br>
zelená <br>
čierna <br>
</div>
 <b>Vstup1:</b> &nbsp;

<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> &nbsp;
<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..


Odpovedať na tému [ Príspevkov: 4 ] 


Podobné témy

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

v HTML, XHTML, XML, CSS

3

638

16.09.2007 13:50

Bananslovak Zobrazenie posledných príspevkov

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

v HTML, XHTML, XML, CSS

2

853

12.07.2012 15:14

Ďuri Zobrazenie posledných príspevkov

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

v HTML, XHTML, XML, CSS

4

575

01.12.2007 11:43

emer Zobrazenie posledných príspevkov

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

v JavaScript, VBScript, Ajax

1

398

08.02.2012 22:27

shaggy Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Identifikácia prvku poľa

v PHP, ASP

4

560

12.03.2009 22:49

cube2 Zobrazenie posledných príspevkov

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

v Databázy

10

868

24.10.2008 20:44

final Zobrazenie posledných príspevkov

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

v HTML, XHTML, XML, CSS

10

632

11.08.2007 18:07

M4rek Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Ako zistiť výšku prvku

v JavaScript, VBScript, Ajax

2

479

02.08.2011 7:15

camo Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Zistenie aktualneho prvku pola - stringrid

v Delphi, Visual Basic

2

482

13.06.2013 23:20

Gregi555 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. testovanie prvku pola char [C++]

v Assembler, C, C++, Pascal, Java

6

475

06.07.2010 8:09

koso Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. náhodný výber s váhou prvku

v Databázy

4

624

19.02.2009 20:04

rooobertek Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. vyber z databazy po jednom prvku

v Databázy

2

257

07.03.2013 17:21

stenley Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Výber podľa jedného prvku v stlpci

v Databázy

11

741

21.01.2011 11:09

emer Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. da sa nastavit sirka vo formulari, prvku select?

v HTML, XHTML, XML, CSS

8

567

19.09.2008 13:06

dulius Zobrazenie posledných príspevkov


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

Skočiť na:  

Powered by phpBB Jarvis © 2005 - 2024 PCforum, webhosting by WebSupport, secured by GeoTrust, edited by JanoF
Ako väčšina webových stránok aj my používame cookies. Zotrvaním na webovej stránke súhlasíte, že ich môžeme používať.
Všeobecné podmienky, spracovanie osobných údajov a pravidlá fóra