Name: Adding Select All for [code] BBcode
Availability: InStock
Author: axtona

Compatibilité XF

2.2.x

Description courte: A simple, effective way to automatically select all content within a code bbcode in your forum. Replace the existing bbcodetag_code file with our provided solution for seamless functionality without needing an extra "select all" button. Download attached file or manually modify your template. Add JavaScript at end for optimal performance.

A simple but effective way to select all the content within a code bbcode in your forum.

Please note: this doesn't add a "select all" button like you're probably used to see, but it adds a simple functionality to your mouse (or your thumbs) so that each time you click (or tap) inside a code box, it'll automatically select all the text into it.

How to:
Download the attached file, and replace it with your existing bb_code_tag_code file in your template(s).
Alternatively, follow these steps to manually modify it:

Find

HTML:

<code>{$content}</code>

Replace it with:

HTML:

<code onclick="getData(this)">{$content}</code>

And add the following javascript code at the very end of that file (so that you load it only when you effectively have a code bbcode in your page, to save bandwidth):

JavaScript:

<script>
function getData(element)
{
if (document.body.createTextRange) {
var range = document.body.createTextRange();
range.moveToElementText(element);
range.select();
} else if (window.getSelection) {
var selection = window.getSelection();
var range = document.createRange();
range.selectNodeContents(element);
selection.removeAllRanges();
selection.addRange(range);
}
}
</script>

Auteur: axtona

Vues: 322

Type d’extension: txt

Taille du fichier: 939 octets

Première publication: Mai 21, 2023

Dernière mise à jour: Mai 21, 2023

Évaluations 0.00 étoile(s) 0 évaluations

Rejoindre le fil de discussion Plus d'informations

Lien cassé ? Envoyer un message à l’équipe NP et nous vous aiderons rapidement !

Soutenez le développeur Si vous êtes satisfait du test ou que votre projet vous a rapporté de l’argent, cliquez sur le bouton « Plus d’informations » pour soutenir le développeur en achetant.

Partager cette ressource