Ellade
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Le deal à ne pas rater :
TCL C74 Series 55C743 – TV 55” 4K QLED 144 Hz Google TV (Via ODR ...
499 €
Voir le deal

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

3 participants

Aller en bas

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

Message par franck.b2 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 : 48

Revenir en haut Aller en bas

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

Message par Ellade 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
Ellade
Ellade
Admin

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

https://ellade.forumperso.com

Revenir en haut Aller en bas

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

Message par Ellade 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

@ +
Ellade
Ellade
Admin

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

https://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 Jeu 14 Avr 2016 - 14:34

Bonjour,

Pourquoi ne pas utiliser simplement les ancres ?

mgranger

Messages : 79
Date d'inscription : 14/04/2016
Age : 65

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 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 : 48

Revenir en haut Aller en bas

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

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Revenir en haut

- Sujets similaires

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