Zandis Murāns Posted September 23, 2008 Report Posted September 23, 2008 (edited) Kā lai uzliek divu pa virsu formai tā, lai elementi zem tā būtu redzami, bet nebūtu rediģējami? Edited September 23, 2008 by Zandis Murāns
andrisp Posted September 23, 2008 Report Posted September 23, 2008 Kā uzlikt div'u uz formas ? position: absolute vai relative (atkarībā no tā kā tev viss tur uztaisīts) left un top width un height formas lielumā. Bet vispār varbūt pietiek vienkārši ar formas elementu disablēšanu ?
Zandis Murāns Posted September 23, 2008 Author Report Posted September 23, 2008 Nē, nepietiek. Man vajag padarīt formu par nerediģējamu, taču dizeiblot katru elementu es nedrīkstu. Ne-drīks-tu. Ja es lieku to divu ar platumu un augstumu 100%, tad viņa izstiepjas tikai pa tekošo redzamo lapas daļu, nevis par visu HTMLu, tātad, ja forma būs pa divām lapām (varēs parullēt uz leju), apakšējā daļai nebūs virsū tas divs.
bubu Posted September 23, 2008 Report Posted September 23, 2008 input laukiem ir tāds readonly attribūts: http://www.w3.org/TR/html401/interact/forms.html#h-17.12.2
Zandis Murāns Posted September 23, 2008 Author Report Posted September 23, 2008 Kāds tam atribūtam sakars ar to divu?
indoom Posted September 23, 2008 Report Posted September 23, 2008 Tad tikai ar javaskriptu var noteikt pilno lapas izmēru. Ja-va-skrip-tu. Vai arī, ja formai ir nemainīgs lielums, var arī uzreiz rakstīt augstumu pikseļos. Var arī katram elementam uzlikt onfocus="this.blur()", ja nav radio pogas vai ķekši
Zandis Murāns Posted September 23, 2008 Author Report Posted September 23, 2008 Kā var ar javaskriptu noteikt pilno lapas augstumu? Vai tas strādās gan uz IE, gan Operas, gan uz tā laga Firefox?
andrisp Posted September 23, 2008 Report Posted September 23, 2008 Kā kāds sakars ? Nu nebūs labojams. Par to div pozicionēšanu: 1. Iewrapo formu kādā elementā (vai arī izmanto to pašu <form> tagu), kam norādi position: relative; 2. Pārklāšanas div'am norādit position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index arī, iespējams, vajadzēs. Šim divam obligāti jāatrodas iekš wrapojošā elementa.
indoom Posted September 23, 2008 Report Posted September 23, 2008 uz IE6 andrisp variants nedarbosies, bet doma laba Lapas augstumu nosaka ar var h = window.innerHeight && window.scrollMaxY ? window.innerHeight + window.scrollMaxY : document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight;
Zandis Murāns Posted September 23, 2008 Author Report Posted September 23, 2008 indoom, šķiet, tas būs tas, ko es meklēju, paldies.
bubu Posted September 23, 2008 Report Posted September 23, 2008 Kāds tam atribūtam sakars ar to divu? Nu tu tak prasīji kā padarīt formas laukus nerediģējamus. Nesprotu kāpēc jālieto kautkāds hakains divs, tāpēc ieteicu variantu kādu lieto normālā situācijā - padarīt laukus readonly. Tad nevarēs tos rediģēt.
Zandis Murāns Posted September 23, 2008 Author Report Posted September 23, 2008 Bet jautājums tak bija par to, kā to divu tur uzbāzt virsū.
andrisp Posted September 23, 2008 Report Posted September 23, 2008 Zandi, ja atbildētājam liekas, ka ir vienkāršāks un jēdzīgāks variants kā panākt tieši to pašu efektu, tad kāpēc gan viņš to nevarētu pateikt ? Vai arī tev vienkārši gribas pakašķēties?
Zandis Murāns Posted September 23, 2008 Author Report Posted September 23, 2008 Ja es htmlu zinātu labāk, tad gan jau es nebūtu samulsis, bet es vienkārši nesaskatīju sakaru starp div blokiem un input lauku atribūtiem.
indoom Posted September 23, 2008 Report Posted September 23, 2008 Par to div pozicionēšanu:1. Iewrapo formu kādā elementā (vai arī izmanto to pašu <form> tagu), kam norādi position: relative; 2. Pārklāšanas div'am norādit position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index arī, iespējams, vajadzēs. Šim divam obligāti jāatrodas iekš wrapojošā elementa. Vispār šis variants arī var darboties uz visiem browseriem, un tad nav jāizmanto javascripts atsevišķi. Tikai jāpieliek hacks IE6 ar #paarklaajoshais_div { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index:10; } * html #paarklajoshais_div { height:expression(this.parentElement.offsetHeight); width:100%; } /* IE6 hacks */ lai arī IE6 aizklātu līdz apakšai. Pārāk testēts nav, bet uz ātro testu darbojās
Recommended Posts