IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Afficher une balise html à la place d'une autre


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Janvier 2014
    Messages
    46
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2014
    Messages : 46
    Par défaut Afficher une balise html à la place d'une autre
    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.

  2. #2
    Membre chevronné
    Homme Profil pro
    Développeur Web
    Inscrit en
    Janvier 2008
    Messages
    252
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2008
    Messages : 252
    Par défaut
    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";
        }

Discussions similaires

  1. Une balise a peut elle encadrer une balise td?
    Par dev14 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 6
    Dernier message: 28/03/2012, 08h15
  2. Utiliser une classe CSS sans l'attribuer à une balise HTML
    Par islogged dans le forum Mise en page CSS
    Réponses: 9
    Dernier message: 20/07/2011, 21h23
  3. Afficher des balises HTML dans une chaine javascript
    Par lapaupiette dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 07/03/2007, 10h19
  4. [HTML] pb de mise en place d'une balise <div> dans des balises <ul>
    Par youp_db dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 06/11/2006, 16h57
  5. [XSLT] inclure du XSL dans une balise html
    Par iaa dans le forum XSL/XSLT/XPATH
    Réponses: 2
    Dernier message: 05/08/2002, 15h57

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo