Résolu Problème pour un data-msg

[1899]

Salut

Je suis en train de faire un script, seulement j'ai un petit problème sur un data-msg, je ne sais pas comment faire pour avoir des message organisé en bbcode !
Le code :

<a type="button" class="button primary boutonMessage" data-msg="test">Bienvenue</a>

J'aimerais avoir qu'à la place de test, j'ai un message comme ceci :

Tu ne possèdes pas les conditions requise pour effectuer ce genre de transaction, je signale.

Rappel sur les conditions :

• 1 000 messages
• 500 j'aimes
• 6 mois d'anciennetés

Spoiler: Le code

Tu ne possèdes pas [B][COLOR=#006666]les conditions[/COLOR][/B] requise pour effectuer ce [B][COLOR=#006666]genre de transaction[/COLOR][/B], je signale. :ok:

[U]Rappel sur les conditions[/U] :
[LIST]
[*]1 000 messages [fa]fa-comment[/fa]
[*]500 j'aimes [fa]fa-thumbs-o-up[/fa]
[*]6 mois d'anciennetés [fa]fa-calendar-check-o[/Fa]
[/LIST]

Seulement, lorsque que je met ceci dans data-msg=" " le script ne fonctionne plus, il est bugué...

Faut-il créer une variable js pour le retour à la ligne ? Pour les liste avec puces ?

Merci pour vos explications.

 

[1899]

Oui j'y ai pas pensé, un simple "button" serait plus approprié

Je viens de tester avec un button, toujours rien.

Bonne soirée,
Loucasse

 

[Walky 🇫🇷]

Je viens de tester avec un button, toujours rien.

Bonne soirée,
Loucasse

Update ton github

 

[1899]

$('#QuickReply').find('.submitUnit').children('input').eq(1).after('<a type="button" class="button primary boutonMessage" data-msg="[plain]
Tu ne possèdes pas [B][COLOR=#006666]les conditions[/COLOR][/B] requise pour effectuer ce [B][COLOR=#006666]genre de transaction[/COLOR][/B], je signale. :ok:
[U]Rappel sur les conditions[/U] :
[LIST]
[*]1 000 messages [fa]fa-comment[/fa]
[*]500 j\'aimes [fa]fa-thumbs-o-up[/fa]
[*]6 mois d\'anciennetés [fa]fa-calendar-check-o[/Fa]
[/LIST][/plain]
">Bienvenue</a>');
$(document).ready(function() {
$('.boutonMessage').click(function() {
$('iframe.redactor_textCtrl').contents().find('body').html($(this).attr('data-msg').replace(/\n/g, '<br />'));
$('iframe.redactor_textCtrl').contents().find('body').select();
$('iframe.redactor_textCtrl').contents().find('body').focus();
});
});

Essaye ceci

Toujours le bug aux balises color :

Bonne soirée,
Loucasse

 

[Walky 🇫🇷]

Si c'est la balise color, transforme ton code en rgb, ce qui donnera : [color=rgb(0, 102, 102)]

 

[1899]

Si c'est la balise color, transforme ton code en rgb, ce qui donnera : [color=rgb(0, 102, 102)]

Maintenant, le problème viens de la fermeture de la balise color ainsi que des apostrophes. Même avec les \'

Bonne soirée,
Loucasse

 

[Walky 🇫🇷]

Je ne vois pas le problème, quand j'effectue ce code:

$('#QuickReply').find('.submitUnit').children('input').eq(1).after('<a type="button" class="button primary boutonMessage" data-msg="[color=#FF000]test[/color]">Bienvenue</a>');

$(document).ready(function() {
    $('.boutonMessage').click(function() {
        $('iframe.redactor_textCtrl').contents().find('body').html($(this).attr('data-msg').replace(/\n/g, '<br />'));
    $('iframe.redactor_textCtrl').contents().find('body').select();
    $('iframe.redactor_textCtrl').contents().find('body').focus();
    });
});

à travers la console, ça fonctionne très bien

 

[1899]

Je ne vois pas le problème, quand j'effectue ce code:

$('#QuickReply').find('.submitUnit').children('input').eq(1).after('<a type="button" class="button primary boutonMessage" data-msg="[color=#FF000]test[/color]">Bienvenue</a>');

$(document).ready(function() {
    $('.boutonMessage').click(function() {
        $('iframe.redactor_textCtrl').contents().find('body').html($(this).attr('data-msg').replace(/\n/g, '<br />'));
    $('iframe.redactor_textCtrl').contents().find('body').select();
    $('iframe.redactor_textCtrl').contents().find('body').focus();
    });
});

à travers la console, ça fonctionne très bien

La il n'y a aucun problème, mais comment faire après pour sauter des lignes ?

Bonne soirée,
Loucasse

 

[Walky 🇫🇷]

Essaye ça:

var message =
"Tu ne possèdes pas [B][COLOR=#006666]les conditions[/COLOR][/B] requise pour effectuer ce [B][COLOR=#006666]genre de transaction[/COLOR][/B], je signale. :ok:

[U]Rappel sur les conditions[/U] :
[LIST]
[*]1 000 messages [fa]fa-comment[/fa]
[*]500 j'aimes [fa]fa-thumbs-o-up[/fa]
[*]6 mois d'anciennetés [fa]fa-calendar-check-o[/Fa]
[/LIST]";

$(document).ready(function() {
    $('.boutonMessage').click(function() {
        $('iframe.redactor_textCtrl').contents().find('body').html(message);
        $('iframe.redactor_textCtrl').contents().find('body').select();
        $('iframe.redactor_textCtrl').contents().find('body').focus();
    });
});

 

[1899]

Essaye ça:

var message =
"Tu ne possèdes pas [B][COLOR=#006666]les conditions[/COLOR][/B] requise pour effectuer ce [B][COLOR=#006666]genre de transaction[/COLOR][/B], je signale. :ok:

[U]Rappel sur les conditions[/U] :
[LIST]
[*]1 000 messages [fa]fa-comment[/fa]
[*]500 j'aimes [fa]fa-thumbs-o-up[/fa]
[*]6 mois d'anciennetés [fa]fa-calendar-check-o[/Fa]
[/LIST]";

$(document).ready(function() {
    $('.boutonMessage').click(function() {
        $('iframe.redactor_textCtrl').contents().find('body').html(message);
        $('iframe.redactor_textCtrl').contents().find('body').select();
        $('iframe.redactor_textCtrl').contents().find('body').focus();
    });
});

Non fonctionnel.

Bonne soirée,
Loucasse

 

[Walky 🇫🇷]

Non fonctionnel.

Bonne soirée,
Loucasse

J'avais oublié ça :

$('#QuickReply').find('.submitUnit').children('input').eq(1).after('<a type="button" class="button primary boutonMessage" data-msg="' + message + '">Bienvenue</a>');

 

[AwH]

Je reviens te voir, j'ai plus d'erreur dans ma console avec ceci :

<script>

$('#QuickReply').find('.submitUnit').children('input').eq(1).after('Tu ne possèdes pas [B][COLOR=#006666]les conditions[/COLOR][/B] requise pour effectuer ce [B][COLOR=#006666]genre de transaction[/COLOR][/B], je signale. :ok:\n[U]Rappel sur les conditions[/U] :\n[LIST]\n[*]1 000 messages [fa]fa-comment[/fa]\n[*]500 j\'aimes [fa]fa-thumbs-o-up[/fa]\n[*]6 mois d\'anciennetés [fa]fa-calendar-check-o[/Fa]\n[/LIST][/plain]\n');

$(document).ready(function() {
    $('.boutonMessage').click(function() {
        $('iframe.redactor_textCtrl').contents().find('body').html($(this).attr('data-msg').replace(/\n/g, '<br />'));
    $('iframe.redactor_textCtrl').contents().find('body').select();
    $('iframe.redactor_textCtrl').contents().find('body').focus();
    });
});
</script>

Tu peux me faire ton retour, je regarde encore 2-3 trucs dessus

 

[Walky 🇫🇷]

Je reviens te voir, j'ai plus d'erreur dans ma console avec ceci :

<script>

$('#QuickReply').find('.submitUnit').children('input').eq(1).after('Tu ne possèdes pas [B][COLOR=#006666]les conditions[/COLOR][/B] requise pour effectuer ce [B][COLOR=#006666]genre de transaction[/COLOR][/B], je signale. :ok:\n[U]Rappel sur les conditions[/U] :\n[LIST]\n[*]1 000 messages [fa]fa-comment[/fa]\n[*]500 j\'aimes [fa]fa-thumbs-o-up[/fa]\n[*]6 mois d\'anciennetés [fa]fa-calendar-check-o[/Fa]\n[/LIST][/plain]\n');

$(document).ready(function() {
    $('.boutonMessage').click(function() {
        $('iframe.redactor_textCtrl').contents().find('body').html($(this).attr('data-msg').replace(/\n/g, '<br />'));
    $('iframe.redactor_textCtrl').contents().find('body').select();
    $('iframe.redactor_textCtrl').contents().find('body').focus();
    });
});
</script>

Tu peux me faire ton retour, je regarde encore 2-3 trucs dessus

Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

 

[1899]

Je reviens te voir, j'ai plus d'erreur dans ma console avec ceci :

<script>

$('#QuickReply').find('.submitUnit').children('input').eq(1).after('Tu ne possèdes pas [B][COLOR=#006666]les conditions[/COLOR][/B] requise pour effectuer ce [B][COLOR=#006666]genre de transaction[/COLOR][/B], je signale. :ok:\n[U]Rappel sur les conditions[/U] :\n[LIST]\n[*]1 000 messages [fa]fa-comment[/fa]\n[*]500 j\'aimes [fa]fa-thumbs-o-up[/fa]\n[*]6 mois d\'anciennetés [fa]fa-calendar-check-o[/Fa]\n[/LIST][/plain]\n');

$(document).ready(function() {
    $('.boutonMessage').click(function() {
        $('iframe.redactor_textCtrl').contents().find('body').html($(this).attr('data-msg').replace(/\n/g, '<br />'));
    $('iframe.redactor_textCtrl').contents().find('body').select();
    $('iframe.redactor_textCtrl').contents().find('body').focus();
    });
});
</script>

Tu peux me faire ton retour, je regarde encore 2-3 trucs dessus

Pas mal

Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

 

[AwH]

Pas mal

Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

Ah Peut-etre l'utilite de laisse tes balises «a»

 

[1899]

Ah Peut-etre l'utilite de laisse tes balises «a»

Yep, je viens de les remettre, toujours non fonctionnel.

$('#QuickReply').find('.submitUnit').children('input').eq(1).after('<a type="button" class="button primary boutonMessage" data-msg="Tu ne possèdes pas [B][COLOR=#006666]les conditions[/COLOR][/B] requise pour effectuer ce [B][COLOR=#006666]genre de transaction[/COLOR][/B], je signale. :ok:\n[U]Rappel sur les conditions[/U] :\n[LIST]\n[*]1 000 messages [fa]fa-comment[/fa]\n[*]500 j\'aimes [fa]fa-thumbs-o-up[/fa]\n[*]6 mois d\'anciennetés [fa]fa-calendar-check-o[/Fa]\n[/LIST][/plain]\n">Conditions</a>);

$(document).ready(function() {
    $('.boutonMessage').click(function() {
        $('iframe.redactor_textCtrl').contents().find('body').html($(this).attr('data-msg').replace(/\n/g, '<br />'));
    $('iframe.redactor_textCtrl').contents().find('body').select();
    $('iframe.redactor_textCtrl').contents().find('body').focus();
    });
});

Bonne soirée,
Loucasse

 

[Walky 🇫🇷]

Yep, je viens de les remettre, toujours non fonctionnel.

$('#QuickReply').find('.submitUnit').children('input').eq(1).after('<a type="button" class="button primary boutonMessage" data-msg="Tu ne possèdes pas [B][COLOR=#006666]les conditions[/COLOR][/B] requise pour effectuer ce [B][COLOR=#006666]genre de transaction[/COLOR][/B], je signale. :ok:\n[U]Rappel sur les conditions[/U] :\n[LIST]\n[*]1 000 messages [fa]fa-comment[/fa]\n[*]500 j\'aimes [fa]fa-thumbs-o-up[/fa]\n[*]6 mois d\'anciennetés [fa]fa-calendar-check-o[/Fa]\n[/LIST][/plain]\n">Conditions</a>);

$(document).ready(function() {
    $('.boutonMessage').click(function() {
        $('iframe.redactor_textCtrl').contents().find('body').html($(this).attr('data-msg').replace(/\n/g, '<br />'));
    $('iframe.redactor_textCtrl').contents().find('body').select();
    $('iframe.redactor_textCtrl').contents().find('body').focus();
    });
});

Bonne soirée,
Loucasse

Essaye de mettre ton texte sous une variable et de mettre le nom de ta variable dans l'attribut data-msg

 

[1899]

Essaye de mettre ton texte sous une variable et de mettre le nom de ta variable dans l'attribut data-msg

$('#QuickReply').find('.submitUnit').children('input').eq(1).after('<a type="button" class="button primary boutonMessage" data-msg="' + message + '">Conditions</a>');
var message =
    "Tu ne possèdes pas [B][COLOR=rgb(128, 128, 128)]les conditions[/COLOR][/B] requise pour effectuer ce [B][COLOR=#006666]genre de transaction[/COLOR][/B], je signale. :ok:
[U]Rappel sur les conditions[/U] :
[LIST]
[*]1 000 messages [fa]fa-comment[/fa]
[*]500 j'\aimes [fa]fa-thumbs-o-up[/fa]
[*]6 mois d\'anciennetés [fa]fa-calendar-check-o[/Fa]
[/LIST][/plain]";

$(document).ready(function() {
    $('.boutonMessage').click(function() {
        $('iframe.redactor_textCtrl').contents().find('body').html($(this).attr('data-msg').replace(/\n/g, '<br />'));
    $('iframe.redactor_textCtrl').contents().find('body').select();
    $('iframe.redactor_textCtrl').contents().find('body').focus();
    });
});

?

Bonne soirée,
Loucasse

 

[Walky 🇫🇷]

$('#QuickReply').find('.submitUnit').children('input').eq(1).after('<a type="button" class="button primary boutonMessage" data-msg="' + message + '">Conditions</a>');
var message =
    "Tu ne possèdes pas [B][COLOR=rgb(128, 128, 128)]les conditions[/COLOR][/B] requise pour effectuer ce [B][COLOR=#006666]genre de transaction[/COLOR][/B], je signale. :ok:
[U]Rappel sur les conditions[/U] :
[LIST]
[*]1 000 messages [fa]fa-comment[/fa]
[*]500 j'\aimes [fa]fa-thumbs-o-up[/fa]
[*]6 mois d\'anciennetés [fa]fa-calendar-check-o[/Fa]
[/LIST][/plain]";

$(document).ready(function() {
    $('.boutonMessage').click(function() {
        $('iframe.redactor_textCtrl').contents().find('body').html($(this).attr('data-msg').replace(/\n/g, '<br />'));
    $('iframe.redactor_textCtrl').contents().find('body').select();
    $('iframe.redactor_textCtrl').contents().find('body').focus();
    });
});

?

Bonne soirée,
Loucasse

Voilà

 

[1899]

Voilà

Bah non, toujours pas fonctionnel.

Bonne soirée,
Loucasse

 

[AwH]

Le code :

<a type="button" class="button primary boutonMessage" data-msg="test">Bienvenue</a>

Sinon, comme tu l'as mis au dessus, ca fonctionne ?