Forum Crea illusion Fantasy


Coucou,

Merci de nous rejoindre sur le forum, j'espère que l'on passera de bons moments ensembles.

Au plaisir de te lire dans les différentes catégories.

Le Staff du forum Crea illusion Fantasy.


Aides,Codes,Conseils,Forum,Sites web,blogs,Tout supports,Photographie,Graphismes,Dessins,Peintures,Tutoriels,Publicités.
 
AccueilPortailÉvènementsFAQPublicationsPublicationsS'enregistrerConnexion
Ta bannière, Ici !


Partagez | .
 

 Code: selectionner le contenu

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Sophie
Directrice en chef de PUB
avatar


Messages : 417
Venue : 16/05/2013 Je suis: : Féminin
Né(e) le : 24/11/1963
Age : 53
Je vie à : Versailles
Humeur : Assez bonne
Mes Points : 1623

MessageSujet: Code: selectionner le contenu   Lun 13 Juin 2016 - 20:12

Bonsoir

Je vais vous expliquer comment facilement integrer la balise "Selectionner le contenu" qui vous permet de copier rapidement un code dans sa totalite d'un clic.

Suivez  le chemin suivant dans le panneau d'administration :

Module -> HTML & Javascript (tout en bas) -> Gestion des codes Javascripts

Il faut activer le Javascript pour que cela fonctionne.
Donc vous cliquez sur l'onglet en bas de fenetre : Creer un nouveau Javascript.
Il vous faut cocher "Sur toutes les pages" pour qu'il figure partout ou vous mettrez un code.

Et dans la fenetre vous inserer le code suivant :
Code:
function selectCode(a){a=$(a).closest("dl").find(".cont_code,code")[0];if(window.getSelection){var c=window.getSelection();if(c.setBaseAndExtent)c.setBaseAndExtent(a,0,a,a.innerText.length-1);else{window.opera&&a.innerHTML.substring(a.innerHTML.length-4)=="<BR>"&&(a.innerHTML+=" ");var b=document.createRange();b.selectNodeContents(a);c.removeAllRanges();c.addRange(b)}}else document.getSelection?(c=document.getSelection(),b=document.createRange(),b.selectNodeContents(a),
    c.removeAllRanges(),c.addRange(b)):document.selection&&(b=document.body.createTextRange(),b.moveToElementText(a),b.select())}
    
    $(function(){
        $("dl.codebox:not(.spoiler,.hidecode)  > dd.code, dl.codebox:not(.spoiler,.hidecode)  > dd > code").closest("dl").find('dt').append('<span onClick="selectCode(this)" class="selectCode">Selectionner le contenu</span>');
    });

Ensuite vous valider en cliquant sur "Valider" en bas de la fenetre.

Voila pour la partie script. Mais ce n'est pas fini. Il vous faut aller maintenant dans la partie CSS pour finir l'installer de ce bout de code.

Donc suivez le chemin suivant :

Affichage -> Images et couleur (allez sur couleur) -> Feuille de style CSS (en haut de la fenetre, le deuxieme onglet)

Et vous glissez a la suite du code deja present, si vous en avez un, la partie suivante :

Code:
/****Slectionner le contenu****/
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
div.cont_code { clear: right; }

Vous valider encore avec le bouton sous la fenetre et le tour est joue ! Maintenant il est facile pour tous de selectionner en un clic la totalite d'un code dans une fenetre.
C'est bien utile pour les formulaire de presentation ou les fiches codes!

J'espere que cela vous sera utile Smile
Revenir en haut Aller en bas
http://www.entre-nous-pub.com/
Ptite_Perle
Admin


avatar


Messages : 6204
Venue : 27/06/2009 Je suis: : Féminin
Né(e) le : 17/09/1963
Age : 54
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 9276

MessageSujet: Re: Code: selectionner le contenu   Lun 13 Juin 2016 - 20:32

Coucou Sophie2

Merci pour ton partage

Bisouss
Revenir en haut Aller en bas
http://www.creaillusionfantasy.com/
 

Code: selectionner le contenu

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Bouton "Sélectionner le contenu" pour les balises de code
» Balise [code] [/code] : Avoir le texte « code » et « sélectionner le contenu » en bleu, plus gros ainsi qu’avoir la même couleur
» Baliste CODE sélectioner le contenu
» Bouton "sélectionner le contenu"
» Comment obtenir le lien « Sélectionner le contenu »

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Forum Crea illusion Fantasy  :: Astuces codages pour forumactif :: Astuces et codages forumactif-