Aller au contenu
Support de Zwii
  • 0
castorninja

LIen vers la page précedente

Question

Bonjour,

Je suis en train d’apprécier les capacités de Zwii et espère avoir terminer mon site pour la fin d'année.

Je n'arrive pas à ajouter sur une page de bouton <Retour>.

Les solution suivantes ne fonctionnent pas:

 

<form>
  <input type="button" value="Retour" onclick="history.go(-1)">
</form>

 

<form>
<input type = "button" value = "Retour!"  onclick = "history.back()">
</form>

 

Y-a-t il un moyen pour intégrer ce bouton dans ma page ?

 

Salutations

Partager ce message


Lien à poster
Partager sur d’autres sites

8 réponses à cette question

Messages recommandés

  • 0

Bonjour @castorninja

L'éditeur de texte est très restrictif, il filtre une partie du code que vous insérez. Il faut donc autoriser les attributs, dans /core/module/vendor/tinymce, remplacer le fichier init.js par celui en pj.

Editez la page et insérez votre bout de script que vous avez trouvé.

Comme il s'agit d'un module système, le filtrage risque de s'appliquer à nouveau.

 

Le modification consiste à autorise ceci :

	extended_valid_elements: "input[value|type|onclick]",

 

init.js

Partager ce message


Lien à poster
Partager sur d’autres sites
  • 0

Je rebondis sur cette question.

Le filtrage de TinyMCE étant vraiment pénible, je vais autoriser tous les éléments html dans les prochaines versions, cela évitera de se trouver bloquer.

 

Partager ce message


Lien à poster
Partager sur d’autres sites
  • 0
il y a une heure, roger a dit :

<p><button class="js-back" style="background-color: green; width: 80px;" name="subject" type="submit">RETOUR</button></p> <p> <script type="text/javascript"> $('.js-back').on('click', function(evt) { if (document.referrer != "") { evt.preventDefault(); history.back(); } }); </script> </p>

Solution qui ne nécessite pas de modification du TinyMCE, bien vu @roger

Partager ce message


Lien à poster
Partager sur d’autres sites
  • 0

Merci à tous pour cette leçon d'humilité.

Ça fonctionne à merveille, je n'essaie même pas d’intégrer mon bouton en png créés sous AI à la place de mot RETOUR. C'est si beau comme ça.

 

Partager ce message


Lien à poster
Partager sur d’autres sites
  • 0

C'est peut-être de l'amateurisme, mais voila ce que j'ai fait:


dans le corps de ma page j'ai écrit:

<div class="retour">
<p><button class="js-back" name="subject" type="">← RETOUR</button></p>
</div>
<p>
<script type="text/javascript">
$('.js-back').on('click', function(evt) {
if (document.referrer != "") {
evt.preventDefault();
history.back();
}
});
</script>
</p>

et si besoin pour d'autres pages j'ai appliqué le style dans
 le coustom.css

/* création de "class" .retour*/
.retour { display:block; margin-left: auto; margin-right: auto;
 width : 110px; height : 20px;}
.retour:hover { }

/*pour le paragraphe*/
.retour p { text-align: center; border-color: #d2d175; border-width: 2px; border-style: solid;
}

/*et le bouton proprement dit*/
.js-back {color: #c25b26; background-color: transparent; width: 110px; height: 20px; padding-top:6px;
}
/* et pour qu'il change au survol de la souris*/
.js-back:hover { font-weight: bold;
}

Sûrement il y a un chemin moins tordu mais ça fonctionne comme je l'ai souhaité.

Et ça donne ceci:

bouton1.png

et au survol de la souris:

bouton2.png

 

castorninja

 

  • J'aime 1

Partager ce message


Lien à poster
Partager sur d’autres sites
  • 0
Le 26/11/2019 à 16:15, roger a dit :

Dorénavant un visiteur qui naviguera sure votre site, partout où il trouvera votre bouton sera renvoyé vers la page  précédente, exactement de la même façon que vous le faites avec le bouton de votre navigateur (Retour en arrière)

Bonjour @roger,

 

Voilà un script intéressant et qui fonctionne, bravo !

 

Cordialement

 

Sylvain

  • J'aime 1

Partager ce message


Lien à poster
Partager sur d’autres sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Invité
Répondre à cette question…

×   Collé en tant que texte enrichi.   Coller en tant que texte brut à la place

  Seulement 75 émoticônes maximum sont autorisées.

×   Votre lien a été automatiquement intégré.   Afficher plutôt comme un lien

×   Votre contenu précédent a été rétabli.   Vider l’éditeur

×   Vous ne pouvez pas directement coller des images. Envoyez-les depuis votre ordinateur ou insérez-les depuis une URL.


×
×
  • Créer...