Accueil > > > DÉTECTION JAVASCRIPT/AJAX SANS RECHARGER LA PAGE (JS/PHP)
 DÉTECTION JAVASCRIPT/AJAX SANS RECHARGER LA PAGE (JS/PHP)
 Information sur la source
 Description
J'ai vu qu'il y avait pas mal de monde qui cherchait un moyen de détecter si JavaScript est activé chez une personne mais sans utiliser <noscript> ou un formulaire. !Attention! Ce script utilise JavaScript, mais aussi PHP/MySQL. Aussi, il est un peu compliqué à mettre en place si on ne maîtrise pas les différentes parties.
 Source
- //Partie JavaScript, à mettre dans le <head> de la page d'accueil du site.
- <script language="javascript">
- function VerifAjax(ip) {
- var xhr_object = null;
-
- if(window.XMLHttpRequest) // Firefox
- xhr_object = new XMLHttpRequest();
- else if(window.ActiveXObject) // Internet Explorer
- xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
-
- //Méthode
- xhr_object.open("POST", "verif_ajax.php", true);
-
- //Envoi
- xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
- xhr_object.send("ip="+ip);
- }
- </script>
-
- //Dans la balise <BODY> de la page d'accueil de votre site, ajoutez l'évènement onLoad="VerifAjax('<?= get_ip() ?>')"
-
- //*************************************//
- //Partie PHP, à placer au dessus du JavaScript (Permet de connaître l'IP)
- <?php
- //Récupération de l'IP
- function get_ip() {
- if(isset($_SERVER['HTTP_X_FORWARDED_FOR'])) {
- $ip = $_SERVER['HTTP_X_FORWARDED_FOR'];
- }
- elseif(isset($_SERVER['HTTP_CLIENT_IP'])) {
- $ip = $_SERVER['HTTP_CLIENT_IP'];
- }
- else {
- $ip = $_SERVER['REMOTE_ADDR'];
- }
- return $ip;
- }
- //Maintenant qu'on connait l'IP, on va maintenant pouvoir s'en servir pour mettre à jour notre table
- $tab_stat=mysql_fetch_array(mysql_query("SELECT * FROM statistiques WHERE IP='".$ip."'")); //On regarde si l'IP est déjà dans la table
- if(!$tab_stat) {
- $req_stat = "INSERT INTO statistiques SET IP='".$ip."'";
- mysql_query($req_stat); //Si elle n'y est pas, on fait une nouvelle entrée
- }else {
- mysql_query("UPDATE statistiques SET connexions=connexions+1 WHERE IP='".$ip."'"); //Sinon, on met à jour
- }
- ?>
-
- //Créer maintenant un fichier verif_ajax.php, à placer dans le même répertoire que la page d'accueil.
- //Contenu :
- <?php
- //Variables de connexion, à remplacer par vos paramètres
- $sql_serveur="localhost";
- $sql_user="login";
- $sql_pass="pass";
- $sql_bdd="bdd";
- // CONNEXION MYSQL
- $connexion = mysql_connect($sql_serveur,$sql_user,$sql_pass);
- if (!$connexion) { die('Impossible de se connecter : ' . mysql_error());}
- $db = mysql_select_db("$sql_bdd",$connexion);
- $maj = mysql_query("UPDATE statistiques SET AJAX='1' WHERE IP='".$_POST['ip']."'",$connexion) or die (mysql_error());
- //Vous pouvez placer ici un echo $maj; si vous utilisez Firebug et que vous voulez vous assurer du bon déroulement de l'opération.
- //echo $maj;
- ?>
//Partie JavaScript, à mettre dans le <head> de la page d'accueil du site.
<script language="javascript">
function VerifAjax(ip) {
var xhr_object = null;
if(window.XMLHttpRequest) // Firefox
xhr_object = new XMLHttpRequest();
else if(window.ActiveXObject) // Internet Explorer
xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
//Méthode
xhr_object.open("POST", "verif_ajax.php", true);
//Envoi
xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr_object.send("ip="+ip);
}
</script>
//Dans la balise <BODY> de la page d'accueil de votre site, ajoutez l'évènement onLoad="VerifAjax('<?= get_ip() ?>')"
//*************************************//
//Partie PHP, à placer au dessus du JavaScript (Permet de connaître l'IP)
<?php
//Récupération de l'IP
function get_ip() {
if(isset($_SERVER['HTTP_X_FORWARDED_FOR'])) {
$ip = $_SERVER['HTTP_X_FORWARDED_FOR'];
}
elseif(isset($_SERVER['HTTP_CLIENT_IP'])) {
$ip = $_SERVER['HTTP_CLIENT_IP'];
}
else {
$ip = $_SERVER['REMOTE_ADDR'];
}
return $ip;
}
//Maintenant qu'on connait l'IP, on va maintenant pouvoir s'en servir pour mettre à jour notre table
$tab_stat=mysql_fetch_array(mysql_query("SELECT * FROM statistiques WHERE IP='".$ip."'")); //On regarde si l'IP est déjà dans la table
if(!$tab_stat) {
$req_stat = "INSERT INTO statistiques SET IP='".$ip."'";
mysql_query($req_stat); //Si elle n'y est pas, on fait une nouvelle entrée
}else {
mysql_query("UPDATE statistiques SET connexions=connexions+1 WHERE IP='".$ip."'"); //Sinon, on met à jour
}
?>
//Créer maintenant un fichier verif_ajax.php, à placer dans le même répertoire que la page d'accueil.
//Contenu :
<?php
//Variables de connexion, à remplacer par vos paramètres
$sql_serveur="localhost";
$sql_user="login";
$sql_pass="pass";
$sql_bdd="bdd";
// CONNEXION MYSQL
$connexion = mysql_connect($sql_serveur,$sql_user,$sql_pass);
if (!$connexion) { die('Impossible de se connecter : ' . mysql_error());}
$db = mysql_select_db("$sql_bdd",$connexion);
$maj = mysql_query("UPDATE statistiques SET AJAX='1' WHERE IP='".$_POST['ip']."'",$connexion) or die (mysql_error());
//Vous pouvez placer ici un echo $maj; si vous utilisez Firebug et que vous voulez vous assurer du bon déroulement de l'opération.
//echo $maj;
?>
 Conclusion
