Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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 :




avatar

Ea
Aidactif
Aidactif

Messages : 23521
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