1485 sujets

Web Mobile et responsive web design

Hello hello…

J’utilise Modernizr et son Yepnope qui se charge bien, mais que je n’arrive pas à faire fonctionner pour appeler différentes pages suivant la résolution du terminal.

C’est donc dans le body que ça se situe…
Voici l’appel :

<script>
	yepnope
                ({
		test: Modernizr.mq('(min-device-width : 768px)'),
			yep: 'carrousel.htm',
			nope: 'sd.htm'
		});
</script>

Mes fichiers sont bien présents,
la syntaxe me semble bonne,
pourtant, je n’arrive pas à faire débarquer l’un ou l’autre. Smiley biggol
Sauriez-vous me dire où je fais une erreur ?
Hello,

J'ai un doute sur le fait que tu puisses charger un fichier .htm via yep nope, il me semble que c'est fait pour du JS ou du CSS.
Ce que tu peux faire, c'est vérifier déjà que ta media query fonctionne bien et qu'il n'y a pas d'erreur de syntaxe dans la déclaration en remplaçant les chargement par des alertes.

Si tu utilises modernizr, tu peux aussi tester la syntaxe


Modernizr.load({
  test:  
  yep :  ,
  nope:  '
});
Bonsoir Mademoiselle.
Merci de m’avoir répondu.
Il ne se serait pas possible d’appeler un fichier htm ?
Ah !? C’est un fichier comme un autre pourtant.
Les appeler via un php include ne marche pas non plus.
Bref ce n’est pas aussi simple que je le pensais.
Bon.
C’est bien cela.
Le chargement conditionnel du contenu (autre que CSS & JS) ne peut être traité avec Yepnope.
Dans le cas du cahier des charges que je rédige, le responsive ne convient pas.
Il faudra 2 versions séparées du site.
Merci de m’avoir répondu.

EDIT : finalement, si. if (document.documentElement.clientWidth > 640) avec de l’Ajax derrière et c’est bon.
Modifié par Sventovit (31 Oct 2012 - 06:35)