These are chat archives for WildCodeSchool/faq_candidats

13th
Jul 2017
IZaRTaX
@IZaRTaX
Jul 13 2017 01:58
@FunnyRose8_twitter If you want to increase your English you have to change your computer/ mobile phone language, that's the best way for you! Also you can watch English movies with English subtitles like Game of Thrones
Pensez à rejoindre le discord ! :D
ClementCode
@ClementCode
Jul 13 2017 16:20
Salut à tous. Jai des soucis sur JQuery. J'arrive pas a le faire fonctionner. Jai encore du mal avec.
Remi200
@ponche
Jul 13 2017 16:21
@ClementCode c'est quoi ton problème?
ClementCode
@ClementCode
Jul 13 2017 16:21
Bah rien ne marche.
Je veux juste cliquer sur une fenetre pour l'agrandir et afficher un message. Et j'y arrive pas.
Remi200
@ponche
Jul 13 2017 16:23
@ClementCode je vois pas ou tu bloque. je vais pas faire ton code. si ta du code, je peux le regarder si tu veux.
mais pas contre, je le lis pas sur le chat
ClementCode
@ClementCode
Jul 13 2017 16:29
tiens regarde un peu ou essaye de me diriger vers quoi faire https://jsfiddle.net/NextimeNow/vgd0a7sh/10/
Remi200
@ponche
Jul 13 2017 16:32
jer regarde
Remi200
@ponche
Jul 13 2017 16:37
une chose bête, as tu importer la library?
@ClementCode sinon, ouvre ta console javascript, elle va te dire les erreurs.
@ClementCode ReferenceError: $ is not defined[En savoir plus]
@ClementCode j'en est assez dire. t'es assez grand pour trouvé l'erreur./
Veille Fiscale
@VeilleFiscale_twitter
Jul 13 2017 16:44
@ClementCode je ne maitrise pas jquery du tout mais j ai pas eu de soucis de cette facon : va sur le site que wildcodeschool te suggere pour apprendre jquery. Avance dans les exercices et regarde le code de la solution qui correspond à l animation que tu souhaites. Utilise ce code sur ton site et le tour est joué
ClementCode
@ClementCode
Jul 13 2017 16:56
c'est ce que je suis en train de faire en ce moment.
Remi200
@ponche
Jul 13 2017 17:00
@VeilleFiscale_twitter le problème qui as, c'est pas du Jquery.
matthias
@Codingstudentfr
Jul 13 2017 17:17
@ClementCode je pense que tu devrai revoir ton code html , @ponche ta carrement guider la .
Assigyn
@Assigyn
Jul 13 2017 17:32
Tu n'as pas importé la bibliothèque Jquery dans le HTML en fait
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
Rajoute ça avant fermeture de ta balise body et avant la suite de ton code.
Ensuite sur ta classe show-offer j'enlèverai le #tickets derrière, cette précision n'est pas utile et peut faire buguer
ClementCode
@ClementCode
Jul 13 2017 17:38
J'essaye tous les moyens possible.
le script je le mets ou ? au debut nan ?
juste apres body
matthias
@Codingstudentfr
Jul 13 2017 17:39
dans ton squelette html , au tout debut tu dois charger la librairy , ton code lui reste dans la colone specifique
ClementCode
@ClementCode
Jul 13 2017 17:41
juste avant body, au tout debut alors ?
Assigyn
@Assigyn
Jul 13 2017 17:41
Perso je le mets après
matthias
@Codingstudentfr
Jul 13 2017 17:41
tu n'a pas creer de head ou tu charge et tu choisi l'encodage
ou tu charge tes script
Assigyn
@Assigyn
Jul 13 2017 17:42
Le mette après est mieux pour optimiser le char
gement
matthias
@Codingstudentfr
Jul 13 2017 17:43
en vrai oui , mais la pour le wild circus , laisse tout ton code js et jquerry dans la colonne en question .
j'ai eu droit a la remarque d'un correcteur
Assigyn
@Assigyn
Jul 13 2017 17:44
Oui pour le JS mais là je parle du CDN
Son JS est déjà au bon endroit mais son CDN est pas chargé
matthias
@Codingstudentfr
Jul 13 2017 17:47
ah tu parle de la librairy , je comprenais pas ce que tu appelais cdn , ben le script soit il le charge a la fin , soit dans le head. Ce qui est plus pénalisant en perf c'est quand tu charge en milieu de page .
parcontre ce qu'il veut faire sa serais pas un dialog jquerry?
Assigyn
@Assigyn
Jul 13 2017 17:49
Dans le head c'est un peu chiant pour le DOM aussi il me semble, question optimisation c'est pas génial. Si tu mets dans le head, ton navigateur va partir du principe que tes fichiers sont absolument à charger en priorité pour le bon fonctionnement de la page, ce qui freine l'affichage du reste.
ClementCode
@ClementCode
Jul 13 2017 17:50
dsl mais j'ai plus bcp de temps pour le finir et l'envoyer et cette semaine j'en ai pas eu bcp non plus. je bossais a coté de ca.
comme ca ca irait mieux ? mais fonctionne tjs pas
matthias
@Codingstudentfr
Jul 13 2017 17:51
oui je vois ce que tu veux dire ; bon apres aujourd'hui le temps de charge est infime mais sa peux etre pénalisant quand ton lien est corrompu ,
Assigyn
@Assigyn
Jul 13 2017 17:51
Non c'est pas un dialog, là son Jquery va juste faire en sorte qu'au clic sur l'image du ticket, l'image va prendre une class qu'il a défini
Et au second clic ca va perdre cette même class
ClementCode
@ClementCode
Jul 13 2017 17:53
je veux juste faire agrandir la fenetre et faire apparaitre le petit texte que j'ai créé en html mais qui a la base nest pas visible
Assigyn
@Assigyn
Jul 13 2017 17:53
On va reprendre pour savoir exactement ce que ça doit faire : globalement tu veux qu'il se passe quoi sur le bouton ?
Pour qu'on ait une idée de la tête que ça doit avoir.
ClementCode
@ClementCode
Jul 13 2017 17:53
ca peut paraitre tout bete mais je suis encore debutant.
matthias
@Codingstudentfr
Jul 13 2017 17:54
on l'ai tous
ClementCode
@ClementCode
Jul 13 2017 17:55
@Assigyn cest juste avant ton post
Assigyn
@Assigyn
Jul 13 2017 17:58
Alors là ton erreur de ce que je vois c'est que tu as mis ton élément #offer en opacity:0. En fait, la fonction show(); en Jquery n'agit que sur l'attribut CSS display
Donc là au lieu de mettre opacity:0; tu devrais mettre display:none; . L'opacity agit sur la transparence, ça veut dire que ton P est déjà chargé et présent. Le display none, lui, signifique que ton P ne doit pas être chargé.
(Alors en vrai il est quand même chargé dans le DOM quoiqu'il arrive, mais le navigateur fait une différence entre un élement invisible via opacity et un autre via display).
Assigyn
@Assigyn
Jul 13 2017 18:05
En plus de ça il y a une autre erreur dans ton Jquery, au niveau de la fonction que tu lances au click. Tu n'as pas besoin de déclarer ton ID, là ce que tu veux faire c'est lancer une fonction, lance la bêtement, exactement comme tu as fait au-dessus avec $(document).ready
ClementCode
@ClementCode
Jul 13 2017 18:11
ah cest deja mieux le texte apparait.
jai fait ca
$('#tickets').on('click', function() {
$(this).toggleClass('showOffer');
$('#offer').show();
});
ClementCode
@ClementCode
Jul 13 2017 18:16
jai la moitié de ce que je veux faire.
le texte apparait
maintenant j'aimerais bien faire agrandir la fenetre #tickets . si possible
ClementCode
@ClementCode
Jul 13 2017 18:34
je fais ptet faire mieux plutot. jai une autre idee maintenant que je sais afficher du texte.
je regarde les videos Jquery
ca me donne des idees plus simples a appliquer
Remi200
@ponche
Jul 13 2017 19:17
.Animate ()
ClementCode
@ClementCode
Jul 13 2017 19:21
c'est bon j'ai réussi a faire ce que je voulais. merci pour les petites rectifications .
maintenant je peux l'améliorer un peu plus.
Assigyn
@Assigyn
Jul 13 2017 19:52
De rien, bon courage pour la suite :)
qui aiment son site ?
Alban Suchaire
@Banb4n
Jul 13 2017 20:14
Tu devrait mettre une photo en bg seulement sur le header
matthias
@Codingstudentfr
Jul 13 2017 20:14
@Lurare sympa j'aime bien , mais j'aime pas les images divisé en 2.
je trouve que sur une image fixe et un deroulement sa fais classe mais la un chevauchement d'image....beaucoup moin fan
Assigyn
@Assigyn
Jul 13 2017 21:24
C'est pas mal ! Perso mes remarques :smile:
Alban Suchaire
@Banb4n
Jul 13 2017 21:24
@Assigyn T'es graphiste non ?
Assigyn
@Assigyn
Jul 13 2017 21:25
Le chevauchement c'est pas mal mais met plutôt un fond uni en seconde position, trop de photos tue la photo. Aussi, pour être plus cohérent, choisi des photos de même couleur (noir et blanc + couleur c'est pas logique). Et oui je suis webdesigner à la base :)
Pour les polices de texte, essaye aussi de ne pas en mettre trop, de l'ordre de 2 ou 3 pas plus. Je pense d'ailleurs que ton titre principal mériterait la police de tes titres intermédiaires, il sera plus "dans le ton"
Alban Suchaire
@Banb4n
Jul 13 2017 21:27
J'ai créer un genre de site CV, tu pourrait me donner 2 3 conseils ??
Assigyn
@Assigyn
Jul 13 2017 21:28
Si tu veux, envoi le lien
Alban Suchaire
@Banb4n
Jul 13 2017 21:28
Attend je le met sur codepen en 22
Lucien
@Lurare
Jul 13 2017 21:28
Ce nes pas mon site hein
Moi je suis deja acceptet
Assigyn
@Assigyn
Jul 13 2017 21:29
(ah et aussi Lucien, tout est centré sauf les images si affichées et ton footer, aligne avec le reste et ce sera impecc. L'ensemble est cool en attendant)
Ah ok autant pour moi ^^
Alban Suchaire
@Banb4n
Jul 13 2017 21:34
Je te l'ai envoyer en mp
ClementCode
@ClementCode
Jul 13 2017 21:57
Alors est ce que c'est mieux comme ca ? Vous pensez que je peux envoyer ? https://jsfiddle.net/NextimeNow/vgd0a7sh/12/
Ah j'ai oublié les petits détails ( de taille ) en responsive
matthias
@Codingstudentfr
Jul 13 2017 23:20
@ClementCode c'est mieux effectivement , attend le retour des autres , perso je dirai qu'il manque du texte dans les performance . ta phrase s' affiche autant de fois que on click
Alban Suchaire
@Banb4n
Jul 13 2017 23:23
Fait quelque chose pour le titre change la couleur et la police et franchement fait quelque chose pour ton bouton parceque je peut en afficher autant que je veut