DHTML over FORM
10 отговора
280 прегледа
DHTML over FORM
dhtml-css-menu s layer-4eta... klasika.. pod nego <form> elements.. [especialy <select>] resultata.. form element-ite se pokazvat prez dhtml layer-ite.. mnogo fesnko bug-4e na.. IE.. bravo :)
eto edno miasto v koeto go solve-vat somehow.. oshte ne sum izkopal kak..
[линк]
produljavam da rovichkam.. ako niakoi ot vas se e boril s neshto podobno da pomogne.. she pocherpq.. :)
gracias..
eto edno miasto v koeto go solve-vat somehow.. oshte ne sum izkopal kak..
[линк]
produljavam da rovichkam.. ako niakoi ot vas se e boril s neshto podobno da pomogne.. she pocherpq.. :)
gracias..
Re: DHTML over FORM
mdam,.. i az se sbluskah s edin takaw problem.
ama go reshih po drugia nachin. premestih formata ;)
ama go reshih po drugia nachin. premestih formata ;)
Re: DHTML over FORM
istinski hrabriq voin HE 3HAE na zad... samo napred!.. napred , krugom , i pak napred.. :) anyway.. az niama kak da izbiagam ot current layout-a koito imam.. taka che ritam problema..
eto oshte malko URL-cheta.. i krilati misli..
[линк] [ciala statiika]
[линк] [formu4e]
...."The only possible work-around for this would be to mabey surround the input type in a div and hide it when you have the menu open." [a little hightlight]
osven workarond-a s hide-vaneto na tozi element ot formata.. ima i oshte niakakuv workaround s IE filters:opacity.. neshto takova.. no ne sum mnogo ubeden che znam kak stava ili che ima neshto takova naistina.. haide ! az otivam da scripto-man-stvam i da hide-vam form elements..
leka dohodnosna i bezavariiina na vischki kolegi :)
eto oshte malko URL-cheta.. i krilati misli..
[линк] [ciala statiika]
[линк] [formu4e]
...."The only possible work-around for this would be to mabey surround the input type in a div and hide it when you have the menu open." [a little hightlight]
osven workarond-a s hide-vaneto na tozi element ot formata.. ima i oshte niakakuv workaround s IE filters:opacity.. neshto takova.. no ne sum mnogo ubeden che znam kak stava ili che ima neshto takova naistina.. haide ! az otivam da scripto-man-stvam i da hide-vam form elements..
leka dohodnosna i bezavariiina na vischki kolegi :)
D e s p e r a d o
dobre.. mamka My.. iavno s hide-vane na dadeni form element-cheta.. pri unfoldvaneto na [sohte po-]daden dhtml layer.. koito po niakakva izvratena sluchainost se pada vurhu tiah.. nepriatnia BUG.. namira svoia work around.. no tova e pretty STUPID reshenie.. pone ako si prestavim mnogo form elemnt-i koito iksame da hide-vanme ili elemnti koito overlay-vame partialy... anyway.. nai koftito e che imam TOZI URL
[линк]
v nego po niakakuv nachin sa go napravili maniacite.. i az s priskurbie se bluskam da otkria kak ot izvestno vreme.. no neshto balucheq..
tozi mi post e to all the GURUS out there.. c'mon.. people.. help me out a little
vechno blagodaren.. didko
[линк]
v nego po niakakuv nachin sa go napravili maniacite.. i az s priskurbie se bluskam da otkria kak ot izvestno vreme.. no neshto balucheq..
tozi mi post e to all the GURUS out there.. c'mon.. people.. help me out a little
vechno blagodaren.. didko
Re: D e s p e r a d o
Аз го постигнах по 2 начина (IE 6, не съм го пробвал на други)
1. <HTML><HEAD><TITLE></TITLE></HEAD>
<BODY>
<DIV ID="testDiv" STYLE="z-index : 3; position : absolute; width : 200px; height : 100px; background-color : green; top : 100px; left : 45px;">This DIV must be Over INPUT</DIV>
<DIV ID="formDiv" STYLE="z-index : 2; position : absolute; top : 120px;">
<FORM NAME="testForm">
<INPUT TYPE="text" NAME="textTest" SIZE="25" VALUE="this is test">
</FORM>
</DIV>
</BODY></HTML>
2. <HTML><HEAD><TITLE></TITLE></HEAD>
<BODY>
<BR>
<DIV ID="testDiv" STYLE="z-index : 3; position : absolute; width : 200px; height : 100px; background-color : green; top : 0px; left : 45px;">This DIV must be Over INPUT</DIV>
<FORM NAME="testForm">
<INPUT TYPE="text" NAME="textTest" SIZE="25" VALUE="this is test">
</FORM>
</BODY></HTML>
Общото е, че DIVа и в 2та случая е абсолютно позициониран.
Когато INPUTа е в DIV той трябва също да е абсолютно позициониран и със po-малък zindex.
P.S. Пробвах втория начин на Mozilla 1.3, Netscape 6.2 и Opera 7.0 и си беше ОК.
Най-същественото е невидимо за очите
1. <HTML><HEAD><TITLE></TITLE></HEAD>
<BODY>
<DIV ID="testDiv" STYLE="z-index : 3; position : absolute; width : 200px; height : 100px; background-color : green; top : 100px; left : 45px;">This DIV must be Over INPUT</DIV>
<DIV ID="formDiv" STYLE="z-index : 2; position : absolute; top : 120px;">
<FORM NAME="testForm">
<INPUT TYPE="text" NAME="textTest" SIZE="25" VALUE="this is test">
</FORM>
</DIV>
</BODY></HTML>
2. <HTML><HEAD><TITLE></TITLE></HEAD>
<BODY>
<BR>
<DIV ID="testDiv" STYLE="z-index : 3; position : absolute; width : 200px; height : 100px; background-color : green; top : 0px; left : 45px;">This DIV must be Over INPUT</DIV>
<FORM NAME="testForm">
<INPUT TYPE="text" NAME="textTest" SIZE="25" VALUE="this is test">
</FORM>
</BODY></HTML>
Общото е, че DIVа и в 2та случая е абсолютно позициониран.
Когато INPUTа е в DIV той трябва също да е абсолютно позициониран и със po-малък zindex.
P.S. Пробвах втория начин на Mozilla 1.3, Netscape 6.2 и Opera 7.0 и си беше ОК.
Най-същественото е невидимо за очите
RastaMan Vibration
muchos gracias senior.. :) blagodaria ti naistina.. no ironic elementa v suchaia e che sepcialno input element-a ot form-elementite.. e "ot dobrite" - s nego si niamame problemi.. ako iskame da go overlap-nem s malko dhtml..
Q: koi sa loshite?
А: loshite sa.. textarea.. i select..
opitai s tiah. ne iskam da zvucha negativistichno no mi se struva che niama da e sushtoto.. anyway thanks za sudeistvieto
Q: koi sa loshite?
А: loshite sa.. textarea.. i select..
opitai s tiah. ne iskam da zvucha negativistichno no mi se struva che niama da e sushtoto.. anyway thanks za sudeistvieto
Re: RastaMan Vibration
Да
Изказал съм се неподготвен
Не ми се е налагало да го решавам точно този проблем по-рано.
Обаче добрата новина е, че май имама решение на проблема ти.
Това не е точно бъг. Причината е, че комбо-боксовете и едит полетата и др. са Windows контроли. Това означава, че сами по себе си са Windows-и - имат собствени handle и могат да получават съобщения от други Windows апита. Другите браузери имат свои имплементации и не ползват Windows контроли.
Решението е popup обекта. Ето го и примера:
<HTML><HEAD>
<TITLE></TITLE>
<SCRIPT LANGUAGE="JavaScript">
var oPopup = window.createPopup();
function ButtonClick()
{
var oPopBody = oPopup.document.body;
oPopBody.style.backgroundColor = "green";
oPopBody.style.border = "solid red 1px";
oPopBody.innerHTML = "Click outside <B>popup</B> to close.";
oPopup.show(35, 100, 200, 100, document.body);
}
</SCRIPT>
</HEAD>
<BODY>
<DIV ID="formDiv" STYLE="z-index : 2; position : absolute; top : 120px;">
<FORM NAME="testForm">
<INPUT TYPE="text" NAME="textTest" SIZE="25" VALUE="this is test"><BR>
<SELECT NAME="selecta" ID="selectObject">
<OPTION VALUE="0"> one
<OPTION VALUE="1"> two
<OPTION VALUE="3"> tree
</SELECT>
</FORM>
bla bla bla<BR>
kva kva kva
</DIV>
<BUTTON onclick="ButtonClick()">Click Me!</BUTTON>
</BODY></HTML>
Това, обаче работи само в IE 5.5+. За другите не IE браузери да се генерира DIV ще е достатъчно, мисля.

