Imprimer la Page | Fermez la fenêtre

code Javascript ne fonctionne pas

Imprimé depuis: Forum openElement
Categorie:

openElement


Nom du Forum: Discussion générale openElement
Description du Forum: Discussion générale sur le logiciel
URL: https://forums.openelement.uk/fr/forum_posts.asp?TID=23963
Date: 29 Mar 2024 à 13:25
Version logiciel: Web Wiz Forums 12.04 - http://www.webwizforums.com


Sujet: code Javascript ne fonctionne pas
Posté par: michelrigaud
Sujet: code Javascript ne fonctionne pas
Posté le: 12 Oct 2020 à 11:11
Bonjour à la communauté et merci pour toutes les contributions qui m'aident énormément à apprendre OE.
J'utilise la dernière version 1.57R9.
Je rencontre un problème de comportement d'un script Javascript qui change l'opacité d'un panneau d'élément (1 à 0) lorsque du scroll de la page.

voici le script (on peut difficilement faire plus simple):

$(window).scroll(function(){
    $(".top").css("opacity", 1 - $(window).scrollTop() / 100);
  });


J'ai créé une page contenant seulement un panneau d'élément (class : top )et un texte multiligne qui provoque donc l'apparition de la barre de scroll dans Chrome pour tester le fonctionnement : bilan OK ça fonctionne parfaitement Clap

Là où ça devient terrible c'est que lorsque je crée un nouveau projet et que j'applique stricto la même conception et bien cela ne fonctionne pas du tout. Je suis débutant et je ne vois vraiment pas où je commets une erreur. Je ne sais pas si je peux joindre mes projets pour analyse, celui qui est OK et le NOK, mais un peu d'aide m'aiderait énormément.

merci à tous et à chacun d'avoir lu mon post

Michel




Réponses:
Posté par: Hobby001
Posté le: 12 Oct 2020 à 11:25
Tout d'abord, évitez de prendre des mots réservés comme classe CSS.  Top en est un.

Publiez votre projet sur un hébergement et nous pourrons tenter de vous aider.

Voici un message que j'ai l'habitude d'envoyer aux nouveaux membres du forum:

Bonjour et bienvenue

 

Pour découvrir OpenElement, je vous suggère de consulter les tutos créés par des utilisateurs et dont vous trouverez la liste ici  https://forum.openelement.com/fr/forum_posts.asp?TID=22320&title=rcapitulatif-des-tutoriels" rel="nofollow -

 

Avant de commencer un site, je vous suggère ces courts vidéos

1.    Le format adaptatif(responsive) d’une page WEB https://youtu.be/ouAg6yqdBZs" rel="nofollow -

2.    Les positionnements relatif vs absolu dans OE http://youtu.be/7ThgFBmjTQk" rel="nofollow -

 

Certains, comme les tutos de Larsene, principalement sur l'aspect adaptatif (Responsive), sont accompagnés de vidéos très utiles  https://forum.openelement.com/fr/forum_posts.asp?TID=20090&title=les-tutos-de-larsne%20" rel="nofollow - . Ces tutos sont basés sur une version moins récente d'OpenElement.

Finalement il y a le WIKI dont vous trouverez le lien en haut de cette page.

Vous trouverez sur ce forum de l'aide pour des questions précises.  Cette aide est offerte bénévolement mais en échange nous nous attendons à ce que vous exploriez le logiciel et en développiez la connaissance avant de poser vos questions.

OpenElement vous propose une foule de modèles dont certains sont adaptatifs et, de ce fait, beaucoup plus d'actualité.

Sensode en propose aussi quelques-uns des plus complets mais contre une rétribution minime par rapport au coût de développement.   https://forum.openelement.com/fr/forum_posts.asp?TID=22939&title=lensemble-des-templates-de-sensode" rel="nofollow -

Des éléments complémentaires créés par différents intervenants sont aussi disponibles.  Vous en trouverez la liste ici:  https://forum.openelement.com/fr/forum_posts.asp?TID=22573&title=liste-des-lments-proposs" rel="nofollow -

Encore une fois, bienvenue.

P.S.

Il est important que vous compreniez que toute aide fournie ici est donnée par des bénévoles.

Nous ne sommes pas le personnel de openElement.

Nous sommes heureux d'aider lorsque nous sommes disponibles pour fournir des conseils, des astuces et parfois un petit bout de code.  Nous apprécions que les usagers fassent un effort sérieux de recherche et d'autoformation.

Certains d’entre nous travaillent en Europe, d’autres ailleurs dans le monde.  Conséquemment le délai de réponse peut aussi dépendre des fuseaux horaires.

Lorsque l'exigence est trop importante, elle peut être contractée et la rétribution exigée paiera le développement.





-------------
https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE


Posté par: brolysan
Posté le: 12 Oct 2020 à 11:30
bonjour,

A voir les différentes demandes, c'est pas un peu mais pas mal Wink
Sinon, vérifiez que vouq avez BIEN mis le code dans un bloc de code source en JAVASCRIPT, en position EndBody.
Sinon, ca ne marchera pas.

-------------
https://sensode.com" rel="nofollow - Sensode
https://www.creads.fr/blog/graphiste-freelance2/parole-de-brolysan-45-ans-graphiste" rel="nofollow - Biographie


Posté par: michelrigaud
Posté le: 12 Oct 2020 à 13:47
bonjour et merci pour le lien que j'ai beaucoup parcouru déjà, les informations y sont très utiles, merci à tous les contributeurs!

le script Js  est en EndBody
ce qui me dérange c'est qu'à utilisation identique il marche dans un site et pas dans l'autre
je télécharge ce soir les deux sites pour les rendre disponible à consultation




Posté par: Hobby001
Posté le: 12 Oct 2020 à 13:48
Alors à bientôt



-------------
https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE


Posté par: brolysan
Posté le: 12 Oct 2020 à 15:31
Message posté par michelrigaud michelrigaud a écrit:

bonjour et merci pour le lien que j'ai beaucoup parcouru déjà, les informations y sont très utiles, merci à tous les contributeurs!

le script Js  est en EndBody
ce qui me dérange c'est qu'à utilisation identique il marche dans un site et pas dans l'autre
je télécharge ce soir les deux sites pour les rendre disponible à consultation



testé sur 3 projets différents, aucun souci de mon côté.


-------------
https://sensode.com" rel="nofollow - Sensode
https://www.creads.fr/blog/graphiste-freelance2/parole-de-brolysan-45-ans-graphiste" rel="nofollow - Biographie


Posté par: Hobby001
Posté le: 12 Oct 2020 à 15:36
C'est clair que le code est bon mais le nombre de raisons pour lesquelles il peut ne pas fonctionner sur un site est tel qu'il vaut mieux voir la page pour tenter de cerner la raison.

-------------
https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE


Posté par: michelrigaud
Posté le: 13 Oct 2020 à 07:54
bonjour et merci pour le temps et l'attention que vous consacrez à mon post
j'ai placé les deux projets zippés ici :

https://wetransfer.com/downloads/686476e914a47ffc3450b7ca0752aefb20201013054930/12e2e8b673111cc7f4ba3102cb3d02e720201013054931/6d6e01

je ne m'explique pas la différence de taille en Ko des répertoires ''Common'' des deux projets induisant la différence de taille des archives compressées.

bonne journée


Posté par: brolysan
Posté le: 13 Oct 2020 à 09:17
C'est tout à fait normal que cela ne fonctionne pas. Vous avez mis une hauteur de 600 px sur la page. Mettez en auto et vous verrez que votre code fonctionnera.

-------------
https://sensode.com" rel="nofollow - Sensode
https://www.creads.fr/blog/graphiste-freelance2/parole-de-brolysan-45-ans-graphiste" rel="nofollow - Biographie


Posté par: michelrigaud
Posté le: 13 Oct 2020 à 09:39
merci pour votre réponse. J'ai changé en Auto et même résultat, cela ne fonctionne pas.
bon ce n'est pas si grave... cela restera un mystère pour moi


Posté par: brolysan
Posté le: 13 Oct 2020 à 12:11
tenez, contrôlez par vous même :  http://we.tl/t-ctr3klJx0M" rel="nofollow - https://we.tl/t-ctr3klJx0M

-------------
https://sensode.com" rel="nofollow - Sensode
https://www.creads.fr/blog/graphiste-freelance2/parole-de-brolysan-45-ans-graphiste" rel="nofollow - Biographie


Posté par: Hobby001
Posté le: 13 Oct 2020 à 12:51
Bien vu Brolysan.

@michelrigaud: 

Votre code:

$(window).scroll(function(){
$(".top").css("opacity", 1 - $(window).scrollTop() / 100);
});

S'exécute au scroll de la fenêtre "window"

En mettant une limite de 600px à la page vous n'avez plus de scroll au niveau de la fenêtre du navigateur.  Le scroll se passe à l'intérieur de la page et la fenêtre ne le voit pas.




-------------
https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE


Posté par: michelrigaud
Posté le: 13 Oct 2020 à 15:36
bon sang mais c'est bien sûr!!!! ça marche. merci très sincèrement pour l'aide, cela étant, je m'en veux de ne pas avoir assez réfléchi au problème.
belle journée à vous




Imprimer la Page | Fermez la fenêtre

Forum Software by Web Wiz Forums® version 12.04 - http://www.webwizforums.com
Copyright ©2001-2021 Web Wiz Ltd. - https://www.webwiz.net