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

Mise en page CSS Discussion :

Probleme sur display:none;


Sujet :

CSS

Mode arborescent

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Invité
    Invité(e)
    Par défaut Probleme sur display:none;
    Bonjour, je tente d’adapter un petit script javascript qui fonctionne parfaitement a un code php.

    Voici ce code:
    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    <SCRIPT TYPE="text/javascript">	
        function showWait()
            {
        if (document.getElementById('plus1').style.display='block')
        {
        return "document.getElementById('plus1').style.display='none'"
         }
        return false
            }</SCRIPT>

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    <div class="testRight">
    		<a id="la_suite1" class="la_suite"  href="#debutgun" onclick="showWait();"  >
    		Lire la suite</a>
    	<div id="plus1" style="display:none; width:500px; " onclick="document.getElementById('la_suite1').style.display='none'; "> 
     
    			Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
    			tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
    			quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
    			consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
    			cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
    			proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    	</div>
    </div>


    Dans mon script j'ai :
    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    <SCRIPT TYPE="text/javascript">	
        function showWait(){
    		if (document.getElementById('plus2').style.display='block'){
    			return "document.getElementById('plus2').style.display='none'"
    		}
    		return false
    </script>

    qui contient les divs et boutons
    Code php : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    include 'content/Plus_horaire_gta.php';
    include 'content/Plus_horaire_gta2.php';
    dans Plus_horaire_gta.php j'ai :
    Code php : Sélectionner tout - Visualiser dans une fenêtre à part
    printf("<input type=\"button\" class=\"btn btn-primary\" onClick=\"showWait()\" value=\"Ajouter un horraire\">");
    dans Plus_horaire_gta2.php j'ai :
    Code php : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    printf("<div id=\"plus2\" style=\"display:none;\">");	
    ......
    printf("</div>");

    Malgré tout ceci, le display none n'est pas pris en compte au départ
    Merci de votre aide
    Dernière modification par Bovino ; 05/02/2013 à 10h58. Motif: Merci d'indiquer le langage utilisé ([code=xxx]) !

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Display: none sur div enfant
    Par lolo34140 dans le forum Général JavaScript
    Réponses: 31
    Dernier message: 26/03/2013, 10h35
  2. Agir sur un Children qui est display:none
    Par smthg.bzr dans le forum jQuery
    Réponses: 1
    Dernier message: 20/01/2012, 14h13
  3. Display:none sur IE
    Par chantren dans le forum Mise en page CSS
    Réponses: 9
    Dernier message: 05/08/2010, 11h24
  4. display none sur un <li>
    Par Dev@lone dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 04/11/2009, 18h20
  5. Faire fonctionner le onfocus sur un élément en display:none
    Par eXiaNazaire dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 27/04/2006, 11h10

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