Web Acappella Responsive Creator - Bouton défilement doux en javascript
3 participants
Page 1 sur 1
Web Acappella Responsive Creator - Bouton défilement doux en javascript
Bonjour,
Je souhaite procéder à la création d'un bouton de type "smooth scrolling" (retour en haut).
A quel endroit positionner le bouton dès lors que la page principale contient elle même plusieurs box ?
Autre interrogation, le caractère " n'étant pas autorisé parmi les actions javascript de Web Acappella RC, quel est le caractère de substitution ?
Exemple : extrait d'une ligne de source de contenu non éligible à Web Acappella RC (script récupéré sur Internet) en raison du caractère " :
document.getElementById("cRetour").className = (window.pageYOffset > 100) ? "cVisible" : "cInvisible";
En vous remerciant par avance pour votre aide.
Je souhaite procéder à la création d'un bouton de type "smooth scrolling" (retour en haut).
A quel endroit positionner le bouton dès lors que la page principale contient elle même plusieurs box ?
Autre interrogation, le caractère " n'étant pas autorisé parmi les actions javascript de Web Acappella RC, quel est le caractère de substitution ?
Exemple : extrait d'une ligne de source de contenu non éligible à Web Acappella RC (script récupéré sur Internet) en raison du caractère " :
document.getElementById("cRetour").className = (window.pageYOffset > 100) ? "cVisible" : "cInvisible";
En vous remerciant par avance pour votre aide.
franck.b2- Messages : 5
Date d'inscription : 05/04/2016
Age : 48
Re: Web Acappella Responsive Creator - Bouton défilement doux en javascript
Bonsoir franck.b2 et bienvenue sur le forum
Pour l'action javascript à la place de la guillemet double " il faudra mettre une guillemet simple '
Mais pas dans cette ligne de code, qui n'est pas faite pour être mise dans le champs JS de Warc :
Autrement dit le champs JS du bouton warc n'est pas fait pour mettre n'importe quel script mais seulement un appel à une fonction simple ou à un fichier JS complet pour que celui-ci puisse être exécuté par le bouton.
Il y a un tuto ici concernant le lien JS pour exécuter un script.
Et pour mettre un bouton retour en haut dans warc, il ne faut pas le faire à partir d'un bouton warc mais installer un plugin (js et css) à mettre en place sur la page et l'emplacement du bouton se fera automatiquement au bas de la page
Ce serait bien d'avoir l'adresse de la source de cette mise en place afin de pouvoir aider plus efficacement.
Cordialement
Edit : Pour un bouton retour en haut j'ai un tuto en préparation pour le début de semaine.
Pour l'action javascript à la place de la guillemet double " il faudra mettre une guillemet simple '
Mais pas dans cette ligne de code, qui n'est pas faite pour être mise dans le champs JS de Warc :
Elle n'est pas exploitable pour un lien javascript, la ligne de code à placer doit être un simple appel de javascript ou une simple fonction javascript.franck.b2 a écrit:
document.getElementById("cRetour").className = (window.pageYOffset > 100) ? "cVisible" : "cInvisible";
Autrement dit le champs JS du bouton warc n'est pas fait pour mettre n'importe quel script mais seulement un appel à une fonction simple ou à un fichier JS complet pour que celui-ci puisse être exécuté par le bouton.
Il y a un tuto ici concernant le lien JS pour exécuter un script.
Et pour mettre un bouton retour en haut dans warc, il ne faut pas le faire à partir d'un bouton warc mais installer un plugin (js et css) à mettre en place sur la page et l'emplacement du bouton se fera automatiquement au bas de la page
Ce serait bien d'avoir l'adresse de la source de cette mise en place afin de pouvoir aider plus efficacement.
Cordialement
Edit : Pour un bouton retour en haut j'ai un tuto en préparation pour le début de semaine.
Re: Web Acappella Responsive Creator - Bouton défilement doux en javascript
Bonjour
Si ça peut être utile, car ça doit répondre à la question de l’emplacement des codes, le tutoriel pour le bouton return on top vient d'être publié dans la rubrique des tutos
@ +
Si ça peut être utile, car ça doit répondre à la question de l’emplacement des codes, le tutoriel pour le bouton return on top vient d'être publié dans la rubrique des tutos
@ +
Re: Web Acappella Responsive Creator - Bouton défilement doux en javascript
Bonjour,
Pourquoi ne pas utiliser simplement les ancres ?
Pourquoi ne pas utiliser simplement les ancres ?
Re: Web Acappella Responsive Creator - Bouton défilement doux en javascript
Bonjour,
De retour après un long déplacement, je souhaitais simplement vous remercier pour votre réactivité et vos éléments de réponse.
En vous souhaitant le meilleur pour ce forum et sa communauté.
De retour après un long déplacement, je souhaitais simplement vous remercier pour votre réactivité et vos éléments de réponse.
En vous souhaitant le meilleur pour ce forum et sa communauté.
franck.b2- Messages : 5
Date d'inscription : 05/04/2016
Age : 48
Sujets similaires
» Web Acappella Responsive Creator - Ajout d'un slider
» Web Acappella Responsive Creator - Affichage en parallax sur le Site
» WARC - WebAcappella Responsive Creator ®
» Exécuter du JS avec un bouton ou image WebAcappella Responsive
» Bouton "Retour en haut" avec effet "Smooth Scrolling" avec WebAcappella Responsive
» Web Acappella Responsive Creator - Affichage en parallax sur le Site
» WARC - WebAcappella Responsive Creator ®
» Exécuter du JS avec un bouton ou image WebAcappella Responsive
» Bouton "Retour en haut" avec effet "Smooth Scrolling" avec WebAcappella Responsive
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum