Discussion :

[patricktoulon]

Bonjour a tous
ma question va vous parraitre idiote mais ca me pose aucun probleme

j'essaie de comprendre comment fonctionne jsbin afin de m'en servir d'editeur de code je ne sais pas si c'est la solution mais en attendant ca aide
par contre si je separe le CSS et Javscript dans les editeur prevu a cet effet dans jsbin mon code ne fonctionne plus
si je met tout dans les balise respective dans la partie HTML ca fonctionne
quelqu'un sait ce qu'il faut faire ?

https://jsbin.com/yipenejexe/edit?html,css,js,output

[Beginner.]

Salut,

Oui moi aussi j'aime bien JSBin m�me si il manque des choses (il faudrait un JSBin++).

Pour ta question essai �a : https://jsbin.com/jiheditawe/edit?html,js,output... J'ai elev� <script>ajoute();</script> et mis ajoute(); dans le panel JS � la fin du code...

PS : Ah ils sont beaux tes sliders, tu as r�ussi finalement...

Il y aurait encore des choses � prendre du code de NoSmoking comme la suppression des �couteurs, le fait que le curseur se d�place aussi quand on clique sur la barrre sauf si on ne le souhaites pas bien s�r...

[psychadelic]

j'essaie de comprendre comment fonctionne jsbin afin de m'en servir d'editeur de code je ne sais pas si c'est la solution mais en attendant �a aide

TU veux dire pour l'utiliser � la place d'un �diteur comme Visual Studio Code qui permet aussi de d�bugguer son code dynamiquement ??

[patricktoulon]

re
oui en quelque sorte

sur mes discussions j'ai mis les lien de mes tests sur jsbin

mais le code HTML,CSS,JS et tout dans l'editeur "HTML" quand j'essaie de separer et de mettre chaque language dans son editeur prevu a cet effet dans jsbin ca marche plus

[psychadelic]

ben, la r�ponse de Beginner. est bonne

ton erreur �tait:
pannel HTML => ne pas mettre de script du tout
pannel Javascript => placer l'appel de ta fonction ajoute(), a la fin du script.

d'ailleurs, � ce propos, et sur les pages HTML "normales" il est d�conseill� de placer du code javascript dans la partie header, car cela oblige les navigateur � en faire l'interpr�tation, ce qui ralentit l'affichage de la page.

le mieux c'est de placer tout son code javascript juste avant la balise fermante du body. et c'est d'ailleurs ainsi que jsbin est con�u.

Chacun de ses panels est limit� � un r�le unique (soit du html, soit du css, soit du javascript, soit la console, etc...)

Il peut �tre utile de placer du javascript dans le header dans le cas ou celui-ci ajoute des �l�ments sur la page html, ou doit faire un appel ajax avant affichage, mais bon, ca fait rarement du code propre.

[patricktoulon]

re

pour le js dans le body j'en avais fait deja l'experience
mais comme mon wysiwyg est entierement dynamique (au depart seul body existe) il est dans le head
pour la simple et bonne raison que je construit avec un array pour determiner les boutons que je veux je ne suis pas oblig� de tout mettre(version light/full)
je vais mettre au propre jsbin
merci

hoh le pauvre je l'avais pas vu beguinner mille excuses
merci a tout les deux

@beguinner

Il y aurait encore des choses � prendre du code de NoSmoking comme la suppression des �couteurs, le fait que le curseur se d�place aussi quand on clique sur la barrre sauf si on ne le souhaites pas bien s�r...

ben non je le souhaite pas
le projet etait un slider perso

1. la meme fonction pour tous
2. avec une certaine flexibilit� pour la souris (le slide fonctionne sur toute la surface du div conteneur)et non tout le document comme avant ou meme les input range
3. qu'il ne demarre que si au par avant j'ai fait un down sur le curseur
4. et qu'il s'arrette au relachement de la souris ou a la sortie de la p�riph�rie du conteneur
5. le mouseleave a r�solu le probleme
6. a �t� ajout� grace a l'exemple de Nosmoking la possibilite de style different sur chaque slider meme si je n'utilse pas tout a fait son principe avec classList
7. a �t� supprim� grace a l'exemple de Nosmoking tout les if else sur element null ou pas vu que les evenement sont ajout� et supprim� a chaque down et up ou leave
8. puisque qu'au relacher les evenements move up leave son supprim�s toutes ces conditions deviennent obsoletes dans le move car le move est enclancher qu'apres le down et suprimer au up leave

resultat le code en est que plus simple

oui il sont beaux c'est vite dit il fonctionnent ca c'est sur


je suis en train de m'en faire un style areo W7

cette partie la n'etant que du css

Code css :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
.nomstyle1{
  blabla
}
.nomstyle2{
  blabla
}

le changement au down sur l'attribut "cl2"
le retour au up leave sur l'attribut"cl1"

ne pas oublier de leur mettre les attributs bien sur
merci en core a tout les deux et au NomFumeur aussi

j'aurais bien une question mais c'est du css alors ca ne se fera pas ici sinon je vais me faire encore engeuler moi