Formulário de mensagem privada

Detalhes da questão

Endereço do fórum: http://aaaaappp.forumeiros.com/
Versão do fórum: PunBB

Descrição

Estou desenvolvendo um formulário e nele tem o campo "Quem é o acusado?:", queria saber se fosse um código jQuery puxar o valor do campo, e com esse nickname, enviasse uma mensagem privada para o nick que foi digitado no campo, além de enviar o formulário normal para a área x.

Formulário:
http://aaaaappp.forumeiros.com/h1-

Olá!

Poderia, por gentileza, nos fornecer o código do formulário?

Até mais.

Aqui está, desculpe a demora:

Código:

<script type="text/javascript" src="http://jscolor.com/jscolor/jscolor.js"></script>
               <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
            <script src="http://ajuda.forumeiros.com/29110.js"></script>
                <script src="http://ajuda.forumeiros.com/28074.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script><script src="https://illiweb.com/rs3/47/frm/lang/pt.js" type="text/javascript"></script>

                <style>
div#provas {
    position: fixed;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.75);
    height: 100%;
    width: 100%;
    display: none;             
}
div#infoprovas {
    margin: 0 auto;
    width: 80%;
    background: #fff;
    top: 5%;
    position: relative;
    height: 80%;
    padding: 15px;
    overflow-y: auto;
}
div#infoprovas h1 {
    font-size: 21px;
    text-align: center;
    border-bottom: 1px solid #ddd;
    padding: 5px;
}
div#imgp {
    margin: 10px;
}
div#imgp h3 {
    font-weight: bold;
    font-size: 14px;
}
#imgp p span {
    font-weight: bold;
}
#imgp img {
    max-width: 100%;
    max-height: 500px;
    vertical-align: middle;
    margin: 5px;
}
#imgp p a {
    color: black;
    font-weight: bold;
}
input.button2 {
    padding-left: 4px;
    background: url(http://www.lmg.lt/forumas/public/style_images/LMG_Images/highlight_faint.png) repeat-x scroll 0 0 #000;
    border-color: #4C4D4C;
    border-radius: 2px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    color: #FFF!important;
    cursor: pointer;
    font-size: 13px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    padding: 4px 10px!important;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0,0,0,0.4);
    vertical-align: middle;
}                 
#content-container div#content {
    margin-right: 0;
}
#content-container div#right {
    display: none;
}                 
            #generated_form .part { background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat -235px -600px; width: 60px; height: 20px;}
#generated_form .more { background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat 0px 2px; width: 12px; height: 20px; cursor:pointer;}
#generated_form .image .part { background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat -235px -548px; width: 60px; height: 20px;}
#generated_form .remove { float: left;background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat 0px -286px;padding-left: 16px;width: 12px; height: 20px; cursor:pointer;position: relative;top:3px;}
#generated_form .image { width: 300px; }
 
#generated_form h1 {
font-size: 2em;
font-weight: 500;
margin: .8em 0 .2em;
text-align: center;
}

#generated_form h3 {
    text-align: center;
    padding-bottom: 15px;
}
                 
#generated_form dl {
   margin-bottom: 10px;
   font-size: 1.1em;
}
 
#generated_form dt {
   width: 30%;
   padding-top: 5px;
   border: none;
   float: left;
}
 
#generated_form dd {
   padding: 5px;
   padding-right: 5px;
   margin-left: 30%;
   vertical-align: middle;
}
#generated_form dl:hover dt {
   color: #666;
}
 
#generated_form input {
   font-family: "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
   font-weight: normal;
   color: #333333;
   padding: 2px;
   vertical-align: middle;
   padding-left: 4px;
}
 
#generated_form input[disabled] {
   background-color:#ddd;
   cursor:pointer;
}
 
#generated_form select {
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
   font-weight: normal;
   font-style: normal;
   cursor: default;
   vertical-align: middle;
   width:auto;
   max-width:100%;/* Bug IE */
   padding: 1px;
}
 
#generated_form textarea {
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
   width: 550px;
   height: 150px;
   padding: 2px;
   padding-left: 4px;
   cursor: text;
}
 
