Tentative de récupération de taille de fenêtre

**Kakon** · 15/03/2012, 18h30

Bonjour à toutes, et tous,

Je viens vous voir car j'ai un petit souci impliquant: JS/HTML/PHP, j'ai donc mis là car je pense que le problème se situe avant tout dans le js mais si je me fourvoie n'hésitez pas à déplacer le sujet.

Alors voila, afin de dimensionner correctement une image dans une page suivante, sur ma page index.php, je "tente" de récupérer la taille largeur/hauteur de la fenêtre puis de l'envoyer dans un form en method POST dans la page suivante. Étant une buse en js, j'ai fais de mon mieux avec ce que j'ai trouvé sur le net, cependant cela ne marche pas :s, je vous met si après mon code de la page index.php si vous pouviez m'aider, je vous en serai fort reconnaissant.

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
<!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=utf-8" />
        <meta http-equiv="Content-Language" content="fr" />
        <meta http-equiv="Content-Script-Type" content="text/javascript" />
        <meta http-equiv="Content-Style-Type" content="text/css" />
        <meta name="DC.Language" scheme="RFC3066" content="fr" />
        <link rel="stylesheet" href="style.css" type="text/css" media="screen" title="Normal" />
    	<title>Joyeux Annivesaire Séverine</title>
        <script language="javascript" type="text/javascript">
		function taille(){
			var largeur = document.body.clientWidth,
    			hauteur = document.body.clientHeight;
			var valeurs=new Array();
			valeurs[0]=largeur;
			valeurs[1]=hauteur;
			tailles=valeurs.join(';');
			return tailles;
		}
		</script>			
    </head>
 
<body>
<div id="liseret"></div>
    	<div id="lettre_anniv">
			<div id="encart_t"><img src="encart.png" width="237" height="105"/></div>
            <form action="wowpart/index.php" method="post">
            	<input type="hidden" id="tailles" name="tailles"/>
            	<input type="image" src="7bttkyz5.gif" alt="Joyeux Anniversaire !!" onclick="document.getElementById('tailles').value=taille(); form.submit();"/>
            </form>
            <div id="encart_b"><img src="encart.png" width="237" height="105"/></div>
        </div>
</body>
</html>

Cordialement, Kakon.

**NoSmoking** · 16/03/2012, 09h45

Bonjour,

Alors voila, afin de dimensionner correctement une image dans une page suivante, sur ma page index.php, je "tente" de récupérer la taille largeur/hauteur de la fenêtre puis de l'envoyer dans un form en method POST dans la page suivante.

et que ce passe t-il si l'on décide de modifier la taille de la fenêtre du navigateur ?

...cependant cela ne marche pas :s

cela reste somme toute très flou

Pour la fonction essaies peut être

Code :

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

1
2
    var largeur = document.documentElement.clientWidth || document.body.clientWidth,
        hauteur = document.documentElement.clientHeight || document.body.clientHeight;

**Kaamo** · 16/03/2012, 17h59

sinon je suis tombé sur un ptit polyfill ce matin : <picture>Voir ici : http://scottjehl.com/picturefill/

regarde la source de la page / le projet. En gros ça permet d'afficher une image avec les bonnes dimensions en fonction de la taille de la fenêtre.

J'ai pas encore testé mais ça me semble pas mal

Tentative de récupération de taille de fenêtre

JavaScript

Vue hybride

Discussions similaires

Partager

Partager