créer balise comme youtube

[la saussouze]

Bonsoir,

je voudrai créer des balises comme pour youtube sur mon forum qui est en phpbb http://www.forumgsr750.com/forum
pour ce site http://www.roadium.fr/balade-moto/ il m'a donné ce petit tuto http://blog.roadium.fr/astuce/2-integrer-un-roadbook-une-sortie-roadium-sur-un-site-tiers. mais je ne sais pas ou placé les codes
vu que je ne suis pas trop doué j'aimerai savoir si c'est possible et comment faire merci

[la saussouze]

up!!!!!!!!!!!!!!!!!!!

[Gorgebvsh]

Bonsoir, a ma connaissance il n'est pas possible d'ajouter des balises bbcode sur les forums ForumActif, peu être par la censure des mots, mais je doute que ce soit 100% fonctionnelle, l'exemple que vous citer plus haut vaut quand on a un site a nous et que l'on peut ajouter des balises bbcode perso

je vous propose ceci:

un javascript, a mettre dans gestion code/javascript et cochez sur toute les pages:

Code:

$(function () {
    /* Ajoute le bouton au selecteur du forum */
    if ($('#text_editor_textarea').length) {
        /* éditeur normal bouton + image */
        $('#addbbcode34').before('<button title="roadium" class="button2" style="margin-right:4px" onclick="bbfontstyle(\'[roadium]\', \'[/roadium]\');return false;"><img alt="[roadium]" src="http://i82.servimg.com/u/f82/16/04/65/90/map-gp10.png" height="16" width="16" border="0" /></button>');
    }
    if ($('#quick_reply').length) {
        /* réponse rapide dans le menu autres */
        $('#other').append('<button onclick="bbfontstyle(\'[roadium]\', \'[/roadium]\');selectWysiwyg(this, \'other\');return false;">Roadium</button>');
    }
    // remplace [roadium]..[/roadium]
    var divs = document.getElementsByTagName('div');
    for (i = 0; i < divs.length; i++) {
        if ((divs[i] != null && divs[i].className == 'post-entry') || (divs[i] != null && divs[i].className == 'postbody')) {
            chaine1 = new String('[\[]roadium[^[]');
            reg = new RegExp(chaine1, 'g');
            reg2 = new RegExp('[\[]/roadium[^[]', 'g');
            contenu = divs[i].innerHTML;
            split = contenu.split(" ");
            nouveaucontenu = contenu.replace(reg, '<iframe class="iframeroadium" src="http://www.roadium.fr/balade-moto/embed/').replace(reg2, '" width="100%" height="800" scrolling="auto" marginwidth="0" marginheight="0" allowtransparency="true" frameborder="0"></iframe>');
            if (contenu != nouveaucontenu) {
                divs[i].innerHTML = nouveaucontenu;
            }
        }
    }
});

une class CSS (vous n'êtes pas obliger de l'ajouter mais si on veut styliser l'iframe ou mettre une couleur de fond c'est mieux), à mettre dans le CSS du forum:

Code:

.iframeroadium{background-color:#f9f9f9;}

le bouton apparaitra dans le menu "autres" sous forme de texte pour l'éditeur de réponse rapide, ou sous forme de bouton avec une petite image [] dans l'éditeur normal

il vous suffira alors de mettre [roadium]60[/roadium] dans un post, pour avoir le roadbook numéro 60

je vous suggère également de compresser/compiler le code javascript ici avant de le publier pour de bon sur votre forum

Cordialement.

[la saussouze]

ok je met en place et je vois
en tous cas merci bien

[la saussouze]

super je vous remercie cela fonctionne
merci beaucoup
au revoir