par
Ajàx » 08 août 2012, 21:50
Bonjour/bonsoir nobles programmeurs en tout genre. J'ai besoin de quelques petits conseils pour orienter mon code car j'y suis bloqué ^^ (jQuery)
J'explique : J'ai une page avec une liste qui contient des noms de profils et à côté du nom des profils leur avatar en miniature. J'aimerais que, quand je passe le curseur sur l'avatar, il s'affiche en grand.
Ce n'est pas le vrai code mais c'est un exemple, si quelqu'un peut me dire si ce que je fais est juste ou si je dois m'y prendre autrement, pasque là je pense avoir fait un Mégamix. Mais je suis sûr que ca peut marcher ^^
Merci d'avoir lu :0
voici le html
<div class="test">
<p>Ligne 0</p>
<p>Ligne 1</p>
<p>Ligne 2</p>
<p>Ligne 3</p>
<p>Ligne 4</p>
<p>Ligne 5</p>
</div>
voici le jQuery
[javascript]// code pour attribuer une id aux balises "p"
var divId = 0;
while ( divId <= 5)
{
$(".classtest p:eq(" + divId + ")").attr({id: divId});
divId++;
}
// fonction qui, quand on place le curseur sur un élement il s'affiche et disparait avec un effet de style
function test(){
$("#test").mouseenter(function()
{
$("class").show();
});
$("#test").mouseleave(function()
{
$("class").slideUp(300).delay(5000).fadeIn(400);
});
};
//quand on clic sur un "p" on démarre la fonction qui montre les images en grand grâce à l'id récupéré dans la variable ID et applique la function "test" que j'ai créé
$("p").click(function(){
var id = this.id;
$("#divImage").show(id).test;
}[/javascript]
ps : j'espère que c'est claire ;x mais je cafouille moi-même alors c'est un peu compliqué
Bonjour/bonsoir nobles programmeurs en tout genre. J'ai besoin de quelques petits conseils pour orienter mon code car j'y suis bloqué ^^ (jQuery)
J'explique : J'ai une page avec une liste qui contient des noms de profils et à côté du nom des profils leur avatar en miniature. J'aimerais que, quand je passe le curseur sur l'avatar, il s'affiche en grand.
Ce n'est pas le vrai code mais c'est un exemple, si quelqu'un peut me dire si ce que je fais est juste ou si je dois m'y prendre autrement, pasque là je pense avoir fait un Mégamix. Mais je suis sûr que ca peut marcher ^^
Merci d'avoir lu :0
voici le html
[html]<div class="test">
<p>Ligne 0</p>
<p>Ligne 1</p>
<p>Ligne 2</p>
<p>Ligne 3</p>
<p>Ligne 4</p>
<p>Ligne 5</p>
</div>[/html]
voici le jQuery
[javascript]// code pour attribuer une id aux balises "p"
var divId = 0;
while ( divId <= 5)
{
$(".classtest p:eq(" + divId + ")").attr({id: divId});
divId++;
}
// fonction qui, quand on place le curseur sur un élement il s'affiche et disparait avec un effet de style
function test(){
$("#test").mouseenter(function()
{
$("class").show();
});
$("#test").mouseleave(function()
{
$("class").slideUp(300).delay(5000).fadeIn(400);
});
};
//quand on clic sur un "p" on démarre la fonction qui montre les images en grand grâce à l'id récupéré dans la variable ID et applique la function "test" que j'ai créé
$("p").click(function(){
var id = this.id;
$("#divImage").show(id).test;
}[/javascript]
ps : j'espère que c'est claire ;x mais je cafouille moi-même alors c'est un peu compliqué