Pour utiliser ce script, vous devez créer une table sur votre base de données MySQL avec ce code :
CREATE TABLE `statistiques` (
`id` bigint(20) NOT NULL auto_increment,
`IP` varchar(30) collate latin1_general_ci NOT NULL,
`AJAX` tinyint(1) NOT NULL default '0',
`connexions` int(3) NOT NULL default '1',
PRIMARY KEY (`id`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci;
A chaque fois qu'un visiteur va venir sur votre page, une entrée va s'insérer dans votre base de donnée avec par défaut 0 dans la colonne AJAX. Si jamais le navigateur supporte AJAX (et donc JavaScript), alors la colonne est mise à jour avec la valeur 1. Libre à vous ensuite d'utiliser cette information comme bon vous semble.
J'ai fait pas mal de retouches de mon code directement sur le site au moment où j'ai posté pour le rendre copiable plus facilement. N'hésitez pas à laisser un commentaire au cas où j'aurais oublié quelque chose ... (Après tout, ça part un peu dans tous les sens :D)
*Note* : Si vous ne voulez/pouvez pas utiliser MySQL, il est possible de remplacer la BDD par un fichier texte, je vous laisse le soin d'adapter le code ;)
 Historique
- 28 mars 2007 12:19:30 :
- Oubli d'un bout de code ...
 Sources de la même categorie
 Commentaires et avis
 Discussions en rapport avec ce code source dans le forum
HELP - RECHARGER LES FRAMES - HELP [ par Yeltaz ]
Bonjour,Je recherche un script qui permette de recharger les frames d'un site lorsque l'on arrive sur une page par l'intermédiaire d'un moteur de rech
recherche javascript fenetre flottante bas droit [ par redbrain ]
bjr, je cherche un javascript qui permette de mettre dans une page html, une fenetre dans un coin en bas et a droite (ou s'affiche une autre page ht
recharger une page [ par eax ]
salutje voudrais recharger une page lorsque l'utilisateur ferme un popup comment pui je faire?merci Sylvain [email</a
Recuperer le SId avec javascript [ par nikos283 ]
SalutJ'ai une petit proble, voila j'ai une page php qui crée une session et j'aimerai avec javascript recupérer le nom et valeur de cette session. pou
Changement d'image d'un autre frame [ par NiFF ]
Ma page est séparée en 2, et il y a deux frames : je voudrais que lorsque le visiteur clique sur une image de la frame de gauche, elle s'afiche dans u
JavaScript: appel du fichier externet (.js) - Help!! [ par Henri9009 ]
Bonjour à tous. Je ne comprends pas comment je peux avoir un problème avec une manipulation si simple. Je vais devenir fou!!! Ça fait un
Impression Javascript [ par syl2 ]
Bonsoir,depuis quelques jour, j'essaye de me lancer dans l'impression d'une page en Javascript, mais sans réel résultat. En effet, si vous regarder mo
petit problème en javascript ou HTML..... [ par lemuge ]
bonjour,Comme vous allez le voir au travers de mes questions je suis novice, mais il faut bien commencer un jour.....Voilà mon premier problème :J'ai
interagir avec le reste de la page dans une iframe [ par jesusonline ]
Bonjour, dans une page j'ai une iframe et dans cette iframe j'ai du javascript, et j'aimerais savoir si c'est possible que d'à partir du javascript de
impression paramétrée [ par Niles ]
hello, Je ne suis pas un pro du javascript, en fait je ne connait presque rien à la conception web, je programe en C++ et en Windev. Anyway: je do
|
Derniers Blogs
 CSS CONTENT STATE SELECTORS (PERSONNAL DRAFT)CSS CONTENT STATE SELECTORS (PERSONNAL DRAFT) par FREMYCOMPANY
Bonjour à tous, Je viens de publier une proposition comprenant 5 pseudo-classes pour le CSS Working Group ayant trait à l'état de chargement d'un élément (ex: IMG,VIDEO,AUDIO,OBJECT pour l'HTML.). Si le c½ur vous en dit, vous pouvez retrouver cette p...
Cliquez pour lire la suite de l'article par FREMYCOMPANY MBA : POURQUOI FAIRE ET COMMENT LE CHOISIR ?MBA : POURQUOI FAIRE ET COMMENT LE CHOISIR ? par ROMELARD Fabrice
Formation initiale Durant la formation, le découpage classique est le suivant (je donnerai les équivalences Suisse lorsque je les connaîtrais) : Ecole primaire jusqu'au Collège : Formation générale permettant d'obtenir les méthodes...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice Y'A DES ERREURS QUI PEUVENT RENDRE LE DéVELOPPEUR VIOLENTY'A DES ERREURS QUI PEUVENT RENDRE LE DéVELOPPEUR VIOLENT par Aleks
Quand on a ce genre d'erreur sans log :
Et bas on a juste envie de choper le gas de Microsoft qu'a développé ça et lui foutre des baffes de Coboye ! ...
Cliquez pour lire la suite de l'article par Aleks [HYPER-V 3] PRéSENTATION DES COMMANDLETS POWERSHELL[HYPER-V 3] PRéSENTATION DES COMMANDLETS POWERSHELL par Pierrick CATRO-BROUILLET
Avec la sortie prochaine de la Beta Consumer Preview de Windows 8, j'avais envie de revenir sur une des fonctionnalités que j'attends le plus et que, en bon geek que je suis, j'utilise déjà : Hyper-V 3 ainsi son module PowerShell.
Il y a déjà pléthor...
Cliquez pour lire la suite de l'article par Pierrick CATRO-BROUILLET IIS7 - COMPRESSION GZIPIIS7 - COMPRESSION GZIP par cyril
La compression GZIP permet d'améliorer les performances de navigation en compressant ce qu'envoie le serveur à un client. Pour comprendre comment cela fonctionne, regardons ce qu'il se passe au niveau HTTP lorsqu'un client tente d'accéder à une ress...
Cliquez pour lire la suite de l'article par cyril
Logiciels
 Academy System (17.2.1.0)ACADEMY SYSTEM (17.2.1.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System Easy-Planning (1.0.0.1)EASY-PLANNING (1.0.0.1)Basé sur les mêmes principes que MyPlanning, Easy-Planning permet de créer des plannings sous la ... Cliquez pour télécharger Easy-Planning COLLECTOR PLUS (3.00B)COLLECTOR PLUS (3.00B)COLLECTOR PLUS version 3.00B est un logiciel utilisant une base de données alimentée par :
- L... Cliquez pour télécharger COLLECTOR PLUS PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V7.4)PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V7.4)PONAMEDIA TV DEVIENS HELLLOOO FLASH
LA TV SUR VOTRE ORDINATEUR.
Toute une plateforme Multi... Cliquez pour télécharger PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO LettresFaciles 2011 (8.0.0.1)LETTRESFACILES 2011 (8.0.0.1)LettresFaciles est un logiciel facilitant la création et la rédaction de lettres types.
Son inte... Cliquez pour télécharger LettresFaciles 2011
|