[html et JavaScript] Récupération d'informations et ré-utilisation

Récupération d'informations et ré-utilisation [html et JavaScript] - HTML/CSS - Programmation

Marsh Posté le 04-03-2015 à 14:08:36    

Bonjour,  
 
J'aimerais savoir, comment (à partir du script-> http://pastebin.com/BQV2BP7S ou d'un autre) récupérer les information du visiteur, en particulier l'OS, et en fonction de cette os, proposer une page HTML. Sans php.
Je vous remercie d'avance.
 
SILexRaze


Message édité par silexraze le 04-03-2015 à 14:09:50
Reply

Marsh Posté le 04-03-2015 à 14:08:36   

Reply

Marsh Posté le 04-03-2015 à 15:28:02    

Regardes du coté de navigator.oscpu (ou window.navigator.oscpu c'est pareil :o )
https://developer.mozilla.org/en-US [...] ator/oscpu


---------------
We deserve everything that's coming...
Reply

Marsh Posté le 04-03-2015 à 18:05:46    

ok merci, mais comment, en fonction de l'OS, afficher une page html  

Reply

Marsh Posté le 04-03-2015 à 19:02:11    

On peut suppose le workflow suivant, le tout en JS (et en partant du principe que tu utilises jQuery, mais c'est pas obligatoire, juste plus pratique) :
1) attendre le chargement de la page, dont la partie dépendante de l'OS est vide (un div avec une classe ou un ID dédié)
> http://api.jquery.com/ready/

 

2) choper le contenu de navigator.oscpu et le parser afin de determiner l'OS

Code :
  1. var
  2.   os = navigator.oscpu,
  3.   isWin = /Windows/.test (os),
  4.   isMac = /Mac/.test (os),
  5.   isLinux = /Linux/.test (os);
 

3) charger la page html correspondante dans le div dédié
http://api.jquery.com/load/

 
Code :
  1. $("#ID_DU_DIV" ).load (isWin ? "windows.html" : isMac ? "mac.html" : isLinux ? "linux.html" : "unknow.html" )
 

Pas testé, mais l'idée est là je pense. Si la page html doit dépendre de l'OS et de la version de celui-ci, tu dois regarder aussi la valeur de navigator.userAgent (sachant que c'est un peu le bronx à parser, et que ca ne renvoit pas tjrs la vérité ...)
Bonne chance


Message édité par SICKofitALL le 04-03-2015 à 19:03:05

---------------
We deserve everything that's coming...
Reply

Marsh Posté le 04-03-2015 à 19:15:13    

ok je vais tester tout ca dans les prochaines heures je te tiens au courrant merci

Reply

Marsh Posté le 06-03-2015 à 11:41:00    

mais juste, dans l'étape 3, je comprend pas trop, comment chargée la page html dans le div dédié, en gros je créé un div, je met les balises script avec src et tout le reste  ?

Reply

Marsh Posté le 06-03-2015 à 17:33:28    

Pas du tout.
Dans l'étape 1, dés que la page est chargée (d'où le "ready" ), tu regardes de quel OS il s'agit et tu fais le "load" qui va avec.
Bien sur, ce "ready" se met dans l'entete de ta page dans des balises script. Le reste est fait dans la foulée.
 
Au passage, les pages html que tu veux charger, il est evident qu'elles ne contiennent pas des balises html, body et tout. Il faut les voir comme des morceaux de pages, pres à être incorporée.
 
Un simple google me sort plus ou moins ce que tu veux dailleurs : http://stackoverflow.com/a/17636549
Dans cette exemple, la partie relative au click ne te sert à rien, mais le load oui.


---------------
We deserve everything that's coming...
Reply

Marsh Posté le 06-03-2015 à 17:49:10    

ok ca marche merci beaucoups :pt1cable:

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed