WebSite X5Help Center

 
Axel  
Axel  
User

Sticky button et code !Comment faire ?  fr

Autor: Axel  
Visitado 276, Seguidores 1, Compartilhado 0  

Hello,

Le sticky button permet de créer des leins vers d'autres pages en restant affiché sur la page.

Super... mais à nouveau ne semble pas bien complet. yell

Mais comment faire dans l'exemple ci dessus pour configurer un retour à la page précente en cliquant sur le sticky button...

Le code est le suivant si je crée un bouton identique en HTML

<div id="goback"><a onclick="history.back()"><span id="text">Previous</span></span></a></div>

Comment configurer le sticky button avec cet exemple.... de code

En cliquant sur l'icône lien, il n'y a pas d'options pour cela...

Je pense que mon code actuel en CSS et gratuit est bien meilleur pour les options !!!! et Sticky button est payant !!!! mais pas abouti.....

Tiens le voici pour les intéressés, car il fonctione parfaitement

<style>

/* Pour afficher les boutons sur la droite */

#goback {
position: fixed;
top: 185px;
right: 00px;
background-color: #cc0000;
cursor: pointer;
width: 70px;
padding: 3px;
//border: 2px solid black;
border-radius: 8px;
}
#text {
font-weight: bold; background: #cc0000; color: white;
}

</style>

<div id="goback"><a onclick="history.back()"><span id="text">Previous</span></span></a></div><br></br>

et voila ce que cela affiche .

Axel

Publicado em
10 RESPOSTAS - 1 ÚTIL - 1 CORRIGIR
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuário do mês ES
Axel 
... ... ... Mais comment faire dans l'exemple ci dessus pour configurer un retour à la page précente en cliquant sur le sticky button... ... ... ... 

... ...vous pouvez utiliser le lien normal de Fichier ou l'URL | Fichiers sur Internet... ....

.

ciao

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Axel  
Axel  
User
Autor

@Kolasim

ajouter un fichier ou page externe me semble complique .... yell

une option pour ajouter du code serait plus simple !!! winkwink

merci 

axel

Ler mais
Publicado em de Axel  
Miguel Galarza
Miguel Galarza
User

Bonjour Axel,


Placez le code dans l'option « message d'alerte » et désactivez l'option « afficher sous forme de fenêtre contextuelle ».
Regardez la capture.
Cela fonctionne pour moi en avant-première, je ne l'ai pas testé sur le serveur, je suppose que cela fonctionnera.

L'avis d'alerte lui-même constitue la page précédente.


Salutations.

Ler mais
Publicado em de Miguel Galarza
Miguel Galarza
Miguel Galarza
User

J'ai oublié que vous utilisiez du code CSS personnalisé pour le bouton flottant... Ce n'est plus nécessaire. Ignorer la capture précédente.
Utilisez simplement le code d’action de retour.
Salutations.

<div id="goback"><a onclick="history.back()"></a></div>

Ler mais
Publicado em de Miguel Galarza
Miguel Galarza
Miguel Galarza
User

ou déboguer comme cela fonctionne le mieux pour vous. tongue-out

Ler mais
Publicado em de Miguel Galarza
Miguel Galarza
Miguel Galarza
User

Ok, en résumé :
J'ai placé le bouton collant dans l'en-tête, taille 40x40px.
Dans le message d'alerte, j'ai entré uniquement le code d'action.

<div id="goback"><a onclick="history.back()"></a></div>

Remarque, j'ai laissé la balise div avec un appel au code CSS id="goback" qui est vide, c'est-à-dire que je n'ai PAS collé le code CSS avant de fermer la balise head. Si je supprime cet « id » dans la balise « div », cela cesse de fonctionner.

La couleur et la police du bouton sont modifiées avec le bouton collant.

J'ai placé le bouton collant de test à l'emplacement suivant :

https://espaciosdeexpresion.com/

D’après ce que je peux voir, cela fonctionne comme ça.


Salutations.

Ler mais
Publicado em de Miguel Galarza
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuário do mês ES
Axel  
@Kolasim ajouter un fichier ou page externe me semble complique .... une option pour ajouter du code serait plus simple !!! merci  axel

... désolé, ...peut-être que je n'ai pas compris, mais ne vouliez-vous pas attribuer le lien retour au bouton Sticky-Button...?...

.

ciao

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Axel  
Axel  
User
Autor

@KolAsim,

the function does not works with your solution.... Because it's not a fixed link

<div id="goback"><a onclick="history.back()"></a></div>

Thank you.

Miguels' solution is great !

Ler mais
Publicado em de Axel  
Axel  
Axel  
User
Autor

@Miguel,

SUPER !!!!!!!!!!!!!!! cela fonctionne parfaitement.

MERCI BEAUCOUP

Axel

Ler mais
Publicado em de Axel  
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuário do mês ES
Axel  
@KolAsim, the function does not works with your solution.... Because it's not a fixed link ... ... ...

...et au lieu de cela, cela peut fonctionner de la manière que j'ai dit auparavant...cool...

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