Discussion :

[Robjerey]

Bonjour.

Ci-dessous mon code HTML :

Code HTML :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<table id="premier">
        <tr>
        <td>oneTest</td>
                <td> contenu1 </td>             
            </tr>       
            <tr>
                <td>twoTest</td>
                <td>contenu2</td>              
            </tr>
            </table>
<table id="deuxieme" style="visibility:hidden">
            <tr>
            <td>autreTest</td>
             <td>encoreTest   </td> 
           </tr> </table>
<input type="button" value="Suivant" onclick="suivant()" />

Ci-dessous mon code JavaScript:

Code JavaScript :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
function suivant() {
document.getElementById("premier").style.visibility = "hidden";
            document.getElementById("deuxieme").style.visibility = "visible";}

Mais, le deuxi�me tableau appara�t en dessous du premier tableau qui a disparu.

Comment faire, s'il vous pla�t, pour que le deuxi�me tableau apparaisse � la place du premier tableau qui a disparu, c'est-�-dire non pas en dessous, mais au m�me niveau (comme s'il s'agissait StackPanel) ?

Merci.

[numew]

La propri�t� "visibility:hidden" masque un �l�ment mais laisse l'espace qu'il occupe disponible, pour le faire "disparaitre" on peut utiliser � la place "display:none"

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<table id="premier">
        <tr>
        <td>oneTest</td>
                <td> contenu1 </td>             
            </tr>       
            <tr>
                <td>twoTest</td>
                <td>contenu2</td>              
            </tr>
            </table>
<table id="deuxieme" style="display:none;">
            <tr>
            <td>autreTest</td>
             <td>encoreTest   </td> 
           </tr> </table>
<input type="button" value="Suivant" onclick="suivant()" />

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
 
    function suivant() {
        document.getElementById("premier").style.display = "none";
        document.getElementById("deuxieme").style.display = "table";
    }