Discussion :

[FabaCoeur]

Bonjour,

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[elfamine]

Bonjour,

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

.show( duration [, callback] )

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

source
je suppose que ca devrait mieux fonctionner comme ca :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[FabaCoeur]

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 ?

[elfamine]

peut etre le callback non ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[FabaCoeur]

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

[elfamine]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>