Tom's Guide > Forum > Programmation > [PHP] Aide pour lien dans un title

[PHP] Aide pour lien dans un title

Forum Programmation : [PHP] Aide pour lien dans un title

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !
Créer un nouveau sujet Répondre
Mot :    Pseudo :           
 
portos_man59   08-09-2007 à 14:29:50

Bonjour a tous,
Je fait actuellement une map pour un jeux,
Tout fonctionne, mais j'aurai besoins d'un petit coup de main, pour mettre un lien dedan
Pour info, j'ai creer une info bulle (tooltip nn?), qui me marque les coordoné de lemplacement si la case est vide, et le pseudo si la case est habité,
Je voudrai ajouté un lien genre, Ataquer, qui se trouve dans l'info bulle, donc dans le tittle,
Code actuel :

Code :
  1. if(empty($carto[$x][$y]['id'])) { //Case vide
  2. ?><a<img src="style/image/herbe20.png" width="20" height="20" title="(<? print $x.':'.$y; ?> )"></img><?
  3. } else { //Case occupée
  4. ?><img src="style/image/ruche20.png" width="20" height="20" title="<? print $carto[$x][$y]['pseudo'].'('.$x.':'.$y; ?> )"></img><?
  5. }

Répondre
Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.
xaebhal   08-09-2007 à 15:41:35
- 0 +

Alors en fait il ne faut pas utiliser le title, mais plutot un javascript qui va creer un bloc affiché à côté de ta souris, dans lequel tu va avoir tes liens...
Essaye de regarder sur des site de scripts et/ou cours en javascript

Répondre à xaebhal
OmaR   08-09-2007 à 18:12:39
- 0 +

En effet, le title est pas forcément pratique, et met quelques secondes à apparaitre.
De plus, il me semble qu'IE ne lit pas les title par défaut, mais lit les alt. Donc faudrait mettre et alt, et title.
Bref...

Le plus simple serait de regarder au niveau de tooltips à faire soi-même, comme indiqué par xaebhal.
Regarde dans google avec une recheche "tooltip", tu devrais avoir ce que tu veux je pense. Tu dois pouvoir trouver beaucoup de scripts différents.

------------------------------ Les dessins des seins ou les desseins des saints ?
 Répondre à OmaR
portos_man59   08-09-2007 à 21:26:18
- 0 +

Voila, apparement, il faudrait modifié mon fichier bulle.js

Que dois-je rajouter pour mettre un lien dans cette info bulle :)

Code :
  1. addEvent(window, "load", initialiserBulles);
  3. var lesBalises = new Array;
  4. lesBalises[0] = "a";
  5. lesBalises[1] = "img";
  6. lesBalises[2] = "b";
  7. lesBalises[3] = "p";
  9. var XHTMLNS = "http://www.w3.org/1999/xhtml";
  10. var CURRENT_NICE_TITLE;
  12. function initialiserBulles() {
  13.   if (!document.createElement || !document.getElementsByTagName) return;
  14.   // add namespace methods to HTML DOM; this makes the script work in both
  15.   // HTML and XML contexts.
  16.   if(!document.createElementNS){
  17.     document.createElementNS = function(ns,elt) {
  18.       return document.createElement(elt);
  19.     }
  20.   }
  22.   for(var i = 0; i < lesBalises.length; i++){
  23.     var balises = document.getElementsByTagName(lesBalises[i]);
  24.     for (var ti = 0; ti < balises.length ; ti++) {
  25.       var balise = balises[ti];
  26.       if (balise.title) {
  27.         ajouterBulle(balise);
  28.       }
  29.     }
  30.   }
  32. }
  34. function ajouterBulle(elem){
  35.   elem.setAttribute("bulle",elem.title);
  36.   elem.removeAttribute("title" );
  38.   // on ajoute des evenements sur le lien
  39.   addEvent(elem,"mouseover",montrerBulle);
  40.   addEvent(elem,"mouseout",cacherBulle);
  41.   addEvent(elem,"focus",montrerBulle);
  42.   addEvent(elem,"blur",cacherBulle);
  43. }
  45. function donnePosition(oLink) {
  46.   if( oLink.offsetParent ) {
  47.     for( var posX = 0, posY = 0; oLink.offsetParent; oLink = oLink.offsetParent ) {
  48.       posX += oLink.offsetLeft;
  49.       posY += oLink.offsetTop;
  50.     }
  51.     return [ posX, posY ];
  52.   } else {
  53.     return [ oLink.x, oLink.y ];
  54.   }
  55. }
  57. function montrerBulle(e) {
  58.   // si c'est le titre est déjà rempli on le cache
  59.     if (CURRENT_NICE_TITLE) cacherBulle(CURRENT_NICE_TITLE);
  61.     var elem;
  62.     if (window.event && window.event.srcElement) {
  63.         elem = window.event.srcElement
  64.     } else if (e && e.target) {
  65.         elem = e.target
  66.     }
  68.     var _textBulle = elem.getAttribute("bulle" );
  69.     if(_textBulle.charAt(0) == '$'){
  70.       _textBulle = eval(_textBulle.substring(1));
  71.     } else {
  72.       _textBulle = "<p>" + _textBulle + "</p>";
  73.     }
  76.     // on ajoute à une div un noeud de texte contenant ce qu'il faut
  77.     var d = document.createElementNS(XHTMLNS,"div" );
  78.     d.className = "bulle";
  79.     d.innerHTML = _textBulle;
  80.     d.style.position = 'absolute';
  82.     mpos = donnePosition(elem);
  84.     mx = mpos[0];
  85.     my = mpos[1];
  87.     d.style.left = (mx + 15) + 'px';
  88.     d.style.top = (my + 35) + 'px';
  90.     var largeurDiv = d.width;
  92.     if (window.innerWidth && ((mx+largeurDiv) > window.  innerWidth)) {
  93.         d.style.left = (window.innerWidth - largeurDiv - 25) + "px";
  94.     }
  95.     if (document.body.scrollWidth && ((mx + largeurDiv) > document.body.scrollWidth)) {
  96.         d.style.left = (document.body.scrollWidth - largeurDiv - 25) + "px";
  97.     }
  98.    
  99.     document.getElementsByTagName("body" )[0].appendChild(d);
  100.    
  101.     CURRENT_NICE_TITLE = d;
  102. }
  104. function cacherBulle(e) {
  105.     if (!document.getElementsByTagName) return;
  106.     if (CURRENT_NICE_TITLE) {
  107.         document.getElementsByTagName("body" )[0].removeChild(CURRENT_NICE_TITLE);
  108.         CURRENT_NICE_TITLE = null;
  109.     }
  110. }
  112. // Add an eventListener to navigateurs that can do it somehow.
  113. // Originally by the amazing Scott Andrew.
  114. function addEvent(obj, evType, fn){
  115.   if (obj.addEventListener){
  116.     obj.addEventListener(evType, fn, true);
  117.     return true;
  118.   } else if (obj.attachEvent){
  119.   var r = obj.attachEvent("on"+evType, fn);
  120.     return r;
  121.   } else {
  122.   return false;
  123.   }
  124. }