Най-същественото е невидимо за очите
Изказал съм се неподготвен
Обаче добрата новина е, че май имама решение на проблема ти.
Това не е точно бъг. Причината е, че комбо-боксовете и едит полетата и др. са Windows контроли. Това означава, че сами по себе си са Windows-и - имат собствени handle и могат да получават съобщения от други Windows апита. Другите браузери имат свои имплементации и не ползват Windows контроли.
Решението е popup обекта. Ето го и примера:
<HTML><HEAD>
<TITLE></TITLE>
<SCRIPT LANGUAGE="JavaScript">
var oPopup = window.createPopup();
function ButtonClick()
{
var oPopBody = oPopup.document.body;
oPopBody.style.backgroundColor = "green";
oPopBody.style.border = "solid red 1px";
oPopBody.innerHTML = "Click outside <B>popup</B> to close.";
oPopup.show(35, 100, 200, 100, document.body);
}
</SCRIPT>
</HEAD>
<BODY>
<DIV ID="formDiv" STYLE="z-index : 2; position : absolute; top : 120px;">
<FORM NAME="testForm">
<INPUT TYPE="text" NAME="textTest" SIZE="25" VALUE="this is test"><BR>
<SELECT NAME="selecta" ID="selectObject">
<OPTION VALUE="0"> one
<OPTION VALUE="1"> two
<OPTION VALUE="3"> tree
</SELECT>
</FORM>
bla bla bla<BR>
kva kva kva
</DIV>
<BUTTON onclick="ButtonClick()">Click Me!</BUTTON>
</BODY></HTML>
Това, обаче работи само в IE 5.5+. За другите не IE браузери да се генерира DIV ще е достатъчно, мисля.
Най-същественото е невидимо за очите
Re: RastaMan Vibration
blagodarq ti choveko.. :)
radvam se che uspiah da nameria knowledgable help v clubs.dir.bg finaly..
thanks again..
Respeq!
radvam se che uspiah da nameria knowledgable help v clubs.dir.bg finaly..
thanks again..
Respeq!
Re: Last question really...
tova opredeleno e nai hitria workaround na tozi problem koito sum vijdal.. super e.. samo deto az iskam cialoto tova show hide vane na layer..d a go priloja.. v onMouseOver - onMouseOut.. functionality.. taka che smi triabva da handle-na triger-na.. ili kakto tam se kazva suotvetnia. click s mishkata vurhu docuementa.. koito close-va tozi ie-specific-popUp win... tova veche e glezotia da pitam i za tova.. no vse pak.. :) if s.o. can help me.. my blagodarq..
6ut Your f-en face unckle-f-er..
var oPopup = window.createPopup();
function showPopUp() {
var oPopBody = oPopup.document.body;
oPopBody.style.backgroundColor = "#0099CC";
oPopBody.innerHTML = "kava kva";
oPopup.show(223, 79, subServices.w, subServices.h, document.body);
}
function hidePopUp() {
oPopup.hide();
}
DHTML over FLASH ?
...a neshto za edno menu, koeto pada vurhu Flash ? Za sujalenie pada zad flash-a