Probléme avec les tableau sous IE
soukarita
-
soukarita -
soukarita -
Bonjour,
j'ai déjà appliquer cette méthode ça marche super bien mais mon problème c'est quand j'intègre un tableau au milieu de div qui s'ouvre sous FF ça marche mais sous IE il m'affiche rien lorsque j'ouvre le lien je vois que du blanc c'est toujour des probléme avec IE
NB IE 8 + ça marche mais le 7 - ça marche pas
merci d'avance
j'ai déjà appliquer cette méthode ça marche super bien mais mon problème c'est quand j'intègre un tableau au milieu de div qui s'ouvre sous FF ça marche mais sous IE il m'affiche rien lorsque j'ouvre le lien je vois que du blanc c'est toujour des probléme avec IE
NB IE 8 + ça marche mais le 7 - ça marche pas
merci d'avance
A voir également:
- Probléme avec les tableau sous IE
- Tableau word - Guide
- Tableau ascii - Guide
- Trier un tableau excel - Guide
- Tableau croisé dynamique - Guide
- Imprimer tableau excel sur une page - Guide
2 réponses
oui vous avez raison :) voici le code je crois que c'est un peu différent de celui proposer mais c'est le même principe .
voici le code
<style type="text/css" media="all">
.cachediv {
visibility: hidden;
overflow: hidden;
height: 1px;
margin-top: -1px;
position: fixed;
}
</style>
<script type="text/javascript">
<!--
/*
* Montre / Cache un div
*/
function DivStatus( nom, numero )
{
var divID = nom + numero;
if ( document.getElementById && document.getElementById( divID ) ) // Pour les navigateurs récents
{
Pdiv = document.getElementById( divID );
PcH = true;
}
else if ( document.all && document.all[ divID ] ) // Pour les veilles versions
{
Pdiv = document.all[ divID ];
PcH = true;
}
else if ( document.layers && document.layers[ divID ] ) // Pour les tres veilles versions
{
Pdiv = document.layers[ divID ];
PcH = true;
}
else
{
PcH = false;
}
if ( PcH )
{
Pdiv.className = ( Pdiv.className == 'cachediv' ) ? '' : 'cachediv';
}
}
/*
* Cache tous les divs ayant le meme préfixe
*/
function CacheTout( nom )
{
var NumDiv = 1;
if ( document.getElementById ) // Pour les navigateurs récents
{
while ( document.getElementById( nom + NumDiv) )
{
SetDiv = document.getElementById( nom + NumDiv );
if ( SetDiv && SetDiv.className != 'cachediv' )
{
DivStatus( nom, NumDiv );
}
NumDiv++;
}
}
else if ( document.all ) // Pour les veilles versions
{
while ( document.all[ nom + NumDiv ] )
{
SetDiv = document.all[ nom + NumDiv ];
if ( SetDiv && SetDiv.className != 'cachediv' )
{
DivStatus( nom, NumDiv );
}
NumDiv++;
}
}
else if ( document.layers ) // Pour les tres veilles versions
{
while ( document.layers[ nom + NumDiv ] )
{
SetDiv = document.layers[ nom + NumDiv ];
if ( SetDiv && SetDiv.className != 'cachediv' )
{
DivStatus( nom, NumDiv );
}
NumDiv++;
}
}
}
//-->
</script>
<div align="justify">
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="texte">
<tr>
<td width="978" valign="top" ><a href="javascript:DivStatus('question','6')" class="texte3"></a>
<table width="100%" border="0" align="left">
<tr>
<td width="13" height="20" valign="top"><table width="10" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="10" height="4"></td>
</tr>
</table>
<img src="images/ic.jpg" width="11" height="13" /></td>
<td width="718" valign="top" class="texte1"><a href="javascript:DivStatus('question','6')" class="vert2">bonjour tout le monde : </a>
<table width="200" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="12"></td>
</tr>
</table></td>
</tr>
</table>
<div name="question6" id="question6" class="cachediv">
<div class="texte1" style="border: 0px solid black; margin-bottom: 2px; padding: 2px;"><br />
<br />
<span class="grisG">
</span>
<table width="200" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="6"></td>
</tr>
</table>
<table width="97%" border="0" cellpadding="0" cellspacing="0">
<tr>
<th width="1" scope="row"></th>
<th width="17" valign="top" scope="row"><table width="1%" border="0" cellpadding="0" cellspacing="0">
<tr>
<th height="3" scope="row"></th>
</tr>
</table>
<img src="images/rond.jpg" width="5" height="4" /></th>
<th width="1099" align="left" valign="top" class="texte" scope="row">bonjourr
bonjourr
bonjourr
bonjourr
bonjourr
bonjourr
bonjourr
bonjourr<br />
bonjourr
bonjourr
bonjourr
bonjourr
bonjourr
bonjourr
bonjourr
<br />
<table width="37%" border="0" cellpadding="0" cellspacing="0">
<tr>
<th height="4" scope="row"></th>
</tr>
</table></th>
</tr>
</table>
<table width="37%" border="0" cellpadding="0" cellspacing="0">
<tr>
<th height="6" scope="row"></th>
</tr>
</table>
</div>
</div>
voici le code
<style type="text/css" media="all">
.cachediv {
visibility: hidden;
overflow: hidden;
height: 1px;
margin-top: -1px;
position: fixed;
}
</style>
<script type="text/javascript">
<!--
/*
* Montre / Cache un div
*/
function DivStatus( nom, numero )
{
var divID = nom + numero;
if ( document.getElementById && document.getElementById( divID ) ) // Pour les navigateurs récents
{
Pdiv = document.getElementById( divID );
PcH = true;
}
else if ( document.all && document.all[ divID ] ) // Pour les veilles versions
{
Pdiv = document.all[ divID ];
PcH = true;
}
else if ( document.layers && document.layers[ divID ] ) // Pour les tres veilles versions
{
Pdiv = document.layers[ divID ];
PcH = true;
}
else
{
PcH = false;
}
if ( PcH )
{
Pdiv.className = ( Pdiv.className == 'cachediv' ) ? '' : 'cachediv';
}
}
/*
* Cache tous les divs ayant le meme préfixe
*/
function CacheTout( nom )
{
var NumDiv = 1;
if ( document.getElementById ) // Pour les navigateurs récents
{
while ( document.getElementById( nom + NumDiv) )
{
SetDiv = document.getElementById( nom + NumDiv );
if ( SetDiv && SetDiv.className != 'cachediv' )
{
DivStatus( nom, NumDiv );
}
NumDiv++;
}
}
else if ( document.all ) // Pour les veilles versions
{
while ( document.all[ nom + NumDiv ] )
{
SetDiv = document.all[ nom + NumDiv ];
if ( SetDiv && SetDiv.className != 'cachediv' )
{
DivStatus( nom, NumDiv );
}
NumDiv++;
}
}
else if ( document.layers ) // Pour les tres veilles versions
{
while ( document.layers[ nom + NumDiv ] )
{
SetDiv = document.layers[ nom + NumDiv ];
if ( SetDiv && SetDiv.className != 'cachediv' )
{
DivStatus( nom, NumDiv );
}
NumDiv++;
}
}
}
//-->
</script>
<div align="justify">
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="texte">
<tr>
<td width="978" valign="top" ><a href="javascript:DivStatus('question','6')" class="texte3"></a>
<table width="100%" border="0" align="left">
<tr>
<td width="13" height="20" valign="top"><table width="10" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="10" height="4"></td>
</tr>
</table>
<img src="images/ic.jpg" width="11" height="13" /></td>
<td width="718" valign="top" class="texte1"><a href="javascript:DivStatus('question','6')" class="vert2">bonjour tout le monde : </a>
<table width="200" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="12"></td>
</tr>
</table></td>
</tr>
</table>
<div name="question6" id="question6" class="cachediv">
<div class="texte1" style="border: 0px solid black; margin-bottom: 2px; padding: 2px;"><br />
<br />
<span class="grisG">
</span>
<table width="200" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="6"></td>
</tr>
</table>
<table width="97%" border="0" cellpadding="0" cellspacing="0">
<tr>
<th width="1" scope="row"></th>
<th width="17" valign="top" scope="row"><table width="1%" border="0" cellpadding="0" cellspacing="0">
<tr>
<th height="3" scope="row"></th>
</tr>
</table>
<img src="images/rond.jpg" width="5" height="4" /></th>
<th width="1099" align="left" valign="top" class="texte" scope="row">bonjourr
bonjourr
bonjourr
bonjourr
bonjourr
bonjourr
bonjourr
bonjourr<br />
bonjourr
bonjourr
bonjourr
bonjourr
bonjourr
bonjourr
bonjourr
<br />
<table width="37%" border="0" cellpadding="0" cellspacing="0">
<tr>
<th height="4" scope="row"></th>
</tr>
</table></th>
</tr>
</table>
<table width="37%" border="0" cellpadding="0" cellspacing="0">
<tr>
<th height="6" scope="row"></th>
</tr>
</table>
</div>
</div>
