Changement de script selon la résolution du client
Résolu
PaulVALENTIN
Messages postés
38
Date d'inscription
Statut
Membre
Dernière intervention
-
codeurh24 Messages postés 760 Date d'inscription Statut Membre Dernière intervention -
codeurh24 Messages postés 760 Date d'inscription Statut Membre Dernière intervention -
A voir également:
- Changement de script selon la résolution du client
- Cybera client - Télécharger - Divers Réseau & Wi-Fi
- Changer de dns - Guide
- Script vidéo youtube - Guide
- Filezilla client - Télécharger - Téléchargement & Transfert
- Mas script - Accueil - Windows
2 réponses
Salut,
:Mais je n'est jamais codé du javascript...
_Hé bien qu'attendez vous pour le faire?
J'ai regardé un peux sur internet, j'ai pas trouvé quelque chose qui correspondrais a mon problème.
Moi j'ai regardé un pinceau et j'ai été surpris de pas être doué comme léonard de Vinci ou Rembrandt...
Croyez vous vraiment qu'il faut claquer des doigts, qu'une recherche sur google peut tout vous apprendre.
Je vous conseille de commencer par la base et de vous appliquer à comprendre (en apprenant les termes justes) ce dont vous parlez(en l'occurrence javascript).
Déjà ça vous permettra de savoir ce qui est possible et comment plutôt que d'essayer d'imaginer.
Sans spécifiquement vous spécialiser dans javascript vous devez vous renseigner sur :
l'adaptabilité de la mise en page aux différents formats(par exemple en utilisant des tailles et dimensions proportionnelles et non fixées CQFD=comment et pourquoi), cela se fait par HTML et CSS avant tout, comme tout ce qui concerne l'affichage d'une page internet. Un moyen simple et fait pour cela, incontournable aussi, la base.
Les moyens d'adaptation ( http://fr.wikipedia.org/wiki/Site_web_adaptatif )des media queries à la création d'une fonction javascript qui permet de détecter le navigateur et les dimensions de l'écran de l'utilisateur sont nombreux et fréquemment utilisé comme facilement disponible et accessible sur internet.
Mais pour ce dernier point répondant à votre question:
une fonction javascript qui permet de détecter le navigateur et les dimensions de l'écran de l'utilisateur
Il faut
+que vous sachiez utiliser javascript(donc en avoir fait et l'utiliser pas besoin d'être un expert, c'est à la portée d'un jeune de 14 ans)
+que vous sachiez ce qu'est une fonction javascript
+que vous sachiez l'appliquer
Bon courage, commencer par vous retrousser les manches.
:Mais je n'est jamais codé du javascript...
_Hé bien qu'attendez vous pour le faire?
J'ai regardé un peux sur internet, j'ai pas trouvé quelque chose qui correspondrais a mon problème.
Moi j'ai regardé un pinceau et j'ai été surpris de pas être doué comme léonard de Vinci ou Rembrandt...
Croyez vous vraiment qu'il faut claquer des doigts, qu'une recherche sur google peut tout vous apprendre.
Je vous conseille de commencer par la base et de vous appliquer à comprendre (en apprenant les termes justes) ce dont vous parlez(en l'occurrence javascript).
Déjà ça vous permettra de savoir ce qui est possible et comment plutôt que d'essayer d'imaginer.
Sans spécifiquement vous spécialiser dans javascript vous devez vous renseigner sur :
l'adaptabilité de la mise en page aux différents formats(par exemple en utilisant des tailles et dimensions proportionnelles et non fixées CQFD=comment et pourquoi), cela se fait par HTML et CSS avant tout, comme tout ce qui concerne l'affichage d'une page internet. Un moyen simple et fait pour cela, incontournable aussi, la base.
Les moyens d'adaptation ( http://fr.wikipedia.org/wiki/Site_web_adaptatif )des media queries à la création d'une fonction javascript qui permet de détecter le navigateur et les dimensions de l'écran de l'utilisateur sont nombreux et fréquemment utilisé comme facilement disponible et accessible sur internet.
Mais pour ce dernier point répondant à votre question:
une fonction javascript qui permet de détecter le navigateur et les dimensions de l'écran de l'utilisateur
Il faut
+que vous sachiez utiliser javascript(donc en avoir fait et l'utiliser pas besoin d'être un expert, c'est à la portée d'un jeune de 14 ans)
+que vous sachiez ce qu'est une fonction javascript
+que vous sachiez l'appliquer
Bon courage, commencer par vous retrousser les manches.
bonjour,
bootstrap utilise 4 limites de résolution les detail dans cette page:
https://openclassrooms.com/fr/courses/6391096-creez-des-sites-web-responsive-avec-bootstrap-4?archived-source=1885491
et bootstrap utilise des media query qui détecte la résolution et en fonction de la resoluton un CSS different est appliquer.
Si on veux afficher 2 bannières au même endroit mai de façon différente on peut en afficher une seul et cacher l'autre.
on ce fit a ce que bootstap utilise comme resolution par exemple entre
768 pixel et 992 pixel:
@media all and (min-width: 768px) and (max-width: 992px)
{
ici le css pour les résolution de tablette
}
@media all and (min-width: 0px) and (max-width: 768px)
{
ici le css pour les résolution de portable
}
grâce a display: none; on cache la bannière qui n'est pas adapter
et l'autre bannière on lui applique un display: block; ou display: inline-block;
tout ceci n'utilise pas javascript.
PS: ici c'est un forum d'entraide, on est pas la pour critiquer les gens ne sachant rien faire. Il faut les accompagner dans la limite du raisonnable avec des solutions qui font avancer le problème et proposer du concret au lieu de balancer des théories qu'on ne maîtrise pas.
bootstrap utilise 4 limites de résolution les detail dans cette page:
https://openclassrooms.com/fr/courses/6391096-creez-des-sites-web-responsive-avec-bootstrap-4?archived-source=1885491
et bootstrap utilise des media query qui détecte la résolution et en fonction de la resoluton un CSS different est appliquer.
Si on veux afficher 2 bannières au même endroit mai de façon différente on peut en afficher une seul et cacher l'autre.
on ce fit a ce que bootstap utilise comme resolution par exemple entre
768 pixel et 992 pixel:
@media all and (min-width: 768px) and (max-width: 992px)
{
ici le css pour les résolution de tablette
}
@media all and (min-width: 0px) and (max-width: 768px)
{
ici le css pour les résolution de portable
}
grâce a display: none; on cache la bannière qui n'est pas adapter
et l'autre bannière on lui applique un display: block; ou display: inline-block;
tout ceci n'utilise pas javascript.
PS: ici c'est un forum d'entraide, on est pas la pour critiquer les gens ne sachant rien faire. Il faut les accompagner dans la limite du raisonnable avec des solutions qui font avancer le problème et proposer du concret au lieu de balancer des théories qu'on ne maîtrise pas.
http://openclassrooms.com/courses/les-hacks-css-pour-internet-explorer
J'ai bien ceci:
https://www.google.fr/search?q=detecter+resolution+utilisateur+en+javascript&ie=utf-8&oe=utf-8&gws_rd=cr&ei=Pa3fVK6sMqzU7AbN6YHwDw
mais vous en ferez quoi si vous savez pas comment et pourquoi javascript, ne connaissez pas ses principes de bases....