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 :

ie inline-block ou inline


Sujet :

JavaScript

Vue hybride

Message pr�c�dent Message pr�c�dent   Message suivant Message suivant
  1. #1
    Membre r�gulier
    Profil pro
    Inscrit en
    Octobre 2009
    Messages
    9
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2009
    Messages : 9
    Par d�faut ie inline-block ou inline
    Bonjours a tous, je suis nouveau dans se forum donc excuser moi si ma mise en page n'est pas dans vos norme ^^.

    Voyant que internet explorer n'affiche pas mon inline-block et apr�s recherche sur la "toile", j'ai sorti un script qui ne marche pas.
    Notez que les alert() sont valide .

    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
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    103
    104
    105
    106
    107
    108
    109
    110
    111
    112
    113
    114
    115
    116
    117
    118
    119
    120
    121
    122
    123
    124
    125
    126
    127
    128
    129
    130
    131
    <head><title>Sandwitch</title>
     
    <script language="javascript" >
     
     
    function sandwich(spef){
      document.getElementById('gr').className = 'contenu';
      document.getElementById('ca').className = 'contenu';
      document.getElementById('sa').className = 'contenu';
      document.getElementById('mo').className = 'contenu';
      document.getElementById('pa').className = 'contenu';
      document.getElementById('cr').className = 'contenu';
      document.getElementById(spef).className = 'aff';
     
    }
     
    function navigateur(){
     if(navigator.appName== "Netscape") { 
     alert('netscape'); 
     document.getElementsByName('onglet').stye.display= 'inline-block';
     }
      else if(navigator.appName == "Microsoft Internet Explorer") {
              alert('ie');
    		  document.getElementsByName('onglet').stye.display= 'inline';
    		  }
    		  else return;
     
    }
     
    </script>
    		<STYLE type="text/css">
    		.onglet {
     
         border: #6b8e23 2px solid;
         margin: 0px;
         padding : 10px;
         background-color: #a52a2a;
    }
     
    .contenu {
          display: none;
     
     
    }
    .aff {
          display :block ;
            border: #6b8e23 2px solid;
     
     
          font-size: 2em;
    	  background-color: #8A2BE2; 
    }
     
    body {
          background-image: url(enseigne-pomme-de-pain.jpg);
     
    }
     
    li{
     
         margin-left : 500px;
     
    }
    		</STYLE>
     
    </head>
     
     
    <body  onload="navigateur();" >
    <div align="center" >
    <img src="logo_pomme-de-pain.jpg" title="LOGO" alt="pas d'image"           /><br/>
    <div class="onglet" name="onglet" ><a  href="javascript:;" onclick="sandwich('gr');">Grilladin</a>
    </div>
    <div class="onglet" name="onglet"><a  href="javascript:;"onclick="sandwich('ca');" >Capresse</a>
    </div>
    <div class="onglet" name="onglet"><a  href="javascript:;" onclick="sandwich('sa');">Saveur du Sud</a>
    </div>
    <div class="onglet" name="onglet"><a  href="javascript:;" onclick="sandwich('mo');">Montagnard</a>
    </div>
    <div class="onglet" name="onglet"><a  href="javascript:;" onclick="sandwich('pa');">Pays</a>
    </div>
    <div class="onglet" name="onglet"><a  href="javascript:;" onclick="sandwich('cr');">Craquant</a>
    </div>
    </div>
     
    <br/>
     
     
    <div class="contenu"   id="gr"  ><ul>
        <li>bearnesse</li>
        <li>conté</li>
        <li>steak</li>
        <li>Plat secondaire</li>
        <li>icberg</li>
    </ul></div>
    <div class="contenu "  id="ca"> <ul>
        <li>tapenade</li>
        <li>mozzarella</li>
        <li>tomate confie</li>
        <li>grain de pin</li>
     
    </ul>
    </div>
    <div class="contenu " id="sa">
    <ul>
        <li>piono?</li>
        <li> ail</li>
        <li> poulet epicer</li>
        <li> icberg</li>
    </ul></div>
    <div class="contenu"id="mo" ><ul>
        <li>(creme fraiche, perccil?)</li>
        <li>tomate</li>
        <li> bacon</li>
        <li> fondue</li>
        </ul></div>
    <div class="contenu " id="pa"><ul>
        <li>beure</li>
        <li>janbon cru</li>
        <li> cornichon</li>
        </ul>
     
    </div>
    <div class="contenu" id="cr"><ul>
            <li>(vache ki rie, macedoine,)</li>
    		<li> jambon</li>
    		<li>cornichon</li>
    		<li>salade</li>
    </div>
     
    </body>
    Merci de m'eclairer se forum est une mine d OR

  2. #2
    Membre �m�rite Avatar de sebhm
    Homme Profil pro
    D�veloppeur Web
    Inscrit en
    Avril 2004
    Messages
    1 090
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 44
    Localisation : France, Landes (Aquitaine)

    Informations professionnelles :
    Activit� : D�veloppeur Web
    Secteur : Agroalimentaire - Agriculture

    Informations forums :
    Inscription : Avril 2004
    Messages : 1 090
    Par d�faut
    Bonjour,

    je ne comprends pas l'interet d'utiliser javascript pour affecter des propri�t�s CSS d�s le chargement de la page.
    Meme si tu veux g�rer une propri�t� que IE (c'est souvent lui) ne g�re pas bien, tu peux utiliser les commentaires conditionnels
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    <!--[if lte IE 6]>
    <style type="text/css">
     ... ton css special IE6 et versions antérieures dans ce cas là
    </style> 
    <![endif]-->
    de plus, getElementsByName va te retourner un tableau, tu ne peux donc pas faire
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    getElementsByName.display
    directement.

    � la limite, ceci va marcher (j'ai fait que la partie non IE)
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
     if(navigator.appName== "Netscape") { 
     alert('netscape'); 
     x=document.getElementsByName('onglet');
     for (var i=0;i<x.length;i++)
      x[i].style.display= 'inline-block';
     }
    mais, encore une fois, gere le sans javascript

  3. #3
    Membre r�gulier
    Profil pro
    Inscrit en
    Octobre 2009
    Messages
    9
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2009
    Messages : 9
    Par d�faut Moiti� resolu
    Merci,

    J'ai utiliser Javascript car je ne savais pas comment faire et c'est la premi�re m�thode que j'ai trouver.

    <!--[if IE ]> marche tres bien merci.

    Pour ton code Javascript, cela marche tres bien sur Firefox, opera .. mais pas sur Ie

    Breff merci pour ton aide. Si ta la solution Javascript pour ie merci , sinon merci c pas grave .

  4. #4
    Membre �m�rite Avatar de sebhm
    Homme Profil pro
    D�veloppeur Web
    Inscrit en
    Avril 2004
    Messages
    1 090
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 44
    Localisation : France, Landes (Aquitaine)

    Informations professionnelles :
    Activit� : D�veloppeur Web
    Secteur : Agroalimentaire - Agriculture

    Informations forums :
    Inscription : Avril 2004
    Messages : 1 090
    Par d�faut
    ben c'est la meme chose dans le else, avec la valeur 'inline' au lieu de 'inline-block'.
    C'est pour �a que j'ai pr�cis�
    j'ai fait que la partie non IE

  5. #5
    Membre r�gulier
    Profil pro
    Inscrit en
    Octobre 2009
    Messages
    9
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2009
    Messages : 9
    Par d�faut re
    Je sais, mais en changeant sa ne marche pas. de toute fa�on j'ai "tuer" les probl�me en supprimant cette parti.

    reporte toi a mon autre probl�me-post:

    http://www.developpez.net/forums/d82...javascript-ie/

    je pense que les deux probl�me sont li�

    merci de ton attention, sympa

+ R�pondre � la discussion
Cette discussion est r�solue.

Discussions similaires

  1. Des inline block partiellement cliquables
    Par Halex78 dans le forum Mise en page CSS
    R�ponses: 1
    Dernier message: 01/04/2009, 18h43
  2. display:inline-block; Probl�me avec Netscape navigator
    Par mehdi_scofield dans le forum Mise en page CSS
    R�ponses: 2
    Dernier message: 29/11/2008, 16h44
  3. Probl�mes avec display:inline-block
    Par NewbiePower dans le forum Mise en page CSS
    R�ponses: 3
    Dernier message: 30/10/2007, 11h34
  4. utilisation de display:inline-block
    Par CUCARACHA dans le forum Balisage (X)HTML et validation W3C
    R�ponses: 4
    Dernier message: 06/08/2007, 15h21
  5. Display block et inline sur un lien
    Par Phenomenium dans le forum Balisage (X)HTML et validation W3C
    R�ponses: 3
    Dernier message: 19/05/2006, 21h38

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