Forum

dans le fichier .html : $(function(){ $('a.zoombox').zoombox(); }); Mais si je veux le faire dans un fichier js à part, je dois faire comment ? Je ne m'y connais pas en JS .. Merci d'avance

HTML ```  ``` JS ``` var toggle_S = document.querySelectorAll('.toggleModal') for(var i = 0; i < toggle_S.length; i++) { var toggle = toggle_S[i] toggle.addEventListener('click', function(e) { e.preventDefault() var name_attr = 'data-open

html: obstacle n°5) Titre des pages

regardera mes gribouillages de bidouilleuse en informatique ^^ (Oui une boulette facile à trouver, histoire de ne pas prendre trop de temps aux bonnes volontés qui voudrait bien m'aider Oo) HTML : jQuery(function($){ $('.map').append(' ').append(' salut '); $('.map .tooltip').hide(); var domaines= {name:'La Cour',slug:'La Cour'}, {name:'La Cour',slug:'La Cour'}, {name:'La Cour',slug:'La Cour'}, {name:'La Cour',slug:'La Cour'}, {name:'La Torche',slug:'La Torche'}, {name:'La Torche',slug:'La Torche'}, {name:'Le Havre',slug:'Le Harvre'}, {name:'Le Hautes Terres',slug:'Les Hautes Terres'}, {name:'Le Carrefour',slug:'Le Carrefour'}, {name:'Le Carrefour',slug:'Le Carrefour'}, {name:'Le Carrefour',slug:'Le Carrefour'}, {name:'Les Tours',slug:'Les Tours'}, {name:'Les Tours',slug:'Les Tours'}, {name:'Le Havre',slug:'Le Harvre'}, {name:'Le Havre',slug:'Le Harvre'}, {name:'Le Hautes Terres',slug:'Les Hautes Terres'}, {name:'Le Hautes Terres',slug:'Les Hautes Terres'}, {name:'Non Camarilla',slug:'Non Camarilla'}, {name:'Non Camarilla',slug:'Non Camarilla'}, {name:'Les Tours',slug:'Les Tours'} ]; $(document).mousemouve(function(e){ $('.map .tooltip').css({ top:e.pageY-$('.map .tooltip').height()-20, left:e.pageX-$('.map .tooltip').width()/2-10 }); }); $('.map area').mouseover(function(){ var index = $(this).index(); var left=-index*214-214; $('.map .tooltip').html(domaines[index].name).stop().fadeTo(500,0.6); $('.map .overlay').css({ backgroundPosition:left+"px 0px" }) }); $('.map').mouseout(function(){ $('.map .overlay').css({ backgroundPosition:"214px 0px" }) $('.map .tooltip').stop().fadeTo(500,0); }); }); css : .map{ width:214px; height:195px; background:url(http://i33.servimg.com/u/f33/17/32/56/09/carte_10.png) left top no-repeat; position:relative; } .map .overlay{ width:214px; height:195px; background:url(http://i33.servimg.com/u/f33/17/32/56/09/carte_10.png) 214px top no-repeat; position:absolute; top:0; left:0; z-index:1; } .map img{ position:absolute; top:0; left:0; z-index:2; } .map .tooltip{ position:fixed; border-radius:5px; color:#FFF; background:#000; padding:0 10px display:inline-block; top:0; left:0; z-index:3; text-align:center; } J’utilise un forum 'ForumActif' j'ai donc posté le Css dans la feuille prévue à cette effet et pour le code HTML j'ai tenté deux choses : de poster directement dans un message et dans un page vierge HTML prévue à cette effet (http://vampiredeparis.jdrforum.com/h2-carte-paris) Mais comme vous pouvez le voir sur ce lien rien n'est visible... :( Comme si je n'avais rien mis dans la page et ça fait pareil si je poste mon code directement sur le forum... Voyez vous d'où provient le problème ? ps : Lorsque je poste juste le code ci dessous, j'ai bien ma carte qui s'affiche avec la possibilité de cliqué, mais sans possibilité de changer l'image au survole. Enfin à ma connaissance... :(