| Autor | Zpráva | ||
|---|---|---|---|
| fusion Profil * |
#1 · Zasláno: 25. 6. 2010, 11:11:18
Ahojte. Vo formulári chcem pri focuse textovych poli zobraziť napravo od nich tooltipovu bublinu pomocou jQuery, ale vždy keď sa tooltip objaví, tak zaberá miesto v layoute pod inputom. co znamena ze input polia a obsah sa posunu v momente ked sa objavi bublina smerom dolu.. mohli by ste mi s tym niekto pomoct pls?
HTML kod:
<form method='post' action=''>
<span class="legend"> Kontaktný formulár</span>
<p><label>Meno a priezvisko:</label><br />
<input class='text_input' type='text' name='meno' size='45'/><em>Zadajte prosím svoje<br />meno a priezvisko</em>
</p>
<p>
<label>Názov firmy:</label><br />
<input class='text_input' type='text' name='firma' size='45'/><em>Zadajte názov firmy (nepovinné)</em>
</p>
...
</form>
CSS:
em {
background:url(images/bublina.png) no-repeat;
display:none;
width:350px;
height:80px;
padding:25px 5px 0px 5px;
position:relative;
left:350px;
top:-50px;
text-align:center;
z-index:1;
}
form {
margin-left:275px;
background:url(images/form_pozadie.jpg) no-repeat;
padding:5px 25px;
width: 376px;
height: 630px;
}
.text_input {
border:1px #999999 solid;
background-color:#ececec;
position:relative;
}
Javascript:
$(document).ready(function() {
$(".text_input").focus(function(){
$(this).next("em").filter(':not(:animated)').animate({opacity: "show", left: "320"}, "slow");
});
$(".text_input").blur(function(){
$(this).next("em").animate({opacity: "hide", left: "350"}, "fast");
});
});
|
||
| Kcko Profil |
#2 · Zasláno: 25. 6. 2010, 11:17:22
Nastuduj si praci s event. Konkretne s pozicovanim pomoci event.pageX a event.pageY , to ti pomuze.
|
||
| Chamurappi Profil |
#3 · Zasláno: 25. 6. 2010, 11:23:22
Reaguji na fusiona:
Další, co podlehl zákeřnému vábení relativního pozicování? Vlastnost position: relative se hodí prakticky jen a pouze na ukotvení souřadného systému. Posouvání pomocí ní se hodí jen ve velmi výjimečných případech a drtivá většina začátečníků, která jej používá, naráží na zcela přirozený problém s nežádoucí mezerou. Použij absolutní pozicování nebo záporné marginy.
Mimochodem, ignoruješ lidi s vypnutým JavaScriptem? Nebo jim ten text ukážeš nějakým jiným způsobem? Proč <em>?
„mohli by ste mi s tym niekto pomoct pls?“ Uměl bys poprosit ve své mateřštině? Nebo je to moc dlouhé? Moc normální? |
||
|
Časová prodleva: 16 let
|
|||
0