Web Acappella Responsive Creator - Bouton défilement doux en javascript

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Web Acappella Responsive Creator - Bouton défilement doux en javascript

Message par franck.b2 le Sam 9 Avr 2016 - 17:56

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.

franck.b2

Messages : 5
Date d'inscription : 05/04/2016
Age : 41

Revenir en haut Aller en bas

Résolu Re: Web Acappella Responsive Creator - Bouton défilement doux en javascript

Message par Admin le Sam 9 Avr 2016 - 22:24

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 :
franck.b2 a écrit:
   document.getElementById("cRetour").className = (window.pageYOffset > 100) ? "cVisible" : "cInvisible";
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.
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. Very Happy

Admin
Admin

Messages : 430
Date d'inscription : 11/03/2009

http://ellade.forumperso.com

Revenir en haut Aller en bas

Résolu Re: Web Acappella Responsive Creator - Bouton défilement doux en javascript

Message par Admin le Mar 12 Avr 2016 - 10:02

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

@ +

Admin
Admin

Messages : 430
Date d'inscription : 11/03/2009

http://ellade.forumperso.com

Revenir en haut Aller en bas

Résolu Re: Web Acappella Responsive Creator - Bouton défilement doux en javascript

Message par mgranger le Jeu 14 Avr 2016 - 14:34

Bonjour,

Pourquoi ne pas utiliser simplement les ancres ?

mgranger

Messages : 5
Date d'inscription : 14/04/2016
Age : 58

http://www.yikingdo.com

Revenir en haut Aller en bas

Résolu Re: Web Acappella Responsive Creator - Bouton défilement doux en javascript

Message par franck.b2 le Sam 23 Avr 2016 - 18:05

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é.

franck.b2

Messages : 5
Date d'inscription : 05/04/2016
Age : 41

Revenir en haut Aller en bas

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum