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 :

Faire disparaitre et apparaitre du texte avec du javascript


Sujet :

JavaScript

  1. #1
    Membre confirm�
    Profil pro
    Inscrit en
    Ao�t 2006
    Messages
    87
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Ao�t 2006
    Messages : 87
    Par d�faut Faire disparaitre et apparaitre du texte avec du javascript
    Bonjour � tous,
    Voici mon gros soucis.
    J'ai fait un petit script qui ne fonctionne pas comme je voudrais.
    Le voila :

    Code : 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
    17
    18
    19
    20
    21
    22
    23
    <table>
        <tr>
            <td>
                <script>
                    function Affiche(Texte) {
                        if (Texte == '1') {
                            document.write('<table border="1"><tr><td>oui</td></tr></table>'); ;
                        }
                        else if (Texte == '2') {
                            document.write('<table border="1"><tr><td>non</td></tr></table>');
                        }
                        else {
                            document.write('<table border="1"><tr><td>peuetre</td></tr></table>');
                        }
                    }
                </script>
            </td>
            <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
            <td><A href="javascript:;" onClick="Affiche('1');">1</A>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<A href="javascript:;" onClick="Affiche('2');">2</A></td>
        </tr>
     
     
    </table>
    Ce que je n'arrive pas � faire doit etre simple pour vous les experts :
    en fait j'affiche le 1 et le 2
    ils sont tout les deux cliquables.
    Ils ont tout les deux un evement : Oui et Non
    Mais je ne veux pas relancer la page , le 1 et le 2 doivent TOUJOURS rester en visuel et interactif : c'est � dire que je dois toujours pouvoir jouer sur le 1 et le 2 et avoir le oui et non.
    C'est bizarre non que ma page efface tout.
    Merci de votre aide.

  2. #2
    Mod�rateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Is�re (Rh�ne Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par d�faut
    Citation Envoy� par edophie Voir le message
    C'est bizarre non que ma page efface tout.
    NON document.write efface TOUT le contenu de la page une fois celle ci �crite.

    On peux utiliser document.write � la cr�ation de la page, avec parcimonie, ou seul d'ailleurs, mais JAMAIS une fois celle ci charg�e sous peine de ce qui t'arrives.

  3. #3
    Membre confirm�
    Profil pro
    Inscrit en
    Ao�t 2006
    Messages
    87
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Ao�t 2006
    Messages : 87
    Par d�faut
    Merci pour l info
    Mais please que dois je faire car je ne suis qu un bleu en dev
    Merci beaucoup

  4. #4
    Membre confirm�
    Profil pro
    Inscrit en
    Ao�t 2006
    Messages
    87
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Ao�t 2006
    Messages : 87
    Par d�faut
    Voil� j'ai trouv� la r�ponse
    Voici la solution :

    Code : 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
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    <script>
     
    var texte_numero1;
    var texte_numero2;
     
    if (document.layers) {texte_numero1 = "nn4"}
    if (document.all) {texte_numero1 = "ie"}
    if (window.navigator.userAgent.toLowerCase().match("chm")) {
       texte_numero1= "chm"
    }
     
    if (document.layers) { texte_numero2 = "nn4" }
    if (document.all) { texte_numero2 = "ie" }
    if (window.navigator.userAgent.toLowerCase().match("chm2")) {
        texte_numero2 = "chm2"
    }
     
     
    function show1() {
        if (texte_numero1 == "chm")
            document.poppedLayer =
             eval('document.getElementById("texte1")');
        else if (texte_numero1 == "ie")
            document.poppedLayer =
            eval('document.getElementById("texte1")');
        else
            document.poppedLayer =
             eval('document.layers["texte1"]');
        document.poppedLayer.style.visibility = "visible";
     
        if (texte_numero2 == "chm2")
            document.poppedLayer =
             eval('document.getElementById("texte2")');
        else if (texte_numero2 == "ie")
            document.poppedLayer =
            eval('document.getElementById("texte2")');
        else
            document.poppedLayer =
             eval('document.layers["texte2"]');
        document.poppedLayer.style.visibility = "hidden";
    }
     
    function show2() {
        if (texte_numero1 == "chm")
            document.poppedLayer =
             eval('document.getElementById("texte1")');
        else if (texte_numero1 == "ie")
            document.poppedLayer =
            eval('document.getElementById("texte1")');
        else
            document.poppedLayer =
             eval('document.layers["texte1"]');
        document.poppedLayer.style.visibility = "hidden";
     
        if (texte_numero2 == "chm2")
            document.poppedLayer =
             eval('document.getElementById("texte2")');
        else if (texte_numero2 == "ie")
            document.poppedLayer =
            eval('document.getElementById("texte2")');
        else
            document.poppedLayer =
             eval('document.layers["texte2"]');
        document.poppedLayer.style.visibility = "visible";
    }
     
    </script>
     
    <form>
     
    <input type=button onClick="show1()" value="show1">
    <input type=button onClick="show2()" value="show2">
     
    </form>
    <div id="texte1"  style="visibility: visible">
    <big>Texte1</big>
    <layer></layer></div>
     
    <div id="texte2"  style="visibility: hidden">
    <big>Texte2</big>
    <layer></layer></div>

  5. #5
    Expert confirm�
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 660
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 660
    Par d�faut
    bonsoir,

    supprime eval() c'est compl�tement inutile dans ton cas.

    A ma connaissance les balises <layer> ne sont plus utilis�es depuis que Netscape a disparu.
    Et poppedLayer c'est quoi ?

  6. #6
    Mod�rateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Is�re (Rh�ne Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par d�faut
    document.getElementById( nom_element) est de nos jours bien suffisant et crossbrowser, pas la peine dans faire plus.

    doit ce mettre
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    <script type="text/javascript">
    tu as 2 fonctions show1 et show2 que tu peux sans mal factoriser, peux de diff�rente sachant que l'on peut passer des param�tres aux fonctions.

    Citation Envoy� par Auteur
    Et poppedLayer c'est quoi ?
    juste une variable cr�e.

Discussions similaires

  1. Faire disparaitre et apparaitre une div
    Par kopax dans le forum G�n�ral JavaScript
    R�ponses: 7
    Dernier message: 16/04/2010, 11h06
  2. Faire disparaitre et apparaitre une div
    Par kopax dans le forum Mise en page CSS
    R�ponses: 1
    Dernier message: 14/04/2010, 12h36
  3. Faire disparaitre et apparaitre un div simultanement ?
    Par Nooky dans le forum G�n�ral JavaScript
    R�ponses: 2
    Dernier message: 16/02/2010, 15h33
  4. Faire apparaitre du texte avec un mouse over
    Par zooffy dans le forum G�n�ral JavaScript
    R�ponses: 6
    Dernier message: 06/04/2008, 19h56
  5. R�ponses: 2
    Dernier message: 06/07/2007, 10h59

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