Changement de script selon la résolution du client Résolu/Fermé

Question

Bonjour,

Je suis en train de coder un site pour un de mes projet, mais je suis confronté à un problème... Je voudrais que le site soit adapté sur mobile, vu que j'utilise bootstrap une grosse partie du taff est déjà faite ^^, sauf que sur pc la pub fait 728 de largeur, donc trop grosse pour un mobile, j'ai crée une pub en 300x250 qui est conseillé pour les portables.

Mais je n'est jamais codé du javascript... J'ai regardé un peux sur internet, j'ai pas trouvé quelque chose qui correspondrais a mon problème.

Quelqu'un aurais un bout de code a me donner pour mon problème?

Merci d'avance, Paul

roborok · Answer

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.

codeurh24 · Answer

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.

Changement de script selon la résolution du client

2 réponses

Discussions similaires