Créer un bouton qui affiche en dessous le nombre de clic
Fermé
Ocazou11
-
24 juil. 2013 à 16:19
the_animal Messages postés 69 Date d'inscription vendredi 27 avril 2012 Statut Membre Dernière intervention 27 juillet 2013 - 25 juil. 2013 à 09:40
the_animal Messages postés 69 Date d'inscription vendredi 27 avril 2012 Statut Membre Dernière intervention 27 juillet 2013 - 25 juil. 2013 à 09:40
A voir également:
- Bouton compteur en ligne
- Vente en ligne particulier - Guide
- En ligne sur instagram alors que non - Forum Instagram
- Partage photo en ligne gratuit - Guide
- Hors ligne instagram - Guide
- Ligne occupée - Forum SFR
3 réponses
astuces72
Messages postés
7721
Date d'inscription
vendredi 15 janvier 2010
Statut
Membre
Dernière intervention
10 avril 2024
1 637
24 juil. 2013 à 17:39
24 juil. 2013 à 17:39
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 :)
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 !';
?>
24 juil. 2013 à 21:05
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)...
24 juil. 2013 à 21:39
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 ?
24 juil. 2013 à 22:32
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>