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('<span class="infobulle"></span>');
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
Daniel