Jump to content
php.lv forumi

Kā lai uzliek divu pa virsu formai?


Zandis Murāns

Recommended Posts

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.

Link to comment
Share on other sites

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

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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;

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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

Link to comment
Share on other sites

×
×
  • Create New...