Affichage d'un texte au passage de la souris

Affichage d'un texte au passage de la souris - HTML/CSS - Programmation

Marsh Posté le 25-02-2014 à 11:40:35    

Bonjour,
 
Je suis actuellement en train d'afficher le contenu de ma base de données dans un tableau et j'ai un champs qui fait 200 caractères, seulement mon tableau n'en affiche que 45, existe t'il une fonction permettant d'afficher l'ensemble des 200 caractères au passage de la souris? tout en laissant les 45 en visu? Avec un cadre qui apparaîtrait par exemple
 
J'espère avoir été clair, merci d'avance de vos réponses et de votre aide
 
Bonne journée à toutes et à tous :jap:

Reply

Marsh Posté le 25-02-2014 à 11:40:35   

Reply

Marsh Posté le 25-02-2014 à 11:54:07    

regarde la balise "title"

Reply

Marsh Posté le 25-02-2014 à 11:58:27    

en faite, j'ai un tableau ou j'affiche le commentaire avec cette ligne :  
 
echo '<td>'.$data["com"].'</td>' ;
 
qui va chercher dans la base de données
 
je ne vois pas trop comment utiliser la baliser pour effectuer ce que je souhaite

Reply

Marsh Posté le 25-02-2014 à 12:01:20    

un peu crade mais un truc du style :  

Code :
  1. echo '<td><span title="'.$data["com"].'">'.$data["com"].'</span> </td>' ;

Reply

Marsh Posté le 25-02-2014 à 12:04:25    

je viens d'essayer, cela affiche toujours que les 45 premiers caractères sans tout montrer, on dirait qu'il ne prend pas le span title d'avant

Reply

Marsh Posté le 25-02-2014 à 12:05:20    

A voir avec des infobulles en java ou jquery sinon


Message édité par gasolina le 25-02-2014 à 12:08:10
Reply

Marsh Posté le 25-02-2014 à 12:50:46    

Question bête : dans $data['com'], t'es sûr d'avoir le texte entier et pas les 45 premiers caractères ?


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 25-02-2014 à 13:25:46    

Je viens de tester, oui j'ai bien l'ensemble, c'est le tableau qui raccourci

Reply

Marsh Posté le 25-02-2014 à 13:40:01    

Il est créé comment ton tableau :??: Parce qu'un simple <table><tr><td>...</td></tr></table> n'a jamais retiré le moindre caractère d'une variable php :o

Message cité 1 fois

---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 25-02-2014 à 13:48:47    

rufo a écrit :

Il est créé comment ton tableau :??: Parce qu'un simple <table><tr><td>...</td></tr></table> n'a jamais retiré le moindre caractère d'une variable php :o


 
Voici tout le code du tableau, ça sera plus simple
 

Code :
  1. <!-- debut du tableau -->
  2.   <table id="mytable" cellspacing="0" summary="Résultat de votre recherche" class="sortable">
  5.    <tr><br>
  7.       <th scope="col" abbr="Numéro client" class="nobg">Numéro client</th>
  8.       <th scope="col" abbr="Nom Client">Nom Client</th>
  9.       <th scope="col" abbr="Type">Type</th>
  10.       <th scope="col" abbr="Document">Document</th>
  11.       <th scope="col" abbr="Auteur">Auteur</th>
  12.       <th scope="col" abbr="Constructeur">Constructeur</th>
  13.       <th scope="col" abbr="Type Document">Type Document</th>
  14.       <th scope="col" abbr="Format">Format</th>
  15.       <th scope="col" abbr="Domaine technique">Domaine</th>
  16.       <th scope="col" abbr="Date">Date</th>
  17.       <th scope="col" abbr="Lien">Lien</th>
  18.       <th scope="col" abbr="Com">Commentaire</th>
  20.    </tr>
  21.  
  23.        
  25. <?php
  27. // on récupère le résultat sous forme d'un tableau
  28. while ($data = mysql_fetch_array($req))
  29.  {
  31.   echo '<tr>';
  33.   echo '<th scope="row" class="spec">'.$data["id_client"].'</th>';
  35.   echo '<td>'.$data["nom_client"].'</td>';
  37.   echo '<td>'.$data["designation_type"].'</td>' ;
  39.   echo '<td>'.$data["designation_doc"].'</td>';
  41.   echo '<td>'.$data["designation_aut"].'</td>';
  43.   echo '<td>'.$data["designation_cons"].'</td>';
  45.   echo '<td>'.$data["designation_type_doc"].'</td>' ;
  47.   echo '<td>'.$data["designation_format"].'</td>' ;
  49.   echo '<td>'.$data["designation_domtech"].'</td>' ;
  51.   echo '<td>'.$data["date_doc"].'</td>' ;
  53.   echo '<td><a href=../'.$data["liens_doc"].'><INPUT TYPE=SUBMIT VALUE="Telecharger" NAME="Telecharger" ></td>';
  56.   // Là où je souhaite l'info bulle
  57.   echo '<td>'.$data["com"].'</td>';
  62.   echo '</tr>'."\n";
  65.  }
  67.   echo '</table>'."\n";
  69.     // fin du tableau.

Reply

Marsh Posté le 25-02-2014 à 13:48:47   

Reply

Marsh Posté le 25-02-2014 à 13:57:21    

Ah non je viens de voir qu'en faite il ne coupe pas le texte, il y a bien les 200 caractères d'affichés à la droite de l'écran mais impossible de scroller à droite pour voir la partie manquante, comme si elle n’existait pas, j'ai du sélectionner le texte puis MAJ + flèche de droite pour le voir


Message édité par gasolina le 25-02-2014 à 13:58:13
Reply

Marsh Posté le 25-02-2014 à 14:04:14    

Y'aurait pas du javascript qui passerait derrière ton tableau pour finaliser la msie en forme ? Ou une règle CSS qui contraindrait le width ou le height de la cellule contenant le commentaire ?


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed