Détection javascript/ajax sans recharger la page (js/php)

Soyez le premier à donner votre avis sur cette source.

Snippet vu 26 390 fois - Téléchargée 20 fois

Contenu du snippet

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 / Exemple :


//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 ;)

A voir également

Ajouter un commentaire

Commentaires

Messages postés
1
Date d'inscription
jeudi 14 février 2008
Statut
Membre
Dernière intervention
14 février 2008

J'ai testé et amélioré un peu le script proposé, par contre je constate une "erreur" enfin façon de parler.
Si dans la page d'origine on check la bdd pour verifier si le visiteur a le js activé ou pas on aura toujours un 0 en réponse ce qui en soit est logique puisqu'on verifie la bdd avant que le script coté client ne ce lance et donc avant qu'on passe la variable à 1.
Par ailleurs quand un visiteur X arrive sur le site avec une ip I et qu'il a le js activé on aura un enregistrement à 1 dans la bdd pour cette ip.
Demain un visiteur Y arrive sur le site avec l'adresse ip I du visiteur d'hier mais lui n'a pas le JS activé, ben notre enregistrement en bdd reste à 1.
J'ai essayé de forcer la mise à 0 dans le code de la page principale pour réinitialiser la variable à chaque chargement mais du coup on ne récupère jamais la vrai valeur si dans cette même page on check la bdd pour savoir si js est activé ou pas puisqu'elle sera toujours à la valeur du reset soit 0.
Messages postés
1
Date d'inscription
jeudi 28 juillet 2005
Statut
Membre
Dernière intervention
12 octobre 2007

Je me demandais une chose moi...
Si on met une redirection par meta dans un <noscript>, il se passe quoi pour les robots?? vu qu'ils n'ont pas de JS, ils voient directement la redirection et donc passent leur chemin non ?(vu qu'il ne suivent pas la redirection)

Donc, ils font quoi ?
Messages postés
450
Date d'inscription
samedi 16 avril 2005
Statut
Membre
Dernière intervention
18 avril 2007
2
Dommage...
Le server a ses raison que la raison ignore :)
Messages postés
17
Date d'inscription
samedi 23 août 2003
Statut
Membre
Dernière intervention
21 mai 2008

Non, PHP ne permet pas cela.

On peut récupérer un certain nombre d'informations (User-Agent, Referer, IP, ...) mais pas si JS est activé ou non.

Je ne suis même pas sûr que ça soit possible, puisque ce type d'information n'est probablement pas envoyée au serveur.
Messages postés
450
Date d'inscription
samedi 16 avril 2005
Statut
Membre
Dernière intervention
18 avril 2007
2
Et n'y a-t-il pas un objet en PHP ou on pourrait par exemple récupérer les donées du navigateur ? (comme en javascript l'objet navigator) et voir si javascript est activé ou pas ? ainsi si il est activé on dit au script PHP d'ecrire sinon non.
Afficher les 21 commentaires

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 et codes sources.

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