InnerHTML on refresh > reset values :(

Fermé
PINICOLAS Messages postés 11 Date d'inscription dimanche 11 octobre 2015 Statut Membre Dernière intervention 13 juillet 2016 - Modifié par PINICOLAS le 27/02/2016 à 22:24
PINICOLAS Messages postés 11 Date d'inscription dimanche 11 octobre 2015 Statut Membre Dernière intervention 13 juillet 2016 - 28 févr. 2016 à 09:08
Bonjour,
je fait un site depuis pas longtemps et j'essaye de faire un petit systeme de like ou j'ai un bouton j'appuie dessus et sa modifie une div genre : je clique bouton = div = +1
Mais quand je refresh la page sa reset les valeur que j'avait modifier avant avec le innerHTML pouvez vous m'aider ?

Mon code ( jvien de commencer ok... ) :

<!DOCTYPE html>
<html lang="fr">
<head>
 <meta charset="utf-8">
 <title>Hub78</title>
 <link rel="shortcut icon" href="http://epicube.fr/head/crazy?">
</head>
<body onload="time">
 <style>
.78{
 cursor: pointer;
}

.78:hover{
 box-shadow: 0px 0px 30px red;
 cursor: pointer;
}

.like{

}
</style>
 <br><br><br><br><br><br><br>
 <center><div id="msg" style="color: #534; font-family: Verdana"></div><br></center>
  <script>
 function time(){
  function re(){
   var d = new Date();
   var h = d.getHours();
   var m = d.getMinutes();
   var s = d.getSeconds();
   if(h<10){
    h = "0"+h;
   }
   if(m<10){
    m = "0"+m;
   }
   if(s<10){
    s = "0"+s;
   }
   document.getElementById("msg").innerHTML=("..."+"<br>"+h+":"+m+":"+s);
  }
  re();
  setTimeout("time()",1000);
 }

 function like(){
  var now = document.getElementById("now").value;
  this.likes.setAttribute("autocomplete", "off");
  var likes = document.getElementById("likes");
  likes.innerHTML=(""+1);
 }
 </script>
 <script>
 window.onload = time();
 </script>

 <center><img src="78.jpg" id="78" class="78" alt="... Comment dire ?" style="cursor: pointer; box-shadow: 0px 0px 30px #785698; border-radius: 9px; height: 18em"></img></center>
 <input type="button" onclick="like()" id="like" class="like" style="margin: 5em; width: 64px; height: 64px; border: 0px solid white; background-image: url(http://www.scienceclass411.com/images/stylistica-icons-set/png/64x64/like.png); cursor: crosshair" value=""/><div id="likes" style="background-color: #000; color: #fff; border-radius: 3px; width: 9em; position: absolute; left: 12em; bottom: 3.7em; padding: 9px; font-family: Verdana">0</div>
 <input type="text" id="now" class="now" value="1" style="visibility: hidden" />
 <?php



 ?>
 </body>
 </html>
A voir également:

1 réponse

jordane45 Messages postés 38453 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 mars 2025 4 740
Modifié par jordane45 le 27/02/2016 à 22:55
Bonjour,


Mais quand je refresh la page sa reset les valeur que j'avait modifier

Et.... tu stockes le contenu de ta variable quelque-part ?
Sinon.. normal que ça ne conserve pas en mémoire entre chaque refresh/affichage de ta page !

En général.. pour ça .. on utilise une BASE DE DONNEES (mysql par exemple) ... et donc un langage Serveur ( PHP ).
Bien sûr, pour pouvoir faire ce que tu souhaites il te faudra utiliser de l'ajax ( pour ça, regardes du côté de JQUERY) afin que ton script JAVASCRIPT puisse appeller un script PHP qui stockerait ton info en BDD.


PS: Avant que tu ne nous le demande .... Tu trouveras sans mal de nombreux tutoriels et exemples sur le net sur l'utilisation de l'ajax.

PS² : Si tu dev en local sur ton pc .. penses à installer un logiciel tel que WAMP ou EASYPHP ou XAMPP. Si tu ne connais pas... là aussi cherche des tutos sur son utilisation sur le net.


PS3 : Si tu ne souhaites pas te mettre au php .. tu peux toujours bricoler un truc en utilisant les COOKIES. https://ppk.developpez.com/tutoriels/javascript/gestion-cookies-javascript/

Cordialement, 
Jordane                                                                 
0
PINICOLAS Messages postés 11 Date d'inscription dimanche 11 octobre 2015 Statut Membre Dernière intervention 13 juillet 2016
28 févr. 2016 à 09:08
Tu m'aide pas vraiment mais il n'existe ( le mec qui rage ) AUCUN POST VRAI QUI MARCHE AU MONDE POUR SA et le php je connais déjà mais perso chui suis mal a l'aise dans le php... Et vue que je sais pas comment faire pour éditer mon site en ligne sur les ftp bah j'utilise wamp et par moment les cookies bah ils marches pas :(... Je préfère utiliser le JavaScript.
0