Version mobile sur même page

[miradroid]

Bonjour,

J'ai codé une page pour mon site en version pc et en version mobile,
pour l'instant c'est sur deux pages séparées pas encore en ligne

il faudrait que ce soit fusionné sur une seule et même page html (y intégrer les 2 versions) donc il faudrait mettre en place un javascript qui dit, si moible afficher tel code, si pc afficher le code principal

Auriez-vous une idée de comment faire ça en javascript ?

 

[spout]

Pas besoin de faire ça en JS, mais plutôt en CSS, ça s'appelle "Responsive Web design":
http://www.alsacreations.com/article/lire/930-css3-media-queries.html
http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsiv ... eb-design/
http://www.grafikart.fr/tutoriels/html-css/media-queries-responsive-178
http://twitter.github.com/bootstrap/scaffolding.html#responsive
[...]

 

[miradroid]

Je cherche quelque chose à mettre en place facilement, voilà pourquoi j'ai plutôt pensé au javascript

 

[-Romu-]

Euh.....
Y'a pas plus simple que le CSS ......

 

[nickargall]

Et aussi, un code HTML qui serait généré par du Javascript à 100% serait très fortement inaccessible aux moteurs de recherche, donc bye bye le référencement.

 

[Thiery31]

Et comment on identifie de façon sur que c'est un mobile et pas un pc en javascript ? A ma connaissance il n'est pas possible d'identifier de façon sur un mobile.

Si on veut pas de CSS le plus simple est de faire une page proposant à l'internaute s'il veut le site mobile ou le site pc.

 

[spout]

Et comment on identifie de façon sur que c'est un mobile et pas un pc en javascript ? A ma connaissance il n'est pas possible d'identifier de façon sur un mobile.

Pour plusieurs langages dont le JS: http://detectmobilebrowsers.com/

 

[miradroid]

if(
    (navigator.userAgent.match(/iPhone/i)) || 
    (navigator.userAgent.match(/iPad/i)) ||
    (navigator.userAgent.match(/iPod/i)) || 
    (navigator.userAgent.match(/symbian/i)) || 
    (navigator.userAgent.match(/android/i)) || 
    (navigator.userAgent.match(/series60/i)) || 
    (navigator.userAgent.match(/windows ce/i)) || 
    (navigator.userAgent.match(/blackberry/i)) || 
    (navigator.userAgent.match(/palm/i)) 
	)
	{

partant de cette base, comment faire pour remplacer le body de la page par celui de la version mobile ?
niveau référencement pas de problème, le référencement n'est pas prévu pour ce site