Hello,
I begin to work with JQuery and I try some effects on a form. I've got
a form inside a <div> and I apply an effect on that div. Here is the
code :
<div id="login_frame">
<img src="pix/lock.png" id="lock" width="32px" height="32px"/>
<div style="margin:45 60 0 60; text-align:center;">
<div>
<div id="login_label">
<p>Nom de l'utilisateur :</p>
<p>Mot de passe :</p>
</div>
<div id="login_inputs">
<p><input type="text" class="input_text" /></p>
<p><input type="text" class="input_text" /></p>
</div>
</div>
<div><input id="login_button" type="button" value="Connexion" /
></div>
<p style="clear:both;"><a id="login_forget" href="">Mot de
passe oublié?</a></p>
</div>
</div>
I apply effect on login_frame <div>
CSS :
#login_frame{
display:none;
width:400px;
height:300px;
position:absolute;
top:50%;
left:50%;
margin-left:-200px;
margin-top:-150px;
background-image:url(pix/login_bg.png);
}
And Javascript :
$(document).ready(function() {
$("#login_frame").show("slide", {
direction: "right",
},1000);
});
In firefox (it is worst in IE), effect appear in the down-right
quarter of the div, and when the effect end, the div is shown
correctly.
You can find pictures here :
normal div : http://www.core1.free.fr/tmp/1.png
During the effect : http://www.core1.free.fr/tmp/2.png
thanks for your help
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
