| | Ajouter un bouton 'SELECTIONNER' aux balises CODE |  |
|
|
| Auteur | Message |
|---|
papydall
Nombre de messages : 7017
Age : 74
Localisation : Moknine (Tunisie) Entre la chaise et le clavier
Date d'inscription : 03/03/2012
| | Sujet: Ajouter un bouton 'SELECTIONNER' aux balises CODE Sam 15 Oct 2016 - 14:09 | |
| Ce post est principalement destiné à Jack (l’Administrateur du Forum)Ajouter un bouton SELECTIONNER aux balises de codeVoici comment faire : Ref- Spoiler:
Panneau d'admin >> Modules >> HTML & JAVASCRIPT >> Gestion des codes Javascript ( ça se trouve en bas de la page) Sur la page qui s’ouvre, cliquer sur +Créer un nouveau javascript ( en bas à droite) Pour le champs Titre taper ‘SELECTIONER’ ou ‘SELECTIONNER LE CODE’. Dans le champs CodeJavascript coller ce code - Code:
-
1. function selectCode(a){a=$(a).closest("dl").find(".cont_code,code")[0];if(window.getSelection){varc=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.setStart(a.childNodes[0], 0);b.setEnd(a,a.childNodes.length);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())};
2. $(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">Sélectionner</span>')});
Puis, dans le CSS ( Paneau d’Admin >Affichage > Images et couleurs > Couleurs >)Cliquer sur Feuille de style et coller le code suivant - Code:
-
1. selectCode { float:right; text-transform: uppercase; cursor:pointer; }
2. div.cont_code { clear: right; }
Appuyer sur Valider. Si tout est bien passé, un bouton SELECTIONNER s’ajoute aux balises de code. Il suffira de cliquer dessus pour que l’ensemble du code soit sélectionné.
NB : Je viens de tester cette manipulation sur un forum que j’ai récemment crée et ça a été une réussite. - Spoiler:
Le Forum que je viens de créer est un essai pour tester certaines manipulations. Il changera d'aspect, de contenu et plus encore. Pour les curieux, c'est ici
Dernière édition par papydall le Sam 15 Oct 2016 - 16:06, édité 1 fois | |
|
| | |
Jean Claude
Nombre de messages : 5950
Age : 70
Localisation : 83 Var
Date d'inscription : 07/05/2009
| | Sujet: Re: Ajouter un bouton 'SELECTIONNER' aux balises CODE Sam 15 Oct 2016 - 14:19 | |
| Bravo Papydall,
Ce bouton est super, j'ai regardé sur ton forum et ça marche bien.
Je soutiens ton initiative.
A+ | |
|
| | |
papydall
Nombre de messages : 7017
Age : 74
Localisation : Moknine (Tunisie) Entre la chaise et le clavier
Date d'inscription : 03/03/2012
| | Sujet: Re: Ajouter un bouton 'SELECTIONNER' aux balises CODE Sam 15 Oct 2016 - 14:21 | |
| | |
|
| | |
Klaus
Nombre de messages : 12331
Age : 75
Localisation : Ile de France
Date d'inscription : 29/12/2009
| | Sujet: Re: Ajouter un bouton 'SELECTIONNER' aux balises CODE Sam 15 Oct 2016 - 14:59 | |
| C'est vraiment super, Papydall. Ce serait très utile, surtout pour des codes un peu longs, ce qui est fréquent. Car malheureusement, même si le curseur est dans le champ du code, un ctrl/A sélectionne toute la page, pas tout le contenu du champ ! Donc, oui, serait un vrai confort supplémentaire. | |
|
| | |
papydall
Nombre de messages : 7017
Age : 74
Localisation : Moknine (Tunisie) Entre la chaise et le clavier
Date d'inscription : 03/03/2012
| | Sujet: Re: Ajouter un bouton 'SELECTIONNER' aux balises CODE Sam 15 Oct 2016 - 15:19 | |
| Espérons que Jack passe par ici et qu’il veuille bien réserver une poignée de minutes (pas plus) pour le réaliser. | |
|
| | |
Minibug
Nombre de messages : 4570
Age : 58
Localisation : Vienne (86)
Date d'inscription : 09/02/2012
| | Sujet: Re: Ajouter un bouton 'SELECTIONNER' aux balises CODE Sam 15 Oct 2016 - 15:51 | |
| Hummm excellente idée !  Espérons que jack l’intègre dans le forum... | |
|
| | |
Froggy One
Nombre de messages : 598
Date d'inscription : 06/01/2012
| | Sujet: Re: Ajouter un bouton 'SELECTIONNER' aux balises CODE Lun 17 Oct 2016 - 15:01 | |
| Inutile de sélectionner le code en le faisant défiler dans la fenêtre ! Je survole avec la souris le tout début du code, tout à gauche de la première ligne, un CLIC (qui n'a aucun effet visible), puis je fais la même chose en bas après le dernier caractère, un SHIFT + CLIC, et le tout est sélectionné !!! | |
|
| | |
JL35
Nombre de messages : 7112
Localisation : 77
Date d'inscription : 29/11/2007
| | Sujet: Re: Ajouter un bouton 'SELECTIONNER' aux balises CODE Lun 17 Oct 2016 - 16:52 | |
| Euh, Froggy, comment fais-tu pour placer ton deuxième clic sans faire défiler tout le code ? | |
|
| | |
Froggy One
Nombre de messages : 598
Date d'inscription : 06/01/2012
| | Sujet: Re: Ajouter un bouton 'SELECTIONNER' aux balises CODE Lun 17 Oct 2016 - 22:20 | |
| Salut JL35 !
- Clic, en début de première ligne de code,
- je vais au bout du code en faisant défiler l'ascenseur,
- et enfin, en fin de dernière ligne de code, shift clic, et voilà.
Ce n'est qu'en faisant le SHIFT + CLIC que le code est sélectionné en entier ; avant, aucun surlignage n'apparaît. C'est ça qui est drôle ! Ce n'est pas parfait mais ça marche ! | |
|
| | |
JL35
Nombre de messages : 7112
Localisation : 77
Date d'inscription : 29/11/2007
| | Sujet: Re: Ajouter un bouton 'SELECTIONNER' aux balises CODE Lun 17 Oct 2016 - 22:33 | |
| Bonsoir Froggy One,
C'est bien ce qu'il me semblait avoir compris (j'avais essayé et ça marche bien comme tu dis), mais il faut bien faire défiler tout le code avec l'ascenseur.
Ce serait quand même plus pratique d'avoir un bouton qui sélectionne automatiquement tout le code (il me semble qu'autrefois on pouvait le faire d'un clic, et ça a disparu). | |
|
| | |
papydall
Nombre de messages : 7017
Age : 74
Localisation : Moknine (Tunisie) Entre la chaise et le clavier
Date d'inscription : 03/03/2012
| | Sujet: Re: Ajouter un bouton 'SELECTIONNER' aux balises CODE Lun 17 Oct 2016 - 23:01 | |
| Un bouton SELECTIONNER est fort pratique et fort simple à réaliser pour Jack, l’administrateur du forum.
@ Froggy One
C'est ce que j'ai toujours fait pour sélectionner le code.
Comme disait JL35, un simple clic sur un bouton est mieux qu'une (petite) gymnastique. | |
|
| | |
Froggy One
Nombre de messages : 598
Date d'inscription : 06/01/2012
| | Sujet: Re: Ajouter un bouton 'SELECTIONNER' aux balises CODE Lun 24 Oct 2016 - 10:13 | |
| Me revoilà sur le forum ! @ Papydall : il me semblait bien que je ne l'avais pas trouvé tout seul  @ JL35 : quoi qu'il en soit, je suis bien d'accord avec vous que ce serait extrêmement pratique d'avoir ce bouton ! Bonne journée ! | |
|
| | |
Contenu sponsorisé
| | Sujet: Re: Ajouter un bouton 'SELECTIONNER' aux balises CODE | |
| |
|
| | |
| | Ajouter un bouton 'SELECTIONNER' aux balises CODE | |
|
Calendrier
