Archívum - Május 26, 2016 - Fórum téma
divek egymásbaágyazva pozícionálással
Sziasztok!
Van egy divekből összerakott felület, aminek az elhelyezésével, és méretezésével van gondom...css: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.
Van egy divekből összerakott felület, aminek az elhelyezésével, és méretezésével van gondom...
<div id="workContent">
<div id="workContentBorder">
<h1>Alkusz: új kliens felvétele</h1>
<div id="workContentData">
...tartalom...
</div>
</div>
</div>
#workContent {
display: block;
position: relative;
min-height: 50px;
max-height: 500px;
height: auto;
margin: 70px auto 50px auto;
padding: 3px;
border-radius: 5px;
background: linear-gradient(to top, #C4C4C4 0%,#FFFFFF 100%);
z-index: 1;
}
#workContentBorder, #menuContentBorder {
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: 5px 5px 17px 5px;
border:solid 1px gray;
border-radius:3px;
padding:5px;
padding-bottom: 6px;
box-shadow:1px 1px 0 0 rgba(255,255,255,0.8);
}
#workContentData {
display: block;
position: relative;
width: calc( 100% - 12px );
max-height: 423px;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow-y: scroll;
border-radius: 3px;
border-left: solid 1px gray;
border-top: solid 1px gray;
background: lightgray;
box-shadow: 1px 1px 0 0 rgba(255,255,255, 1);
min-width: 100px;
margin: 0 10px 0 0;
padding: 5px;
}
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?
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.: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: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á?
■ 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.:
<select id="kacsasult"><option>Akármi</option></select><script>$("#kacsasult").select2()</script>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:
<script>$.parent("#kacsasult").select2()</script>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á?
