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 :
- <html>
- <head>
- <title>newhometest</title>
- <style type="text/css">
- #show div { display:none; }
- #show .show { display : block; }
- </style>
- <script type="text/javascript">
- toggle_div = function(bouton, id) {
- var section = document.getElementById("show" );
- var childSection = section.childNodes;
- for(var i = 0; i < childSection.length; i++){
- if(childSection[i].nodeType == 1){ childSection[i].className=childSection[i].className.replace("show","" );
- if(childSection[i].id === id){
- childSection[i].className = childSection[i].className + "show";
- }
- }
- console.log(childSection[i].nodeType);
- }
- var div = document.getElementById(id);
- }
- </script>
- </head>
- <body>
- <section id="works">
- <div id ="imgo365">
- <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>
- <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>
- <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>
- <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>
- </div>
- </section>
- <section style="clear: both;" id="show">
- <br />
- <br />
- <div id="show_1">
- Visible content 1
- </div>
- <div id="show_2">
- Visible content 2
- </div>
- <div id="show_3">
- Visible content 3
- </div>
- <div id="show_4">
- Visible content 4
- </div>
- </section>
- </body>
- </html>
|
Si vous connaissez une solution ou autre chose d'équivalent je suis preneur.
Merci d'avance mesdames, messieurs