1448 sujets

Web Mobile et responsive web design

Bonjour à tous, je te tente de faire fonctionner ce bout de code pour que le client puisse visionner sur le téléphone Iphone5s. Apparement ce n'est pas concluant, et c'est fâchant! Je suis tous les précepts de volumétrie (en cas de gros traffic) et de bonnes pratiques web. Ou est ma faute?? Je ne vais tout de même pas embeder jQuery ou autre usine à gaz pour compléter ce mandat! Merci de votre aide!!!





<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta content="" name=Keywords />
<meta content="" name=Description />
<meta content="" name=Author />
<title>## PRO ONE Securit&eacute;# PROTECTION ET SECURITE DES BIENS ET DES PERSONNES</title>
<link href="proone.css" rel="stylesheet" type="text/css" />
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
</head>

<body bgcolor="#000000" style="text-align:center" >
<p>&nbsp;SECURITÉ</p>
<p>&nbsp;</p>
<div id="Layer3" style="position:absolute; width:140px; height:92px; z-index:4; left: 97px; top: 26px;"><img src="img/proone_securite_titre_clients.jpg" width="225" height="150" /></div>
<div id="Layer2" style="line-height:14px; position:absolute; width:526px; height:203px; z-index:2; left: 331px; top: 26px; font-size: 12px;">
  <div align="left"><img src="img/bt_clients.gif" width="163" height="34" /></div>
  <p align="left"><strong><img src="img/img_flecheD.gif" width="35" height="18" align="absmiddle" /> Une
      r&eacute;ponse adapt&eacute;e &agrave; vos besoins</strong></p>
  <p align="left">Le questionnaire ci-dessous est destin&eacute; &agrave; enregistrer
    vos demandes et vos coordonn&eacute;es. Remplissez-le soigneusement pour
  que nous puissions vous r&eacute;pondre le plus rapidement possible. Merci</p>
  <p align="left">&nbsp;</p>
</div>
<div id="Layer4" style="position:absolute; width:89px; height:115px; z-index:1; left: 75px; top: 26px;"><img src="img/proone_securite_stripesL.gif" width="106" height="562" /></div>
<div id="Layer2" style="line-height:14px; position:absolute; width:748px; height:104px; z-index:2; left: 110px; top: 187px; font-size: 12px;">
  <p align="left"><br />
  <strong><img src="img/img_flecheD.gif" width="35" height="18" align="absmiddle" /></strong> Ils
  nous font confiance pour leurs missions de S&eacute;curit&eacute; : liste r&eacute;f&eacute;rences</p>
</div>
<div id="Layer5" style="position:absolute; width:200px; height:115px; z-index:1; left: 640px; top: 519px;"><img src="img/proone_securite_stripesDogR.jpg" width="226" height="135" /></div>
<div id="Layer6" style="position:absolute; width:200px; height:115px; z-index:0; left: 299px; top: 40px;"><img src="img/proone_securite_background_logo.gif" width="523" height="523" /></div>
</body>
</html>
Tu devrais te tourner vers PHP avec user agent :

if (stristr($_SERVER['HTTP_USER_AGENT'], "Android")
   || strpos($_SERVER['HTTP_USER_AGENT'], "iPod")
   || strpos($_SERVER['HTTP_USER_AGENT'], "iPhone") )
   {
     // Le code pour mobile ici
   }
   else {
   }

Si la précision compte (iphone 5s obligatoirement et pas iphone en général), après si tu veux plus de précisions, tu peux entrer
echo $_SERVER['HTTP_USER_AGENT']; 


En espérant avoir aidé
Quel fouillis !!!!!
Il serait plus sage de ré-écrire la page proprement et d'utiliser une feuille de style CSS claire avec des médias queries.
Aller tester les valeurs de $_SERVER, c'est comme appliquer "un cataplasme sur une jambe de bois"