#generated_form input[type=text], #generated_form input[type=fields_list] {
   width: 550px;
   cursor: text;
}
div#botaop {
    float: right;
    margin-top: -8%;
    margin-right: 2%;
    text-transform: uppercase;
    background: #333;
    padding: 10px;
    color: white;
}
#botaop a { cursor: pointer; }                 
</style>
          
<div id="provas">
  <div id="infoprovas">
    <h1>Entenda como colocar provas em uma denúncia <a onclick="jQuery('#provas').fadeToggle();" id="closep">x</a></h1>
    <div id="imgp">
      <h3>Imagem:</h3>
      <p><span>1° passo:</span> Hospede a imagem no <a href="http://www.imgur.com">Imgur</a>;<br /><img src="http://i.imgur.com/1nnmYdI.png" /></p>
      <p><span>2° passo:</span> Após hospedar a imagem, copie a URL dela;<br /><img src="http://i.imgur.com/Eozowip.png" /></p>
      <p><span>3° passo:</span> Com o link da imagem copiado, vá no campo de provas e digite <span>[img][/img]</span> e entre as tags de img, coloque o link da imagem, ficando assim:<br /><img src="http://i.imgur.com/nSU0HDF.png" /></p>
      <p><span>Observação:</span> Pode colocar quantas imagens quiser, basta dar um enter de espaço para cada imagem colocada, exemplo:<br /><img src="http://i.imgur.com/lJDrNbK.png" />
    </p></div>
  </div>
</div>
 <form onsubmit="submit_form();" action="/posting.forum" id="generated_form" method="post" enctype="multipart/form-data">

 <input type="hidden" name="form_mode" value="0">

<h1 data-type="field">Formulário de denúncias</h1>

<h3 data-type="field">Denúncia contra administrador</h3>

<dl><dt>Qual seu nickname in-game?</dt>
                            <dd><input type="text" data-type="field" id="field3"></dd>
                        </dl>

<dl><dt>Quem é o acusado?</dt>
                            <dd><input type="text" data-type="field" id="field4"></dd>
                        </dl>

  <dl><dt>Qual a infração que ele cometeu?<br /><small data-type="field">Exemplo: DB/DM/ANT-RPG/</small></dt>
                            <dd><input type="text" data-type="field" id="field5"></dd>
                        </dl>

<dl><dt>Quando que ocorreu o ato?</dt>
                            <dd><input type="date" data-type="field" id="field8"></dd>
                        </dl>

<dl>
                            <dt><span>Qual o cargo de administrador do mesmo?</span></dt>
                            <dd><select data-type="field" id="field10"><option value=""></option><option value=" Sub-moderador"> Sub-moderador</option><option value=" Moderador"> Moderador</option><option value=" Auxiliar"> Auxiliar</option><option value=" Sub-Master"> Sub-Master</option><option value=" Master"> Master</option><option value=" Sub-Gerente"> Sub-Gerente</option><option value=" Gerente"> Gerente</option><option value=" Sub-Dono"> Sub-Dono</option><option value=" Dono"> Dono</option></select></dd>
                        </dl>

<dl>
                            <dt>Link das provas</dt>
                            <dd><textarea data-type="field" id="field11"></textarea></dd>
                            <div id="botaop"><a onclick="jQuery('#provas').fadeToggle();" id="openp">como colocar provas na denúncia?</a></div>
                        </dl>

<dl>
                            <dt>Descreva o que ocorreu</dt>
                            <dd><textarea data-type="field" id="field12"></textarea></dd>
                        </dl>


                <input type="hidden" name="f" value="1">
                <input type="hidden" name="subject" value="O script não enviou o título" template="[ {field10} ] {field4} [ {field5} ]">
                <input type="hidden" name="description" value="O script não enviou a descrição" template="">
                <textarea name="message" style="display:none"></textarea>
               
                <textarea id="message-template-bbcode-0" style="display:none">


[b]Nickname do acusador:[/b] {field3}

[b]Nickname do infrator:[/b] {field4}

[b]O que ele cometeu?[/b] {field5}

[b]Quando que tudo ocorreu?[/b] {field8}

[b]Link das provas:[/b] {field11}

[b]O que aconteceu?[/b] {field12}</textarea>
                <input type="hidden" name="mode" value="newtopic">
                <input type="hidden" name="lt" value="0">
                <input type="submit" name="post" class="button2" value="Enviar">
           

</form>

Olá,

Adicione isto ao seu código:

Código:

<script>jQuery('form#generated_form').find('input.button2[name="post"]').click(function() {
    var username = jQuery(this).parents().find('input#field4').val();
    var subject = "Denúncia contra Administrador"; // Assunto
    var message = ""; // Mensagem
    jQuery.get('/privmsg?mode=post', function(e) {
        jQuery('input#username', e).val(username);
        jQuery('input#subject', e).val(subject);
        jQuery('textarea#text_editor_textarea[name="message"]', e).html(message);

        jQuery('input[name="post"]', e).click();
        console.log('PM enviada!');
    })
});</script>

Não fiquei certo sobre o assunto e conteúdo da mensagem então deixei-os livres, podes editá-los em:

Código:

    var subject = "Denúncia contra Administrador"; // Assunto
    var message = ""; // Mensagem

[F]lames escreveu:Olá,

Adicione isto ao seu código:

Código:

<script>jQuery('form#generated_form').find('input.button2[name="post"]').click(function() {
    var username = jQuery(this).parents().find('input#field4').val();
    var subject = "Denúncia contra Administrador"; // Assunto
    var message = ""; // Mensagem
    jQuery.get('/privmsg?mode=post', function(e) {
        jQuery('input#username', e).val(username);
        jQuery('input#subject', e).val(subject);
        jQuery('textarea#text_editor_textarea[name="message"]', e).html(message);

        jQuery('input[name="post"]', e).click();
        console.log('PM enviada!');
    })
});</script>

Não fiquei certo sobre o assunto e conteúdo da mensagem então deixei-os livres, podes editá-los em:

Código:

    var subject = "Denúncia contra Administrador"; // Assunto
    var message = ""; // Mensagem

Eu adicionei o mesmo e não teve nenhum efeito, parece que não está acontecendo nada, mesmo com o código ativado

---

@edit
Fiz umas pequenas mudanças no seu código e consegui um resultado, já envia a mensagem privada automaticamente ao enviar o formulário, aqui está o código que editei:

Código:

  <script type="text/javascript">
  jQuery(document).ready(function(){
jQuery('#send').click(function() {
    var user = jQuery(this).parents().find('input#field4').val();
    var title = "Você foi denunciado!"; // Assunto
    var message = "Olá, esta mensagem é automática, por favor, não responda. Você foi denunciado por mim através da Central de Denúncias do servidor, por gentileza, procure a denúncia no fórum e verifique-a."; // Mensagem
  jQuery.post('/privmsg', {
        folder: 'inbox',
        mode: 'post',
        post: '1',
        username: user,
        subject: title,
        message: message
      }).done(function () {
          console.log("Enviado");
      }).fail(function () {
          console.log("Erro");
      });
});
});
  </script>

Uma dúvida, queria saber se fosse possível enviar a mensagem pra mais de um usuário, como atráves do sistema de mensagem privada padrão da forumeiros, eu poder enviar pra vários usuários a mesma mensagem, teria como isso?

Tente mudar por esse:

Código:

  <script type="text/javascript">
  jQuery(document).ready(function(){
jQuery('#send').click(function() {
    var user = jQuery(this).parents().find('input#field4').val();
    var title = "Você foi denunciado!"; // Assunto
    var message = "Olá, esta mensagem é automática, por favor, não responda. Você foi denunciado por mim através da Central de Denúncias do servidor, por gentileza, procure a denúncia no fórum e verifique-a."; // Mensagem
  jQuery.post('/privmsg', {
        folder: 'inbox',
        mode: 'post',
        post: '1',
        'username[]': [user, 'Nick #2', 'Nick #N'],
        subject: title,
        message: message
      }).done(function () {
          console.log("Enviado");
      }).fail(function () {
          console.log("Erro");
      });
});
});
  </script>

