Résolu Problème pour un data-msg

Statut
N'est pas ouverte pour d'autres réponses.

1899

Ancien staff
Inscription
10 Août 2012
Messages
9 798
Réactions
4 482
Points
29 037
Salut :membre:

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 ! D:
Le code :
HTML:
<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. :ok:

Rappel sur les conditions :
  • 1 000 messages
  • 500 j'aimes
  • 6 mois d'anciennetés
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.
 

Walky 🇫🇷

Cryptoboy
Ancien staff
Inscription
18 Octobre 2012
Messages
1 278
Réactions
1 187
Points
23 400
Salut,

Essaie ceci :
HTML:
<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>
Code:
var msg = $('.boutonMessage').data('msg').val();

$('.boutonMessage').on('click', function() {
    $('iframe.redactor_textCtrl').contents().find('body').html(msg);
});
 

1899

Ancien staff
Inscription
10 Août 2012
Messages
9 798
Réactions
4 482
Points
29 037
Salut,

Essaie ceci :
HTML:
<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>
Code:
var msg = $('.boutonMessage').data('msg').val();

$('.boutonMessage').on('click', function() {
    $('iframe.redactor_textCtrl').contents().find('body').html(msg);
});
Nop
 

Walky 🇫🇷

Cryptoboy
Ancien staff
Inscription
18 Octobre 2012
Messages
1 278
Réactions
1 187
Points
23 400
Alors ceci :
Code:
$('.boutonMessage').on('click', function() {
    $('iframe.redactor_textCtrl').contents().find('body').html($(this).attr('data-msg').replace(/\n/g, '<br />')); // transforme les sauts de lignes en br (html)
});

Résultat ?
 

1899

Ancien staff
Inscription
10 Août 2012
Messages
9 798
Réactions
4 482
Points
29 037
Alors ceci :
Code:
$('.boutonMessage').on('click', function() {
    $('iframe.redactor_textCtrl').contents().find('body').html($(this).attr('data-msg').replace(/\n/g, '<br />')); // transforme les sauts de lignes en br (html)
});

Résultat ?
Toujours pas, le problème c'est le contenu de data-msg=" " ... D:
Mon problème, c'est juste le contenu, par la fonction, mes autres message marche niquel, c'est juste pour les messages sur plusieurs lignes que ça bloque :)

Bonne après-midi,
Loucasse
 

Walky 🇫🇷

Cryptoboy
Ancien staff
Inscription
18 Octobre 2012
Messages
1 278
Réactions
1 187
Points
23 400
Toujours pas, le problème c'est le contenu de data-msg=" " ... D:
Mon problème, c'est juste le contenu, par la fonction, mes autres message marche niquel, c'est juste pour les messages sur plusieurs lignes que ça bloque :)

Bonne après-midi,
Loucasse
Tu as quoi comme résultat avec plusieurs lignes ?
 

Walky 🇫🇷

Cryptoboy
Ancien staff
Inscription
18 Octobre 2012
Messages
1 278
Réactions
1 187
Points
23 400
Le problème vient de tes ' ;)
Essaye ceci:
Code:
<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>
 

1899

Ancien staff
Inscription
10 Août 2012
Messages
9 798
Réactions
4 482
Points
29 037
Le problème vient de tes ' ;)
Essaye ceci:
Code:
<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>
Le problème ce sont les balise [color] qui font buguer le script. La ligne de code devient rouge après la balise..
77776a47d7c021e95dd5430e40c59b13.png


Bonne après-midi,
Loucasse
 

AwH

Super Modérateur
Ancien staff
Inscription
28 Septembre 2011
Messages
5 246
Réactions
2 672
Points
7 378
Pourtant tu vois bien que la ligne de code deviens rouge après le # des balises color ? :)

Bonne après-midi,
Loucasse
Salut Loucasse,

Essaie le code donne par @Walky SEC
Code:
<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>
Dans ta console ;)

Cependant, pourquoi une balise «a», utilisee pour creer des liens et non pas un simple boutton «button» ?

Bonne fin de journee,
AwH.
 

1899

Ancien staff
Inscription
10 Août 2012
Messages
9 798
Réactions
4 482
Points
29 037
Salut Loucasse,

Essaie le code donne par @Walky SEC

Dans ta console ;)

Cependant, pourquoi une balise «a», utilisee pour creer des liens et non pas un simple boutton «button» ?

Bonne fin de journee,
AwH.
"Uncaught SyntaxError: Unexpected token <(…)InjectedScript._evaluateOn @ VM3541:875InjectedScript._evaluateAndWrap @ VM3541:808InjectedScript.evaluate @ VM3541:664"

Bonne soirée,
Loucasse
 

Walky 🇫🇷

Cryptoboy
Ancien staff
Inscription
18 Octobre 2012
Messages
1 278
Réactions
1 187
Points
23 400
Code:
$('#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
 
Statut
N'est pas ouverte pour d'autres réponses.
Haut