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è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ènè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éfaut</div>
<div id="t_container-1-1_6" class="container_transparent" onclick="montre(\'container-1-1_6\');">Qualité</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\');">été</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\');">été</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
