Affichage en fonction de la resolution

Version imprimable

Bonjour,

Dans ma page, je voudrais afficher un code différent en fonction de la résolution.

Entre les balises body j'insère ce code :
Code:

1 2 3 4 5 6 7 8 9 10 11 <script language="JavaScript"> if ((screen.width>=1024)) { document.write('<?php include 'document1.php'; ?>'); } else { document.write('<?php include 'document2.php'; ?>'); } </script>
Biensur il ne fonctionne pas. Désolé de vous avoir écorché les yeux ;)

Merci de votre aide.

++
Draikhin

15/11/2008, 10h57
Bovino

Si je pense que cela marche et qu'il doit être écrit dans ton code :

Code:

<?php include 'document2.php'; ?>

mais comme ni javascript ni ton navigateur ne comprennent le PHP, tu ne peux pas interpréter ce code coté client !
15/11/2008, 11h00
le_chomeur

qu'est ce qui ne marche pas ??? ton include ?? normal tu met du php dans du javascript :)
tes 2 include sont donc interprété... a l'intérieur il peut il y avoir des éléments qui mette ton code en l'air ....

tout est installé sur mon serveur apache.
Ca c'est bon.
Mais le code retourné :

Code:

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
  <script language="JavaScript">
	if ((screen.width>=1024))
	{
	document.write('<div id="dock_bas">
	<a href="#"><span>Home</span></a>
	<a href="#"><span>Contact</span></a><
	<a href="#"><span>Portfolio</span></a>
	<a href="#"><span>Music</span></a>
	<a href="#"><span>Video</span></a>
	<a href="#"><span>History</span></a>
	<a href="#"><span>Calendar</span></a>
	<a href="#"><span>Links</span></a>
	<a href="#"><span>RSS</span></a>
	<a href="#"><span>RSS2</span></a>
</div>');
	}
	else
	{
	document.write('<div id="dock_gauche">
  <a href="#"><span>Home</span><img src="/images/home.png" alt="home" /></a> 
  <a href="#"><span>Contact</span><img src="/images/email.png" alt="contact" /></a> 
  <a href="#"><span>Portfolio</span><img src="/images/portfolio.png" alt="portfolio" /></a> 
  <a href="#"><span>Music</span><img src="/images/music.png" alt="music" /></a> 
  <a href="#"><span>Video</span><img src="/images/video.png" alt="video" /></a> 
  <a href="#"><span>History</span><img src="/images/history.png" alt="history" /></a> 
  <a href="#"><span>Calendar</span><img src="/images/calendar.png" alt="calendar" /></a> 
  <a href="#"><span>Links</span><img src="/images/link.png" alt="links" /></a> 
  <a href="#"><span>RSS</span><img src="/images/rss.png" alt="rss" /></a> 
  <a href="#"><span>RSS2</span><img src="/images/rss2.png" alt="rss" /></a> 
</div>');
	}
  </script>

du coup rien ne s'affiche à l'écran...

15/11/2008, 12h05
Bovino

Code:

<a href="#"><span>Contact</span></a><
15/11/2008, 12h12
Jumano

Supprime également tous les retours ligne que tu as dans tes parenthères, remplace les par des balises <br /> ...
15/11/2008, 20h21
SpaceFrog

si les fichiers documents1 et 2 ne comportent que du code html ça peut fonctionner ...

Par contre si c'est du php, comme le dit Le_Chomeur, le php ne sera pas interprété puisque tu es coté client lorsque tu fais le test de resolution, et le php ne peut être interprété que par ton serveur ...