HTML5/CC3/JS Problème text qui apparaît disparaît

[Résolu/Fermé]
Signaler
Messages postés
106
Date d'inscription
vendredi 6 décembre 2013
Statut
Membre
Dernière intervention
18 août 2017
-
Messages postés
106
Date d'inscription
vendredi 6 décembre 2013
Statut
Membre
Dernière intervention
18 août 2017
-
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>

_______________________________________________

1 réponse

Messages postés
106
Date d'inscription
vendredi 6 décembre 2013
Statut
Membre
Dernière intervention
18 août 2017
7
J'ai trouvé, en faite dans OnClick du bouton il ne faut pas mettre :
LoadNouv()
mais
LoadNouv();return false;

Bonne journée