Tutorial Infobulle avec jquery

Ce sujet est résolu
Default
,

Bonjour à tous

Je suis toujours en plein apprentissage du php et là je me suis lancé dans le jquery via le formulaire de création d'infobulle.

Petit problème : ça ne marche pas! Pourtant il me semble avoir bien suivit les étapes...

Je vous laisse juger par vous même de mon code js. Sachez qu'il a été réalisé sous Dreamweaver CS4 :

// JavaScript Document

$(function(){

$('a').mouscover(function(){

if($(this).attr('title')=='')return false;

$('body').append('');

var bulle = $('.infobulle');

bulle.append($(this).attr('title'));

var posTop = $(this).offset().top-$(this).height();

var posLeft = $(this).offset().left+$(this).width()/2-bulle.width()/2;

bulle.css({

left : posLeft,

top : posTop-10,

opacity:0

});

bulle.animate({

top : posTop,

opacity:0.99

},1000);

});

$('a').mouscout(function(){

$('.infobulle').remove();

});

});

Déjà vous pouvez voir qu'à la troisième ligne du code il y a une différence par rapport à ce qui est indiqué sur le tutorial vidéo. J'ai du mal à voir les characteres exacts donc voici ce que chez moi ça donne :

if($(this).attr('title')=='')return false;

Si quelqu'un à une solution je suis preneur.

Merci d'avance

1 Réponse

Default
,

Tu as deux erreurs :

$('a').mouscover(function(){ => $('a').mouseover(function(){
$('a').mouscout(function(){ => $('a').mouseout(function(){