begin process at 2012 05 29 01:05:45
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

Bulle d'aide


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Bulle d'aide

lundi 22 décembre 2008 à 17:46:27 | Bulle d'aide

frd2k

Bonjour à tous,

Je viens ici poser une question ou même chercher de l'aide.
J'ai trouver sur votre site un code permettant de faire une bulle d'aide imagée. C'était super facile à installer (je ne suis pas programmeur !). sur Mozilla firefox ca marche nickel mais sur internet explorer ca marche le seul hic : la bulle se retrouve très loin du pointeur.

Pourriez vous m'aider à adapter le code pour qu'il fonctionne correctement.

A savoir que ce code me permettra, dans ma boutique en ligne ( sous Prestashop)
lundi 22 décembre 2008 à 17:53:46 | Re : Bulle d'aide

frd2k

Oups ! j'ai oublier le code :

var bulleStyle=null
if (!document.layers && !document.all && !document.getElementById)
   event="chut";  //pour apaiser NN3 et autres antiquites


function bullepop(idd,evt){
 
   
 var xfenetre,yfenetre,xpage,ypage,element=null;
 var offset= 10;           // decalage par defaut
 var bulleWidth=200;       // largeur par defaut
 var hauteur=50;           // hauteur par defaut
 bulleStyle=null;
 
  if (document.layers) {
    bulleStyle=document.layers[idd];
    xpage = evt.pageX ; ypage  = evt.pageY;
    xfenetre = xpage ;yfenetre = ypage ;       
  } else if (document.all) {
    element=document.all[idd]
    xfenetre = evt.x ;yfenetre = evt.y ;
    xpage=xfenetre ; ypage=yfenetre    ;   
    if (document.body.scrollLeft) xpage = xfenetre + document.body.scrollLeft ;
    if (document.body.scrollTop) ypage = yfenetre + document.body.scrollTop;
  } else if (document.getElementById) {
      element=document.getElementById(idd)
    xfenetre = evt.clientX ; yfenetre = evt.clientY ;
    xpage=xfenetre ; ypage=yfenetre    ;   
    if(evt.pageX) xpage = evt.pageX ;
    if(evt.pageY) ypage  = evt.pageY ;
  }
   
  if(element)  bulleStyle=element.style;
            
  if(bulleStyle) {
  
     var yp0=ypage;
         var yf0=yfenetre;
         

     /* tests incongrus ˆ cause d'Opera5 */
     if(bulleStyle.width) bulleWidth = parseFloat(bulleStyle.width);
     if(bulleStyle.height) hauteur = parseFloat(bulleStyle.height);

         
     /* on met la bulle ˆ gauche du pointeur (si c'est possible)
        et en haut du pointeur si on est assez bas dans l'Žcran */
               
     if (xfenetre > bulleWidth+offset) xpage=xpage-bulleWidth-offset;
     else {
         if (xfenetre >0.5*bulleWidth+offset) xpage=xpage-0.5*bulleWidth-offset;
                 else xpage=xpage+15;}
     if ( yfenetre > hauteur+offset ) ypage=ypage-hauteur-offset
         else ypage=ypage+offset;
         
        /* a cause des debilites d'Opera5 il faut rectifier 'ypage' pour eviter
           que la bulle ne s'ouvre par-dessus la souris. La bulle s'ouvrira
             TOUJOURS en bas avec Opera5. Derniere vacherie : il faut faire le test sur
             bulleStyle.width pour se proteger des distraits qui n'auront pas
             rempli bulleStyle.height */
             
         if (!bulleStyle.width)    ypage=yfenetre+offset;
         if(typeof(bulleStyle.left)=='string') {
                 bulleStyle.left=xpage+'px'; bulleStyle.top=ypage+'px'; 
        } else {
                bulleStyle.left=xpage     ; bulleStyle.top=ypage ; }
     bulleStyle.visibility="visible";
     bulleStyle.zIndex="99";}
}
 
function couic(){
  if(bulleStyle)  bulleStyle.visibility="hidden";
}


Mille merci pour votre aide

fred




Cette discussion est classée dans : aide, code, marche, bulle


Répondre à ce message

Sujets en rapport avec ce message

code source [ par woofy ] Voila j'ai télécharger un code source pour faire ejecter le cd-rom. mais je ne sais pas comment ca marche ... je le met dans bloc note et ensuite je l verification de plusieurs textbox a la fois [ par bonjovi51 ] Bonjour a tousj'ai 6 textbox dans lesquelles il faut entrer des valeurs numériquesJe voudrai les faire vérifier par une fonction js. Mais mon code ne réutilisation du code Javascript - IE vs Ns ?! [ par husleagd ] Bonjour à tous,J'ai un code qui marche bien dans IE, et Konqueror mais pas dans Netscape7.1 sous Linux.D'abord voilà le code: ..... <script language=" un menu genre bulle d'aide [ par daeron ] J'ai bien regarde les sources mais je n ai pas trouve d inspiration...L'idee est simple c est de realiser une bulle d aide avec differents menus un pe code javascript ne marche pas [ par sb38 ] Bonjour, Je suis un gros débutant en javascript. J'ai fait un script qui fonctionne tres bien sur une machine avec xp et ie compatible MSIE 6.0 Par co image dans une bulle d'aide [ par picko ] Hello, je voudrais faire apparaitre une image en cliquant sur une vignette sans utiliser de pop up mais plutôt comme un système de bulle d'aide quel Aide avec une popup [ par iomega ] Bonjour à tous, j'ai une page index.htm qui contient une liste déroulante avec des noms de ville et un bouton qui ouvre une popup nommée popup.htm qui débutante webdesigner qui a besoin d'aide [ par anggela ] bonjour je débute dans la création des sites. j'ai fait un site que je n'ai malheureusemen pas pu tester sur mac. il marche sur ie ff et ne. mais il p un peu voir beaacoup d aide svp merci [ par koss02 ] bonjour je suis un debutant en creation de site mais j essaye et je persiste je vaudrai savoir comment on peu avoir un code htm car sur mon futur site body onload="form.submit();" => erreur javascript! marche 1 fois sur 2 [ par deniscarl ] bonjour,Je fais une redirection pour des site en PHP et il me faut une page intermediaire, qui redirige les variable POST et GET.Mon Code PHP génère u


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,328 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales