Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1397 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  CSS Incompatible ? SP2007

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

CSS Incompatible ? SP2007

n°2237295
kvdarkfire​69
Posté le 09-09-2014 à 09:28:24  profilanswer
 

Bonjour à tous,
 
J'ai un petit soucis avec SharePoint version 2007 (J'aimerais bien upgrade de SP mais je n'ai pas le choix.), en effet j'ai l'impression que la balise display ne fonctionne pas dans les Content Editor Web Part, je penche pour une incompatibilité du à la version 2007 :
 
Voici mon code :
 

Code :
  1. <html>
  2. <head>
  3.  <title>newhometest</title>
  4.  <style type="text/css">
  5.   #show div { display:none; }
  6.   #show .show { display : block; }
  7.  </style>
  8.  <script type="text/javascript">
  9.   toggle_div = function(bouton, id) {
  10.    var section = document.getElementById("show" );
  11.    var childSection = section.childNodes;
  12.    for(var i = 0; i < childSection.length; i++){
  13.     if(childSection[i].nodeType == 1){              childSection[i].className=childSection[i].className.replace("show","" );
  14.               if(childSection[i].id === id){
  15.                childSection[i].className = childSection[i].className + "show";
  16.               }
  17.     }
  18.     console.log(childSection[i].nodeType);
  19.    }
  20.     var div = document.getElementById(id);
  21.   }
  22.  </script>
  23. </head>
  24. <body>
  25.  <section id="works">
  26.  <div id ="imgo365">
  27.    <div style="float:left;margin-right:20px;" id="work_1" onclick="toggle_div(this,'show_1')"><a href="#show_1"><img src="test/img/outlook.png" alt="outlook"/></a></div>
  28.    <div style="float:left;margin-right:20px;" id="work_2" onclick="toggle_div(this,'show_2')"><a href="#show_2"><img src="test/img/o365.png" alt="o365"/></a></div>
  29.    <div style="float:left;margin-right:20px;" id="work_3" onclick="toggle_div(this,'show_3')"><a href="#show_3"><img src="test/img/lync.png" alt="lync"/></a></div>
  30.    <div style="float:left;margin-right:20px;" id="work_4" onclick="toggle_div(this,'show_4')"><a href="#show_4"><img src="test/img/workplace.png" alt="workplace"/></a></div>
  31.  </div>
  32.  </section>
  33.  <section style="clear: both;" id="show">
  34.   <br />
  35.   <br />
  36.   <div id="show_1">
  37.    Visible content 1
  38.   </div>
  39.   <div id="show_2">
  40.    Visible content 2
  41.   </div>
  42.   <div id="show_3">
  43.    Visible content 3
  44.   </div>
  45.   <div id="show_4">
  46.    Visible content 4
  47.   </div>
  48.  </section>
  49. </body>
  50. </html>


 
Si vous connaissez une solution ou autre chose d'équivalent je suis preneur.
 
 
Merci d'avance  mesdames, messieurs :)

mood
Publicité
Posté le 09-09-2014 à 09:28:24  profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  CSS Incompatible ? SP2007

 

Sujets relatifs
[CSS] fixed, z-index vs scrollFonts CSS non fonctionnels
bordure image Html / CSSMise en page CSS, histoire de bien démarrer
Ne pas appliquer le CSS aux balises div.Problème : Type incompatible (erreur 13)
Problème CSSAide demandée pour un debutant en html, CSS resulat different sous ie
Barre de recherche HTML/CSSForum en HTML/CSS
Plus de sujets relatifs à : CSS Incompatible ? SP2007


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR