bug sur contenaire.js

bug sur contenaire.js - HTML/CSS - Programmation

Marsh Posté le 11-02-2014 à 15:02:55    

bonjours, j'ai fais sur ma page un contenaire mais ça ne fonctionne pas trôt  
 
voilà le lien :
 
http://leprojet.legtux.org/membre- [...] ame=tester
 
en faite il bug lors du clique sur les cadres  
et les sous menue il efface mon border top et les menu principale efface aussi le border top hords il devrait pas
 
voilà mes codes :
 

Citation :

<?php
 
echo '<div class="container_menue parente">
      <div id="t_container_1" class="container_transparent container_visible" onclick="montre(\'container_1\');">Profil</div>
   <div id="t_container_2" class="container_transparent" onclick="montre(\'container_2\');">Editer le profil</div>
   <div id="t_container_3" class="container_transparent" onclick="montre(\'container_3\');">Changer la photo</div>
   <div id="t_container_4" class="container_transparent" onclick="montre(\'container_4\');">Param&egrave;tres</div>
   <div id="t_container_5" class="container_transparent" onclick="montre(\'container_5\');">Mes Options</div>
   <div id="t_container_6" class="container_transparent" onclick="montre(\'container_6\');">Commentaire (0)</div>
   <div id="t_container_7" class="container_transparent" onclick="montre(\'container_7\');">Mes Amies (0)</div>
      </div>
 
   <div id="container_1" style="display:block">
   <div class="global_container">
   <div class="container_left">
   
   avatar
   
   </div>
   
   <div class="container_right">
   
   <div class="container_menue parente">
   <div id="t_container-1-1_1" class="container_transparent container_visible" onclick="montre(\'container-1-1_1\');">G&egrave;n&egrave;ral</div>
   <div id="t_container-1-1_2" class="container_transparent" onclick="montre(\'container-1-1_2\');">Personnel</div>
   <div id="t_container-1-1_3" class="container_transparent" onclick="montre(\'container-1-1_3\');">Apparence</div>
   <div id="t_container-1-1_4" class="container_transparent" onclick="montre(\'container-1-1_4\');">Style de vie</div>
   <div id="t_container-1-1_5" class="container_transparent" onclick="montre(\'container-1-1_5\');">D&eacute;faut</div>
   <div id="t_container-1-1_6" class="container_transparent" onclick="montre(\'container-1-1_6\');">Qualit&eacute;</div>
   </div>
 
   <div class="container_info">option</div>
 
   <div class="container_menue parente">
   <div id="t_container-1-2_1" class="container_transparent container_visible" onclick="montre(\'container-1-2_1\');">Sport (valide)</div>
   <div id="t_container-1-2_2" class="container_transparent" onclick="montre(\'container-1-2_2\');">Sport (handicaper)</div>
   <div id="t_container-1-2_3" class="container_transparent" onclick="montre(\'container-1-2_3\');">Diver</div>
   <div id="t_container-1-2_4" class="container_transparent" onclick="montre(\'container-1-2_4\');">Evenement</div>
   </div>
 
   
   <div id="container-1-2_1" style="display:block">
   <div class="container_menue parente">
   <div id="t_container-1-2-1_1" class="sous_container_transparent sous_container_visible" onclick="montre(\'container-1-2-1_1\');">&eacute;t&eacute;</div>
   <div id="t_container-1-2-1_2" class="sous_container_transparent" onclick="montre(\'container-1-2-1_2\');">hivers</div>
   </div>
 
      <div id="container-1-2-1_1" style="display:block">
   <div class="container_info">
   option
   </div>
 
</div>
 
      <div id="container-1-2-1_2" style="display:none">
   <div class="container_info">
   option
   </div>
 
</div>
 
</div>
   <div id="container-1-2_2" style="display:none">
   <div class="container_menue parente">
   <div id="t_container-1-2-2_1" class="sous_container_transparent sous_container_visible" onclick="montre(\'container-1-2-2_1\');">&eacute;t&eacute;</div>
   <div id="t_container-1-2-2_2" class="sous_container_transparent" onclick="montre(\'container-1-2-2_2\');">hivers</div>
   </div>
 
      <div id="container-1-2-2_1" style="display:block">
   <div class="container_info">
   option
   </div>
 
</div>
 
      <div id="container-1-2-2_2" style="display:none">
   <div class="container_info">
   option
   </div>
 
</div>
 
 
 
   </div>
 
   <div class="container_menue parente">
   <div id="t_container-1-2-3_1" class="container_transparent container_visible" onclick="montre(\'container-1-2-3_1\');">Profil</div>
   <div id="t_container-1-2-3_2" class="container_transparent" onclick="montre(\'container-1-2-3_2\');">Ma recherche</div>
   <div id="t_container-1-2-3_3" class="container_transparent" onclick="montre(\'container-1-2-3_3\');">Style de vie</div>
   </div>
 
   <div class="container_info">option</div>
 
   <div class="container_menue parente">
   <div id="t_container-1-3_1" class="container_transparent container_visible" onclick="montre(\'container-1-3_1\');">Annonce</div>
   <div id="t_container-1-3_2" class="container_transparent" onclick="montre(\'container-1-3_2\');">Description</div>
   <div id="t_container-1-3_3" class="container_transparent" onclick="montre(\'container-1-3_3\');">Biographie</div>
   <div id="t_container-1-3_4" class="container_transparent" onclick="montre(\'container-1-3_4\');">Signature</div>
   <div id="t_container-1-3_5" class="container_transparent" onclick="montre(\'container-1-3_5\');">Citation</div>
   </div>
 
   <div class="container_info">option</div>
 
   
   
   </div>
   
   
   
   </div>
   </div>
 
 
 
 
 
 
 
 
