Afficher un div avec show() au chargement de la page

Bonjour,

Je souhaite qu'au chargement de ma page un .show() soit fait sur un div.
J'ai fais le code suivant :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

<script type="text/javascript" src="lib/jquery/jquery-1.7.2.js"></script> <script type="text/javascript" src="lib/jquery/jquery.ui.core.js"></script> <script type="text/javascript" src="lib/jquery/jquery.effects.blind.js"></script>   <script type="text/javascript"> $(document).ready(function() { $("#mondiv").show('blind', {}, 500); }); </script>   <div id="mondiv">Le texte</div>

---

Mais cela ne fonctionne pas.
J'ai essayé avec le script dans le head et la div dans le body il me semble.
Merci pour votre aide.

Bonjour,

Je suis débutant moi meme mais en lisant la docu je pense que c'est un probleme de syntaxe.

Citation:

---

.show( duration [, callback] )

.show( [duration] [, easing] [, callback] )

---

source
je suppose que ca devrait mieux fonctionner comme ca :

Code:

---

$("#mondiv").show(500,' blind', function() {});

---

J'aurai pourtant donner ma main à couper que les arguments étaient : effet, options, duration, callback... et je n'arrive pas à retrouver la page de doc de jQuery où j'avais trouvé ça...!
Quoiqu'il en soit, cela ne résoud pas entièrement le problème : il m'a fallu également mettre un style="display:none;" pour que le div soit masqué, ce qui est nécessaire pour pouvoir l'afficher.

Merci pour le coup de pouce.

Edit : En fait, cela marche pour .show(500) alors que le .show(500, 'blind') ne fonctionne pas.
Je suis retombé sur la page où l'ordre des arguments est différent, il s'agit de jQuery UI : http://jqueryui.com/demos/show/

Comment utiliser le blind ? Comment le moteur fait-il la distinction entre ces deux prototypes ?

peut etre le callback non ?

Code:

---

$("#mondiv").show('blind', {}, 500, function() {});

---

Non plus, comme indiqué dans la doc seul le premier argument est obligatoire.

Je viens de faire le test de mon coté et ca marche avec ce code :

Code:

---

1 2 3 4 5 6 7 8 9 10 11

<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script> <script type="text/javascript" src="js/jquery-ui-1.8.19.custom.min.js"></script>   <script type="text/javascript"> $(document).ready(function() { $("#mondiv").hide(); $("#mondiv").show('blind', {}, 500); }); </script>   <div id="mondiv">Le texte</div>

---

donc je pense que ton problème vient de cette partie :

Code:

---

1 2 3

<script type="text/javascript" src="lib/jquery/jquery-1.7.2.js"></script> <script type="text/javascript" src="lib/jquery/jquery.ui.core.js"></script> <script type="text/javascript" src="lib/jquery/jquery.effects.blind.js"></script>

---