Posez votre question Signaler

Créer un bouton qui affiche en dessous le nombre de clic

Ocazou11 - Dernière réponse le 25 juil. 2013 à 09:40
Bonjour,
je vous demande de l'aide car après avoir éplucher pendant plusieurs heures le web, je ne trouve pas de réponse concluante à mon problème.
Effectivement, depuis peu, je me suis mis au HTML et au CSS pour créer mon site web, jusque là tout va bien, le souci, c'est que j'aimerais créer des boutons qui fonctionnent comme les "j'aime" de facebook, on clic dessus pour afficher notre réaction, mais le bouton ne donne sur aucun lien, il rajoute juste +1 au nombre en dessous.
Il me semble avoir vu que c'était faisable avec du javascript, mais comme je ne m'y connait pas trop, je suis un peut bloqué...
J'espère avoir été suffisamment clair dans ma demande.
Je vous remercie d'avance pour vos réponses.
Lire la suite 
Réponse
+2
moins plus
hello

c'est pas comme ça que ça marche, il faut incrémenter une base de donnée ou un fichier sur ton serveur, car tu te doutes bien qu'à chaque clic il faut que ça s'enregistre quelque part.

donc, le plus simple c'est d'utiliser un fichier, sur cette page tu as un exemple d'ouverture, d'écriture et de fermeture:
http://www.lephpfacile.com/cours/7-lire-et-ecrire-dans-un-fichier-texte

et ça fait ce que tu demandes en plus :)

<?php
// Instruction 1
$fp = fopen ("compteur.txt", "r+");  
// Instruction 2
$nb_visites = fgets ($fp, 11);  
// Instruction 3
$nb_visites = $nb_visites + 1;  
// Instruction 4
fseek ($fp, 0);  
// Instruction 5
fputs ($fp, $nb_visites);  
// Instrcution 6
fclose ($fp);  
// Instrcution 7
echo 'Ce site compte '.$nb_visites.' visiteurs !';  
?> 
Ocazou11- 24 juil. 2013 à 21:05
Je te remercie de ta réponse rapide ! ^^
J'ai bien réussi à créer un document php, le code que tu m'a donné marche bien visiblement, mais le souci c'est que je comprends pas comment je peux l'intégrer à mon bouton, de plus ce code permet de comptabiliser le nombre de visite sur la page si j'ai bien compris, mais moi ce que je voudrais c'est comptabiliser le nombre de clic sur un bouton (sans redirection vers une page)...
Répondre
astuces72 2389Messages postés vendredi 15 janvier 2010Date d'inscription 13 février 2015Dernière intervention - 24 juil. 2013 à 21:39
re

Oui mais tu fais ce que tu veux avec après, la dans l'exemple ça incrémente de 1 à chaque refresh de la page, mais en le mettant sur le bouton ça devrait être bon.
tu as ton code à nous donner ?
Répondre
Ocazou11- 24 juil. 2013 à 22:32
re
alors voici le code HTML de la page :


<!DOCTYPE html>
<html>
<head>
<title>Euh production</title>
<meta charset="UTF-8" />
<!-- description qui apparait sur la page de recherche google -->
<meta name="description" content="">
<!-- mots clés pour les recherches google -->
<meta name="keywords" content="euh production, alexandre soyer">
<link rel="stylesheet" type="text/css" href="CSS3/styleuh_003.css" />
</head>

<body>
<!-- Le bouton de retour : accueil -->
<div class="bouton_retour" >
<div class="notes_liens">
<p>© Copyright Alexandre Soyer</p>
</div>
<div class="le_bouton">
<a href="page-menu_001.html"><img src="images/boutons/retour_page-about_me_001.png" width="125" onmouseout="javascript:this.src='images/boutons/retour_page-about_me_001.png';" onmouseover="javascript:this.src='images/boutons/retour_page-about_me_002.png';" /></a>
</div>
</div>

<!-- Logo About_me -->
<div class="boutonsite" >
<a><img src="images/logos/logo_about_me.png" width="100" /></a>
</div>


<!-- texte -->
<div class="presentation">
<p>Je m'appelle Alexandre et suis actuellement étudiant en <mark>2ème année de DSAA</mark> (Diplôme Supérieur d'Arts Appliqués), option <mark>Design d'Espace</mark>, au lycée Alain Colas de Nevers. Je prépare un diplôme sur le sujet d'étude suivant : <mark>l'image animée dans l'espace</mark>. En dehors de l'architecture, je m'intéresse à tous les domaines de l'art, mais avec une préférence pour le <mark>cinéma d'animation 2D/3D</mark>. D'une manière général, on peut dire que je suis <mark>de nature curieuse</mark> et que j'aime bien <mark>tester de nouvelles techniques</mark>.</p>
<p>J'ai créé ce site pour vous faire partager mon <mark>univers décalé</mark>, où cohabitent projets d'archi, croquis, dessins énigmatiques, graphismes, animations diverses et variées...</p>
</div>

<!-- menu du bas -->
<div class="menu">
<div>
<a href="page-parcours.html"><img src="images/textes/parcours_001.png" width="135" onmouseout="javascript:this.src='images/textes/parcours_001.png';" onmouseover="javascript:this.src='images/textes/parcours_002.png';" /></a>
</div>
<div>
<a href="page-competences.html"><img src="images/textes/competences_001.png" width="166" onmouseout="javascript:this.src='images/textes/competences_001.png';" onmouseover="javascript:this.src='images/textes/competences_002.png';" /></a>
</div>
<div>
<a href="page-contact.html"><img src="images/textes/contact_001.png" width="125" onmouseout="javascript:this.src='images/textes/contact_001.png';" onmouseover="javascript:this.src='images/textes/contact_002.png';" /></a>
</div>
</div>

<div class="clearfloat"></div>

</body>
</html>

le bouton dont je parle c'est celui là :

<!-- Logo About_me -->
<div class="boutonsite" >
<a><img src="images/logos/logo_about_me.png" width="100" /></a>
</div>
Répondre
Ajouter un commentaire
Réponse
+0
moins plus
Salut !

Je te propose un petit truc assez simple :)

Fais toi un fichier .txt sur ton serveur.
Ensuite, un fichier .php qui contiendra simplement :
<?php
$nb = get_file_contents('nomdufichiertxt.txt');
$nb = (int)$nb;
put_file_contents('nomdufichiertxt.txt, $nb++);
?>

Dans ton html, un simple bouton <button id="like">J'aime</button> ferra l'affaire,
puis un petit code en javascript pour l'actionner (avec du jquery) :
$('#like').click(function(){
$.ajax("monfichierphp.php");
});

Tout simplement :)

Ajouter un commentaire
Réponse
+0
moins plus
Je suggère d'utiliser une base de données. A part l'enregistrement du compteur, je suggère d'enregistrer dans une autre table les clics faits avec l'IP qui l'a cliqué, obtenu à partir de $_SERVER['REMOTE_ADDR'] . Et toutes clics doivent être vérifié avant l'enregistrement, ..., dans le cas où l' IP est déjà enregistré on n'autorise pas le clic.

Comme cela il n'y a aucun risque de flood/span et un IP ne peut cliquer qu'une seule fois.


Ajouter un commentaire
Ce document intitulé «  créer un bouton qui affiche en dessous le nombre de clic  » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes.

Le fait d'être membre vous permet d'avoir des options supplémentaires.