';
?>


 
 

Citation :

     .container_menue
   {
   margin:8px 0px 8px 0px; /* top right bottom left */
   border-color:#000; /* on affiche la couleur de la bordure */
     border-style: solid; /*  on affiche le style de l'a bordure */
   border-width:0px 0px 0px 0px; /* top right bottom left */
   padding:0px 0px 0px 0px; /* top right bottom left */
   }
 
      .container_info
   {
   margin:-10px 0px 8px 0px; /* top right bottom left */
   border-color:#000; /* on affiche la couleur de la bordure */
     border-style: solid; /*  on affiche le style de l'a bordure */
   border-width:1px 0px 1px 1px; /* top right bottom left */
   padding:0px 0px 0px 0px; /* top right bottom left */
   }
 
 
      .global_container
   {
   margin:-9px 0px 8px 0px; /* top right bottom left */
   padding:0px 0px 0px 0px; /* top right bottom left */
   border-color:#000; /* on affiche la couleur de la bordure */
     border-style: solid; /*  on affiche le style de l'a bordure */
   border-width:1px 1px 1px 1px; /* top right bottom left */
   }
 
   .container_visible
   {
   background-color:#FFFFFF; /* Couleur de fond */
   border-color:#000; /* on affiche la couleur de la bordure */
     border-style: solid; /*  on affiche le style de l'a bordure */
   border-width:1px 1px 0px 1px; /* top right bottom left */
   padding:8px 8px 8px 8px; /* top right bottom left */
   margin:0px 0px 0px 0px; /* top right bottom left */
   cursor:pointer;
   }
 
   .container_transparent
   {
   border-color:#000; /* on affiche la couleur de la bordure */
     border-style: solid; /*  on affiche le style de l'a bordure */
   border-width:1px 1px 1px 1px; /* top right bottom left */
   background-color:#BFD73B; /* Couleur de fond */
   padding:8px 8px 8px 8px; /* top right bottom left */
   margin:0px 0px 0px 0px; /* top right bottom left */
   cursor:pointer;
   }
 
   .container_left
   {
   float:left;/* aligner le bloque left*/
   width:220px;; /* longueur du cadre */
   border-color:#000; /* on affiche la couleur de la bordure */
     border-style: solid; /*  on affiche le style de l'a bordure */
   border-width:0px 0px 0px 0px; /* top right bottom left */
   }
 
   .container_right
   {
   margin:0px 0px 0px 222px; /* top right bottom left */
   border-color:#000; /* on affiche la couleur de la bordure */
     border-style: solid; /*  on affiche le style de l'a bordure */
   border-width:0px 0px 0px 0px; /* top right bottom left */
   }
 
 
   .sous_container_transparent
   {
   border-color:#000; /* on affiche la couleur de la bordure */
     border-style: solid; /*  on affiche le style de l'a bordure */
   border-width:1px 1px 1px 1px; /* top right bottom left */
   text-decoration:none;
      background-color:#BFD73B; /* Couleur de fond */
   padding:8px 8px 8px 8px; /* top right bottom left */
   margin:0px 0px 0px 0px; /* top right bottom left */
   }
   .sous_container_visible  
   {
   border-color:#000; /* on affiche la couleur de la bordure */
    border-style: solid; /*  on affiche le style de l'a bordure */
   border-width:0px 1px 0px 1px; /* top right bottom left */
   background-color:#FFFFFF; /* Couleur de fond */
   padding:8px 8px 8px 8px; /* top right bottom left */
   margin:0px 0px 0px 0px; /* top right bottom left */
   }


 
et le javasscript ou il faut surement refaire tt car c'est là ou ca bug
 
 

Citation :

// JavaScript Document
 
            function do_getMenu_cb(z) {
                var value = z.split("-2-2-" );
                document.getElementById(value[0]).innerHTML = value[1];
                if(value[1].toString().search("Vous" )==0 && value[0] == "aValider"  )
                {
                    $("#MenuEncours" ).hide();
                }
            }
             
            function do_getMenu(type) {
                document.getElementById("iContainer" ).value = type;
                x_getMenu(type, do_getMenu_cb);
            }
             
            function do_setMenu_cb(z) {
                document.getElementById("iMsg" ).innerHTML = z;
                do_getMenu("MenuConnecte" );do_getMenu("MenuDeconnecte" ); do_getMenu("ignore" ); do_getMenu("aValider" );
            }
             
            function do_setMenu(target,cmd) {
                document.getElementById("tableList" ).removeChild(document.getElementById("_"+target));
                x_setMenu(cmd, do_setMenu_cb);
            }
             
            function montre(container) {
                var root = container.split("_" );
                for(i=1;i<100;i++)
                    if(i!=root[1])
                    {
                     $("div[id^="+root[0]+"]" ).hide();
                        //$("#"+root[0]+"_"+i).hide();
                        $("#t_"+root[0]+"_"+i).removeClass("container_visible container_transparent sous_container_visible sous_container_transparent" );
                    }
                //$("#"+container).show();
                $("div[id^="+container+"]" ).show();
                $("#t_"+container).addClass("container_visible container_transparent sous_container_visible sous_container_transparent" );
            }


 
si quelqu'un pourrais me refaire ma page contenaire en fonction que je veux faire  
 
merci de votre aide

Reply

Marsh Posté le 11-02-2014 à 15:02:55   

Reply

Sujets relatifs:

Leave a Replay

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