ugrás a tartalomhoz

Archívum - Május 26, 2016

divek egymásbaágyazva pozícionálással

Theo76 · 2016. Május. 26. (Cs), 14.02
Sziasztok!

Van egy divekből összerakott felület, aminek az elhelyezésével, és méretezésével van gondom...
  1. <div id="workContent">  
  2.     <div id="workContentBorder">  
  3.         <h1>Alkusz: új kliens felvétele</h1>  
  4.         <div id="workContentData">  
  5. ...tartalom...  
  6.         </div>  
  7.     </div>  
  8. </div>  
css:
  1. #workContent {  
  2.     displayblock;  
  3.     positionrelative;  
  4.     min-height50px;  
  5.     max-height500px;  
  6.     heightauto;  
  7.     margin70px auto 50px auto;  
  8.     padding3px;  
  9.     border-radius: 5px;  
  10.     background: linear-gradient(to top#C4C4C4 0%,#FFFFFF 100%);  
  11.     z-index1;  
  12. }  
  13.   
  14. #workContentBorder, #menuContentBorder {  
  15.     top: 0;  
  16.     right: 0;  
  17.     bottom: 0;  
  18.     left: 0;  
  19.     margin5px 5px 17px 5px;  
  20.     border:solid 1px gray;  
  21.     border-radius:3px;  
  22.     padding:5px;  
  23.     padding-bottom6px;  
  24.     box-shadow:1px 1px 0 0 rgba(255,255,255,0.8);  
  25. }  
  26.   
  27. #workContentData {  
  28.     displayblock;  
  29.     positionrelative;  
  30.     width: calc( 100% - 12px );  
  31.     max-height423px;  
  32.     top: 0;  
  33.     bottom: 0;  
  34.     left: 0;  
  35.     right: 0;  
  36.     overflow-y: scroll;  
  37.     border-radius: 3px;  
  38.     border-leftsolid 1px gray;  
  39.     border-topsolid 1px gray;  
  40.     background: lightgray;  
  41.     box-shadow: 1px 1px 0 0 rgba(255,255,2551);  
  42.     min-width100px;  
  43.     margin0 10px 0 0;  
  44.     padding5px;  
  45. }  
Amit kellene csinálnia:
a workContent a fő ablak, középen kell lenni, a magasságát úgy kellene meghatároznom, hogy a div felső széle 70px-re legyen a felső vonalhoz képest, a magasságát mindig az adott tartalom határozza meg (ami a workContentData divbe töltődik be), de a div alsó széle maximum 50px-re lehet kell hogy legyen a a böngésző ablak alsó széléhez képest.
A gond az, hogy eddig csak fixre sikerült megoldanom a méreteket, de ha pl valaki nagyobb felbontáson nézi, akkor túl kicsi lesz, ha alacsony, akkor meg esetleg túl nagy az ablak magassága.

jquery currentScript.parent megoldás létezik?

gtoma · 2016. Május. 26. (Cs), 10.36
Sziasztok!

szembekerültem egy problémával, nem találok megoldást, hátha van 5letetek.

A felület amit csinálok ajax alapú. jQueryt használok.

A formok ajaxban érkeznek, és értelem szerűen vannak form elemek, amikhez scriptek csatlakoznak. pl.:
  1. <select id="kacsasult"><option>Akármi</option></select>  
  1. <script>$("#kacsasult").select2()</script>  
Teljesen jól működik, de belefutottam, hogy vannak olyan form elemek, melyeket ismételni kell, ha a user többet visz fel. pl.: számlánál a termékek.

A megoldás kézenfekvő. Az ilyen elem blokkokat beteszem egy divbe, és clónozom, a megfelelő eseményre - pl megnyom egy "új" gombot.

igen ám, de klónozáskor 2 ugyan olyan id lesz, ami szétüti a dolgot.
Erre megoldásként azt találtam ki, hogy jó lenne a scripteknél a célzást valahogy így megadni:
  1. <script>$.parent("#kacsasult").select2()</script>  
ahol is a $.parent egy saját funkcó lenne. Megkeresné hol van az éppen futó script tag, annak a parentjét keresné, és azon BELÜL findelné a #kacsasult -et.

Sajnos azonban vagy rosszul keresek, vagy nincs olyan lehetőség, hogy egy éppen futó <script> tag helyét megtaláljam a dom ban.

Ötletek rá?