[PHP-JS] Résolution d'ecran OK mais code pas parfaite

**Akim13** · 05/08/2008, 13h24

Bonjour,

Avec le bout de code plus bas j'arrive a appliquer une résolution = a l'ecran du visiteur.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<script type="text/javascript">
<!-- debut
function resolution() {
document.location="<?php echo $_SERVER['PHP_SELF']; ?>?<?php echo $_SERVER['QUERY_STRING']; ?>&width="+screen.width+"&height="+screen.height;
}
// fin -->
</script>
</head>
<?php
 
if(!isset($_GET['width']) and !isset($_GET['height'])){
echo '<body onload="resolution();">';
}else{
echo '<body>';
}
 
$height = $_GET['height'];
$width = $_GET['width'];
$resolution = "$width$height";
 
// appliquer au template
//$templatewidth ="1024";
$templatewidth =$width;

......
..
?>

Tous fonctionne bien mais, quand je veut éditer un article sur joomla je me retrouve rediriger a la page d'accueil.

Ma question est est-il possible de récupérer tout simplement la résolution width du visiteur sans pour autant rediriger le navigateur a chaque fois.

Merci d'avance

**MaitrePylos** · 05/08/2008, 13h53

Bonjour,

tu demande toi même de rediriger

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
document.location="<?php echo $_SERVER['PHP_SELF']; ?>

**Akim13** · 05/08/2008, 14h09

Bonjour,

je sais, mais y a t-il une solution pour récupérer le width sans rediriger ?

Merci

**MaitrePylos** · 05/08/2008, 14h29

et ceci cela fonctionne ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
<script type="text/javascript">
<!-- debut
function resolution() {
<?php $width =  ?>+screen.width,
<?php $height = ?>+screen.height
}
// fin -->
</script>

**Akim13** · 05/08/2008, 15h03

Bonjour,

Voila j'ai essayer votre méthode elle est pas mal mais ne fonctionne pas donc j'ai légèrement modifier le code de cette façon

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
<script>
var width_a = screen.width;
</script>
<?
$width_a = "<script>document.write(width_a);</script>";
$templatewidth = $width_a;

Donc pour vérifier avec un echo $width_a; il m'affiche le resultat exact "1280" de mon ecran mais le $templatewidth ne réagi pas, donc j'ai essayer un echo $templatewidth; pour voir s'il accepte $width_a donc il m'affiche le resultat exact "1280" de mon ecran mais, ce la ne fonctionne toujours pas

donc j'ai essayer $width_a = "1280"; est cela fonctionne tres bien.

Voila c'est bizarre je suis perdu

Merci

**MaitrePylos** · 05/08/2008, 15h38

et simplement

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
 
$templatewidth =  "<script>screen.widht</script>";

**Akim13** · 05/08/2008, 16h58

Bonjour,

sinon comment le faire a partir du fichier CSS car je ne sais pas le faire ?

Merci

**zevince** · 05/08/2008, 17h21

oui, ce bout de code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<script>
var width_a = screen.width;
</script>
<?
$width_a = "<script>document.write(width_a);</script>";
echo $width_a;
?>

ca t'affiche bien 1280 ou 1024 ou ce que tu as comme resolution d'ecran..

mais c'est cette ligne, qui te l'ecrit :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<script>document.write(width_a);</script>

le php est executé avant !

en gros tu demande a php d'ecrire du javascript dans ta page html et javascript ecrit le screen.width !

mais php n'a pas acces a la variable javascript meme !

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<script>
var width_a = screen.width;
</script>
<?php
$width_a = "<script>document.write(width_a);</script>";
echo htmlentities($width_a);
?>
 
<script>document.write(width_a);</script>

si ton $width_a contient bien "1280", le htmlentities que j'ai rajouté ne devrait avoir aucun effet.. fait le test !!

**Akim13** · 05/08/2008, 17h50

Bonjour,

Oui vous avez raison, mais alors comment appliquer un "100%" a $templatewidth ?

Je ne sais plus quoi faire.

**zevince** · 05/08/2008, 18h39

bah la il te faudrait un specialiste de joomla, ou alors faire un template et un css elastique.. cherche sur google.. elastic css.. tu devrais avoir plein de reponses

**Akim13** · 05/08/2008, 18h42

Bonjour,

Voila j'ai trouver la solution avec la méthode cookie et voici le code pour ce qui ont le même problème que moi.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<script language="javascript">
<!--
function writeCookie()
{
 var today = new Date();
 var the_date = new Date("December 31, 2023");
 var the_cookie_date = the_date.toGMTString();
 var the_cookie = "users_res="+ screen.width +"x"+ screen.height;
 var the_cookie = the_cookie + ";expires=" + the_cookie_date;
 document.cookie=the_cookie
 if (document.cookie){ 
        location = '<?=$GLOBALS[callget_res_page_name]?>';
 }
}
function checkRes(width, height) {
        if(width != screen.width || height != screen.height) {
                writeCookie();
        } else {
                return true;
        }
}
//-->
</script>
<?
if(isset($HTTP_COOKIE_VARS["users_res"])) {
        $screen_res = $HTTP_COOKIE_VARS["users_res"];
        $screen_res_tmp = explode("x", $screen_res);
        $screen_width = $screen_res_tmp[0];
        $screen_height = $screen_res_tmp[1];
        ?>
        <script language="javascript">
        <!--
        checkRes(<?=$screen_width?>, <?=$screen_height?>);
        //-->
        </script>
        <?
}
else
{
?>
<script language="javascript">
<!--
writeCookie();
//-->
</script>
<?
}