Message édité par portos_man59 le 08-09-2007 à 21:26:41
Répondre à portos_man59
OmaR   09-09-2007 à 01:56:19
- 0 +

BAh non, tu as déjà un truc de bulles, donc c'est bon, je pensais que tu faisais tes bulles juste avec le "title", sauf que là, ta bulle récupère la valeur de title, et la met dans une bulle, donc ça devrait le faire :)

Par contre, est-ce que ton infobulle acceptera les liens ? je ne sais pas, essaie de mettre du code HTML dans ton attribut title
Comme ça par exemple : title="<a href='alert(\'test\');'>click</a>"

------------------------------ Les dessins des seins ou les desseins des saints ?
 Répondre à OmaR
portos_man59   09-09-2007 à 11:56:48
- 0 +

Parfait, mais dans lifno bulle ya un truc bizare, fin 2 :)

Alors, deja ya une petite image sans lien qui s'affiche :

http://i23.servimg.com/u/f23/09/03/11/50/bb10.jpg

Et deux 2 ya un pb dans mon code js, qui m'empeche de cliké dessus, si je met mon pointeur de la bulle, elle s'en va



i

Code :
  1. f(empty($carto[$x][$y]['id'])) { //Case vide
  2.     ?><a<img src="style/image/herbe20.png" width="20" height="20" title="(<? print $x.':'.$y; ?> )"></img><?
  3.   } else { //Case occupée
  4.     ?><img src="style/image/ruche20.png" width="20" height="20" title="<? print $carto[$x][$y]['pseudo'].'('.$x.':'.$y; ?> )<br><a href='alert(\'test\');'>click</a></img><?
  5.   }

Répondre à portos_man59
xaebhal   09-09-2007 à 13:02:58
- 0 +

alors deja je ne pense pas que tu puisse mettre 'alert(\'test\') dans l'attribut href de ton lien, tout simplement parce que c'est du javascript

A la place essaye OnClick="alert('test');"

Ensuite je pense que quand tu vas sur ta bulle, tu sors de la case ou tu étais, et donc celle ci s'efface. Essaye de modifier les conditions qui font s'effacer la bulle

Répondre à xaebhal
Badge Programmation Bronze okinou   09-09-2007 à 13:22:07
- 0 +

déja, avant de faire du javascript ou php, fini d'apprendre le html car :

<a<img src="style/image/herbe20.png" width="20" height="20" title="(<? print $x.':'.$y; ?> )"></img>

ca existe pas !

Répondre à okinou
portos_man59   09-09-2007 à 19:24:45
- 0 +

Deja, sa c'est deja corrigé, la alert aussi marche,
Je code pas javascrit, donc je sais pas modifié les conditions

Répondre à portos_man59
Créer un nouveau sujet Répondre
Tom's Guide > Forum > Programmation > [PHP] Aide pour lien dans un title
Aller à :

Il y a 290 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Plan du forum
Forum Bestofmedia ©
2000-2009 Bestofmedia Group
Page générée en 0,331 secondes
Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler
Liens