Nessa parte:

Código:

'username[]': [user, 'Nick #2', 'Nick #3'],

É só trocar os Nick #N pelos nicks dos demais usuários, sempre separados por vírgulas (,) e dentro de apóstrofos (').

Kyo Panda escreveu:Tente mudar por esse:

Código:

  <script type="text/javascript">
  jQuery(document).ready(function(){
jQuery('#send').click(function() {
    var user = jQuery(this).parents().find('input#field4').val();
    var title = "Você foi denunciado!"; // Assunto
    var message = "Olá, esta mensagem é automática, por favor, não responda. Você foi denunciado por mim através da Central de Denúncias do servidor, por gentileza, procure a denúncia no fórum e verifique-a."; // Mensagem
  jQuery.post('/privmsg', {
        folder: 'inbox',
        mode: 'post',
        post: '1',
        'username[]': [user, 'Nick #2', 'Nick #N'],
        subject: title,
        message: message
      }).done(function () {
          console.log("Enviado");
      }).fail(function () {
          console.log("Erro");
      });
});
});
  </script>

Nessa parte:

Código:

'username[]': [user, 'Nick #2', 'Nick #3'],

É só trocar os Nick #N pelos nicks dos demais usuários, sempre separados por vírgulas (,) e dentro de apóstrofos (').

Então amigo, entendi o que você colocou, mas é que os nicks dos usuários estarão dentro do campo #field4, por isso tem a var user = jQuery(this).parents().find('input#field4').val();, agora queria saber se teria como enviar a mensagem pra mais de um usuário, com o nick digitado no campo, por exemplo:
Quem é o acusado? Sherlock +
Nesse botão de +, iria aparecer mais um campo, caso tenha mais algum usuário, entendeu?
Como se fosse o sistema de mensagem privada padrão da forumeiros

Bem, se o senhor desejar, poderia indicar aos usuários na descrição do campo para separarem os nicks com vírgulas e então no código:

Código:

  <script type="text/javascript">
  jQuery(document).ready(function(){
jQuery('#send').click(function() {
    var user = jQuery(this).parents().find('input#field4').val();
    var title = "Você foi denunciado!"; // Assunto
    var message = "Olá, esta mensagem é automática, por favor, não responda. Você foi denunciado por mim através da Central de Denúncias do servidor, por gentileza, procure a denúncia no fórum e verifique-a."; // Mensagem
  jQuery.post('/privmsg', {
        folder: 'inbox',
        mode: 'post',
        post: '1',
        'username[]': user.split(','),
        subject: title,
        message: message
      }).done(function () {
          console.log("Enviado");
      }).fail(function () {
          console.log("Erro");
      });
});
});
  </script>

Na descrição:

Código:

Quem é o acusado? (Para mais de um usuário, separe os nicks por vírgulas)

Kyo Panda escreveu:Bem, se o senhor desejar, poderia indicar aos usuários na descrição do campo para separarem os nicks com vírgulas e então no código:

Código:

  <script type="text/javascript">
  jQuery(document).ready(function(){
jQuery('#send').click(function() {
    var user = jQuery(this).parents().find('input#field4').val();
    var title = "Você foi denunciado!"; // Assunto
    var message = "Olá, esta mensagem é automática, por favor, não responda. Você foi denunciado por mim através da Central de Denúncias do servidor, por gentileza, procure a denúncia no fórum e verifique-a."; // Mensagem
  jQuery.post('/privmsg', {
        folder: 'inbox',
        mode: 'post',
        post: '1',
        'username[]': user.split(','),
        subject: title,
        message: message
      }).done(function () {
          console.log("Enviado");
      }).fail(function () {
          console.log("Erro");
      });
});
});
  </script>

Na descrição:

Código:

Quem é o acusado? (Para mais de um usuário, separe os nicks por vírgulas)

Perfeito cara, muito obrigado!
Só tira uma dúvida, tem como na parte da mensagem var message = "Olá, esta mensagem é automática, por favor, não responda. Você foi denunciado por mim através da Central de Denúncias do servidor, por gentileza, procure a denúncia no fórum e verifique-a."; // Mensagem, eu dar uma personalizada nela, colocar html, bbcode ou algo? Eu tento mas acho que não é compatível com o código, se não tiver como, pode closar o tópico

Sim, qualquer BBCode que inserir ali será interpretado como uma mensagem normal:

Código:

<script type="text/javascript">
  jQuery(document).ready(function() {
    jQuery('#send').click(function() {
      var user = jQuery(this).parents().find('input#field4').val();
      var title = "Você foi denunciado!"; // Assunto
      var message = [
        '[h1]Mensagem automática[/h1]',
        'Olá, esta mensagem é [b]automática[/b], por favor, não responda.',
        '',
        'Você foi denunciado por mim através da [url=/h1-]Central de Denúncias[/url] do servidor, por gentileza, procure a denúncia no fórum e verifique-a.'
      ].join('\n');
      jQuery.post('/privmsg', {
        folder: 'inbox',
        mode: 'post',
        post: '1',
        'username[]': user.split(','),
        subject: title,
        message: message
      }).done(function() {
        console.log("Enviado");
      }).fail(function() {
        console.log("Erro");
      });
    });
  });
</script>

Entendi, mas acontece que as mensagens acabam ficando assim, veja:

http://prntscr.com/dsg8nv

Mas aí a culpa é minha por ter errado os BBCodes. ._.

Código:

<script type="text/javascript">
  jQuery(document).ready(function() {
    jQuery('#send').click(function() {
      var user = jQuery(this).parents().find('input#field4').val();
      var title = "Você foi denunciado!"; // Assunto
      var message = [
        '[size=24]Mensagem automática[/size]',
        'Olá, esta mensagem é [b]automática[/b], por favor, não responda.',
        '',
        'Você foi denunciado por mim através da [url=http://aaaaappp.forumeiros.com/h1-]Central de Denúncias[/url] do servidor, por gentileza, procure a denúncia no fórum e verifique-a.'
      ].join('\n');
      jQuery.post('/privmsg', {
        folder: 'inbox',
        mode: 'post',
        post: '1',
        'username[]': user.split(','),
        subject: title,
        message: message
      }).done(function() {
        console.log("Enviado");
      }).fail(function() {
        console.log("Erro");
      });
    });
  });
</script>

Kyo Panda escreveu:Mas aí a culpa é minha por ter errado os BBCodes. ._.

Código:

<script type="text/javascript">
  jQuery(document).ready(function() {
    jQuery('#send').click(function() {
      var user = jQuery(this).parents().find('input#field4').val();
      var title = "Você foi denunciado!"; // Assunto
      var message = [
        '[size=24]Mensagem automática[/size]',
        'Olá, esta mensagem é [b]automática[/b], por favor, não responda.',
        '',
        'Você foi denunciado por mim através da [url=http://aaaaappp.forumeiros.com/h1-]Central de Denúncias[/url] do servidor, por gentileza, procure a denúncia no fórum e verifique-a.'
      ].join('\n');
      jQuery.post('/privmsg', {
        folder: 'inbox',
        mode: 'post',
        post: '1',
        'username[]': user.split(','),
        subject: title,
        message: message
      }).done(function() {
        console.log("Enviado");
      }).fail(function() {
        console.log("Erro");
      });
    });
  });
</script>

Tá ficando perfeito, agora a única coisa que acontece, é que não ta inserindo a quebra de linha, to tentando colocar com '\n', mas nem assim tá indo, ;-;
http://prntscr.com/dsgfsm

zNeon escreveu:

Bom, gostei muito mas estou com uma duvida. 

Seria mais facil descobrir um modo de citar o usuario? Assim iria evitar gastar o limite de MP's na caixa de entrada de cada usuario. Ai quando cada o usuario entrar no forum iria aparecer em notificações "Tal membros te citou ou marcou neste topico" igual quando alguem responde um topico?

Seria possivel?

Cara, recomendo você criar um outro tópico relacionado ao que você procura, acho que ficaria mais organizado.

@Kyo Panda
Consegui colocar a quebra de linha, fiz um ajuste, pode fechar o tópico cara, muito obrigado!