Utilisateur anonyme
-
30 mars 2015 à 16:29
Utilisateur anonyme -
30 mars 2015 à 16:56
Bonjour alors je m'explique dans le div avec id 'contenu', quand je veux écrire quelque chose dedans avec .innerHTML (tout en bas) au click de la souris sur le bouton nouvelles, il est censé apparaître le text mais c'est étrange car le text apparaît uniquement pendant 0,1 seconde, je ne trouve pas d'où viens le problème après avoir tout essayé :(
le code :
_______________________________________________
<html>
<body bgcolor="black">
<style rel="stylesheet" type="text/css">
.Bouton
{border:2px white inset;background-color:black;color:white;
font-size:30pt;position:absolute;left:0;top:0;
text-align:center;word-wrap:break-word;}
</style>
<meta charset="UTF-8"/>
<a href=""><div id="nouv" class="Bouton" onclick="LoadNouv()">Nouvelles</div></a>
<a href=""><div id="staff" class="Bouton" onclick="LoadStaff()">Staff</div></a>
<a href=""><div id="dons" class="Bouton" onclick="LoadDons()">Dons</div></a>
<a href=""><div id="info" class="Bouton" onclick="LoadInfo()">Informations</div></a>
<a href=""><div id="regles" class="Bouton" onclick="LoadRegles()">Règles</div></a>
<div id="contenu" style="border:2px white inset;background-color:black;color:orange;font-size:20pt;position:absolute;left:0;top:0;text-align:center;word-wrap:break-word;"><p id="text"></p></div>
<script type="text/javascript">
var Saut = "<br/>";
var TextNouvelles = "Bonjour";
// Var
var Nouvelles = document.getElementById("nouv").style;
var Staff = document.getElementById("staff").style;
var Dons = document.getElementById("dons").style;
var Informations = document.getElementById("info").style;
var Regles = document.getElementById("regles").style;
var Contenu = document.getElementById("contenu").style;
var Cinquieme = document.documentElement.offsetHeight/5;
var Quart = document.documentElement.offsetWidth/4;
// Height
Nouvelles.lineHeight = Cinquieme.toString()+"px";
Staff.lineHeight = Cinquieme.toString()+"px";
Dons.lineHeight = Cinquieme.toString()+"px";
Informations.lineHeight = Cinquieme.toString()+"px";
Regles.lineHeight = Cinquieme.toString()+"px";
Contenu.height = ((Cinquieme.toString()*5)-4)+"px";
// Width
Nouvelles.width = Quart.toString()+"px";
Staff.width = Quart.toString()+"px";
Dons.width = Quart.toString()+"px";
Informations.width = Quart.toString()+"px";
Regles.width = Quart.toString()+"px";
Contenu.width = ((Quart.toString()*3)-7)+"px";
// Top
Nouvelles.top = "0";
Staff.top = Cinquieme.toString();
Dons.top = Cinquieme.toString()*2;
Informations.top = Cinquieme.toString()*3;
Regles.top = (Cinquieme.toString()*4)-3;
// Left
Quart_2 = Quart + 2;
Contenu.left = Quart_2.toString();
// Function
function LoadNouv()
{
var Contenu_2 = document.getElementById("text");
Contenu_2.innerHTML = TextNouvelles.toString();
}
</script>
</body>
</html>
