Ajouter un bouton de sauvegarde à l'éditeur en mode source

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

  • 0

Astuce Ajouter un bouton de sauvegarde à l'éditeur en mode source

Message par Ea le Jeu 4 Aoû 2011 - 13:18

Bouton sauvegarder pour l'éditeur en mode source


Objet de l'astuce :

Cette astuce permet de mettre un bouton permettant à un membre de sauver des sélections de texte et de les replacer quand il le souhaite où il le souhaite :





Seuls les membres avec un navigateur assez récent ( en particulier pas les vieilles versions d'IE ) verront le bouton, et les données sont sauvées dans la mémoire du navigateur, donc en changeant de navigateur / ordinateur les messages ne seront plus là ( et les messages ajoutés pendant une navigation privée ne dureront que jusqu'à la fin de la navigation privée ).

Mise en place :

Il faut d'abord ajouter le code suivant dans le CSS ( PA > Affichage > Couleurs > Feuille de style ) :

Code:
#savec { position:relative; }
.save-bloc { color: #555!important; z-index: 1000; padding: 5px;  border: 1px solid #BCBCBC; background: #efefef url(http://illiweb.com/fa/prosilver/bg_button.gif) repeat-x; display:none;top:20px;left:0px;position:absolute; white-space:nowrap; }
.save-bloc div:hover { color: #050505!important; }
.save-bloc div { cursor: pointer; }
.save-bloc select { background: #ccc; border: 1px solid #aaa; margin-bottom: 5px; }

Puis il faut mettre le script ici sur toutes les pages ( voir gestion des pages javascript ).

Utilisation de la fonctionnalité :

  • Suppression / insertion / nommage : en sélectionnant l'une ou l'autre valeur, on peut spécifier qu'au clic sur des messages sauvés on veut l'insérer, le supprimer ou bien lui associer un titre :


  • À l'insertion pour utiliser la sélection dans le remplacement il suffit de mettre $0, par exemple en sauvant [b]$0[/b], à l'insertion la sélection sera entourée par [b] à gauche et [/b] à droite.

  • Au clic sur le bouton, en maintenant la touche shift enfoncée on a un cadre qui nous permet d'exporter ( ils seront mis dans la zone d'édition de texte ) ou d'importer ( il faut que ce qu'on importe soit sélectionné dans la zone d'édition de texte ) des messages :

    Spoiler:

    On a 3 messages sauvés :



    On maintient shift en appuyant sur le bouton :



    On clique sur exporter ce qui nous "exporte" les messages :



    On supprime deux des messages :



    On importe ce qu'on avait exporté ( en le sélectionnant avant de cliquer sur importer ) :



    Les messages sont de retour dans la liste des messages sauvés :





Ea
Aidactif
Aidactif

Messages : 23418
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

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


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