WebSite X5Help Center

 
Axel  
Axel  
User

Sticky button et code !Comment faire ?  fr

Autore: Axel  
Visite 378, Followers 1, Condiviso 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

Postato il
10 RISPOSTE - 1 UTILE - 1 CORRETTO
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese 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

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Axel  
Axel  
User
Autore

@Kolasim

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

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

merci 

axel

Leggi di più
Postato il da 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.

Leggi di più
Postato il da 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>

Leggi di più
Postato il da Miguel Galarza
Miguel Galarza
Miguel Galarza
User

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

Leggi di più
Postato il da 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.

Leggi di più
Postato il da Miguel Galarza
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese 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

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Axel  
Axel  
User
Autore

@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 !

Leggi di più
Postato il da Axel  
Axel  
Axel  
User
Autore

@Miguel,

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

MERCI BEAUCOUP

Axel

Leggi di più
Postato il da Axel  
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese 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...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