Résultats de 1 à 4 sur 4

Sujet : Tableau dynamique style PhPmyAdmin

  1. #1
    Membre MP
    Inscrit
    août 2013
    Messages
    5

    Tableau dynamique style PhPmyAdmin

    Salut a vous tous,

    Voilà je bosse sur un projet de plateforme de communication et j\'aurais besoin, dans deux cas, de pourvoir changer la couleur de fond des lignes d\'un tableau.

    Actuellement, j\'inclus ce code:

    Code:
    <tr onmouseover=this.bgColor=\'#F8F8F8\'; onmouseout=this.bgColor=\'#FFFFFF\'; onclick=this.bgColor=\'blue\'>
    Mais comme vous vous en doutez durement, l\'action OnMouseOut annule l\'effet OnClick donc la ligne sélectionné revient a sa couleur initale

    Si vous avez une idée pour garder la couleur fixe ça serait sympa !

    merci et a+

  2. #2
    Visiteur MP
    Visiteur MP
    bonjour,
    si j\'ai compris : onmouseout n\'agit
    sur la couleur que si onclick n\'a pas
    encore été fait ?
    possibilité :
    Code:
    <HTML>
    <HEAD>
    <TITLE></TITLE>
    </HEAD>
    <BODY>
    <script type=\"text/javascript\">
    function v(z)
    { z.bgColor=\"#FF0000\"; }
    function u(z)
    { z.bgColor=z.value;  }
    function c(z)
    { z.bgColor=\"#0000FF\";
       z.value=\"#0000FF\"; }
    </script>
    <table border=4>
    <tr bgcolor=\"#00FF00\"
        onmouseover=\"v(this);\"
        onmouseout=\"u(this);\"
        onclick=\"c(this);\"
        value=\"#00FF00\">
    <td>exemple1</td></tr>
    <tr onmouseover=\"v(this);\"
        onmouseout=\"u(this);\"
        onclick=\"c(this);\"    
        bgcolor=\"#00FF00\"
        value=\"#00FF00\">
    <td>exemple2</td></tr>
    </table>
    </BODY>
    </HTML>
    @+

  3. #3
    Visiteur MP
    Visiteur MP
    bonjour,

    comme l\'as fait bul, je propose une methode utilisant une variable dans laquel on enregistre une information.

    bul enregistre dans cette variable la couleur que doit prendre la ligne lorsque la sourie n\'est pas au dessus.

    je propose plutot de memoriser dans cette variable l\'etat de la ligne. c\'est a dire si elle est \'selectionné\' ou pas.

    ainsi lorsque la sourie passe sur la ligne ou en sort, il suffit de regarder l\'etat de la ligne, et d\'afficher la couleur adequate.

    cela a l\'avantage de permettre 4 couleurs :
    - ligne non-selectionné, sourie out
    - ligne non-selectionné sourie over
    - ligne selectionné, sourie out
    - ligne selectionné, sourie over.

    et meme plus, si tu defini d\'autres etat que \'selectionné\' et \'non-selectionné\'.

  4. #4
    Membre MP
    Inscrit
    août 2013
    Messages
    5
    Merci les gars !

    En effet, j\'ai pris un peu des deux et ça me donne un code qui permet de sélectionner une ligne en double cliquant dessus et de la déselectionner en cliquant qu\'une seule fois. Et le tout, avec les couleurs qui changent selon l\'état.

    voici le code si ça peut en aider d\'autres:

    Code:
    <script type=\"text/javascript\">
    function a(z)
    { 
    	z.bgColor=\"gray\"; }
    
    function b(z)
    { 
    	if (z.s == true) {
    		z.bgColor=z.value;
    	} else {
    		z.bgColor=\"white\";
    	}
    }
    
    function c(z)
    { 
    	z.bgColor=\"black\";
       	z.value=\"white\";
      	 z.s = false; }
    </script>
    
    <table border=4>
    
    <tr bgcolor=\"white\"
        onmouseover=\"a(this);\"
        onmouseout=\"b(this);\"
        onclick=\"c(this);\"
        value=\"#00FF00\" s=\"false\">
    <td>exemple1</td></tr>
    
    <tr  bgcolor=\"white\"
        onmouseover=\"a(this);\"
        onmouseout=\"b(this);\"
        onclick=\"c(this);\"    
        bgcolor=\"#00FF00\"
        value=\"#00FF00\" s=\"false\">
    <td>exemple2</td></tr>
    
    </table>
    merci encore,

    a+

Informations du sujet

Utilisateur(s) parcourant ce sujet

il y a actuellement 1 utilisateur(s) parcourant ce sujet. (0 membre(s) et 1 visiteur(s))

Règles des messages

  • Vous ne pouvez pas créer de sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas importer de fichiers joints
  • Vous ne pouvez pas éditer vos messages
  •  
  • Les BB codes sont Activés
  • Les Smileys sont Activés
  • Le BB code [IMG] est Activé
  • Le code [VIDEO] est Activé
  • Le code HTML est Désactivé