JeuWeb Créez votre jeu par navigateur !

NicoMSEvent · (Modification du message : 14-10-2007, 08:44 PM par NicoMSEvent.)

j'avais compris ça, mais malheureusement, lorsque j'utilisais "visibility" pour masquer mon div avec un overflow, la barre de défilement de ce DIV restait visible. Mais le "bug" (je suis quasi persuadé que ça en est un) disparait si je masque ce DIV avec la propriété "display".

L'autre probleme que j'ai (en fait, je me suis planté, ce ne sont pas des DIV que je manipule, mais des DFN... en fait, ça n'a pas bcp de différences, a part sémantiquement):
Le CSS :

Code :
dfn{

        z-index:10;

        display:block;

        position:absolute;

/*      visibility:hidden;*/

        display:none;

        width:215px;

        height:113px;

        background:url(./images/infobulle.gif) no-repeat;

}

Le HTML

Code :
...

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">

<!--

function visi(nr){

    if (document.layers){

        document.layers[nr].display = 'block';

    }

    else if (document.all){

alert(document.all[nr]);

        document.all[nr].style.display = 'block';

    }

    else if (document.getElementById){

        document.getElementById(nr).style.display = 'block';

    }

}

function hide(nr){

    if (document.layers){

        document.layers[nr].display = 'none';

    }

    else if (document.all){

        document.all[nr].style.display = 'none';

    }

    else if (document.getElementById){

        document.getElementById(nr).style.display = 'none';

    }

}

// -->

</SCRIPT>

</head>

<body>

...

<map name="testmap">

<AREA SHAPE="POLY" COORDS="314,  0,398,  0,442, 45,398, 88,314, 88,267, 43" href="game.php?action=default&case=03" onMouseOut="Javascript:hide('infobulle03');" onMouseOver="Javascript:visi('infobulle03');"><!-- D03 -->

</map>

...

<div id="div03" class="D1 terrain"><span class="terrain">Plaine</span></div>

<dfn id="infobulle03" class="infobulle" onMouseOut="Javascript:hide('infobulle03');" onMouseOver="Javascript:visi('infobulle03');"><span>Plaine<br/>

</span></dfn>

...

L'arborescence de mes éléments ( repris avec webdevelopper sous FF)
html > body > dfn #infobulle03 .infobulle

Chaque DIV à le même niveau que le DFN.

le "alert(document.all[nr]);" m'affiche dans safari : "undefined"
et "alert(nr);" m'affiche "infobulle03"

Je suppose que c'est un probleme d'accessibilité... mais comment résoudre ça?