Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Resposta Topico
Hoje à(s) 01:09 am por paulim78

» Ranks de cargos para o meu fórum!
Hoje à(s) 12:19 am por Fou-Lu

» Preciso de ranks para SAMP
Hoje à(s) 12:03 am por odelgado

» Deixar apenas um dos menus com imagem
Ontem à(s) 11:38 pm por Maiicinhu

» Nome do Domínio e E-mail Personalizados
Ontem à(s) 11:26 pm por Shek

» Icone e banner para o fórum.
Ontem à(s) 11:25 pm por Fou-Lu

» Temas Temporários
Ontem à(s) 11:22 pm por Shek

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Ketholy
 
Gaaratsu
 
Fou-Lu
 
Eduardo Lima
 
while
 
Shek
 
Jeckwilke
 
LucasPofahl
 
Maiicinhu
 
Thiago
 

Quem está conectado
213 usuários online :: Nenhum usuário registrado, Nenhum Invisível e 213 Visitantes :: 3 Motores de busca

Nenhum

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Colocar botões de edição de texto em formulários

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Colocar botões de edição de texto em formulários

Mensagem por Bruninho._ em 17/01/15, 02:52 pm

Detalhes da dúvida

Versão do fórum : phpBB3
Nível de acesso : Membro
Navegador usado : Google Chrome
Membros afetados : Todos os membros do fórum
Endereço do fórum : http://www.csi-nwd.forumeiros.com

Descrição do problema

Olá,

Gostaria de saber como faço para colocar botões ligados em uma caixa de texto específica.

Ex: http://prntscr.com/5tm6jr

Nesse formulário: http://ajuda.forumeiros.com/h15-gerador-formulario


Última edição por Bruninho._ em 28/01/15, 02:15 am, editado 1 vez(es) (Razão : Título mudado pra melhor visualização e entendimento.)
avatar

Bruninho._
Nível 8

Masculino
Inscrito dia : 18/07/2012
Mensagens : 145
Pontos Ativos : 228

Ver perfil do usuário http://www.nwdgames.com https://www.facebook.com/nwdgames https://twitter.com/nwd_

Resolvido Re: Colocar botões de edição de texto em formulários

Mensagem por Sennior em 17/01/15, 02:54 pm

Boas,

Como assim botões ligados? Poderia especificar?
Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Colocar botões de edição de texto em formulários

Mensagem por Bruninho._ em 17/01/15, 02:56 pm

Botões: http://prntscr.com/5tm8s2
avatar

Bruninho._
Nível 8

Masculino
Inscrito dia : 18/07/2012
Mensagens : 145
Pontos Ativos : 228

Ver perfil do usuário http://www.nwdgames.com https://www.facebook.com/nwdgames https://twitter.com/nwd_

Resolvido Re: Colocar botões de edição de texto em formulários

Mensagem por Daemon em 18/01/15, 01:21 pm

Muito simples meu caro, apenas adicione isto na sua página HTML:
Código:
<link rel="stylesheet" href="http://illiweb.com/rsc/86/frm/SCEditor/src/themes/fa.default.min.css" type="text/css" media="all" />
<script type="text/javascript" src="http://illiweb.com/rsc/86/frm/SCEditor/src/jquery.sceditor.js"></script>
<script type="text/javascript" src="http://illiweb.com/rsc/86/frm/SCEditor/src/plugins/bbcode.js"></script>
<script type="text/javascript" src="http://illiweb.com/rsc/86/frm/SCEditor/src/sceditor-commands.js"></script>
<script type="text/javascript" src="http://illiweb.com/rsc/86/frm/SCEditor/src/sceditor-commands-bbcode.js"></script>
<script>
$(function() {
    // Substituir a textarea new editor
    // com SCEditor
    $("#new_editor").sceditor({
        plugins: "bbcode",
        width: "70%",
        style: "http://illiweb.com/rsc/86/frm/SCEditor/minified/jquery.sceditor.default.min.css"
    });
});
</script>


<textarea id="new_editor"></textarea>

Aqui:
Código:
width: "70%"
Você irá definir a largura do editor.


Até mais!
avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1096
Pontos Ativos : 1687

Ver perfil do usuário http://bestskins.forumeiros.com/

Resolvido Re: Colocar botões de edição de texto em formulários

Mensagem por Bruninho._ em 18/01/15, 10:24 pm

Então, eu adiciono essa nova HTML e dai todas as "textarea" dos meus formulários irão ficar automaticamente com os botões de edição ?

@Edit

Seria colocar botões de edição nessas duas textarea
http://www.sa-evo.com/h3-formulario-de-denuncia
avatar

Bruninho._
Nível 8

Masculino
Inscrito dia : 18/07/2012
Mensagens : 145
Pontos Ativos : 228

Ver perfil do usuário http://www.nwdgames.com https://www.facebook.com/nwdgames https://twitter.com/nwd_

Resolvido Re: Colocar botões de edição de texto em formulários

Mensagem por Daemon em 19/01/15, 12:50 am

Peço que o senhor não cometa novamente o erro de fazer posts duplos, ok?

Se quiser aplicar em todas as textarea da página HTML, substitua nesta parte do código:
Código:
$("#new_editor")
Por esta:
Código:
$("textarea")


Até mais!
avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1096
Pontos Ativos : 1687

Ver perfil do usuário http://bestskins.forumeiros.com/

Resolvido Re: Colocar botões de edição de texto em formulários

Mensagem por Bruninho._ em 19/01/15, 11:07 pm

@Daemon escreveu:Peço que o senhor não cometa novamente o erro de fazer posts duplos, ok?

Se quiser aplicar em todas as textarea da página HTML, substitua nesta parte do código:
Código:
$("#new_editor")
Por esta:
Código:
$("textarea")


Até mais!

Desculpe minha ignorância, revirei o HTML do meu formulário e não encontrei esse código para que fosse feita a mudança.

Meu código do formulário:

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>
                <style>
            #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-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 2em;
font-weight: 400;
margin: .8em 0 .2em;
}
 
#generated_form dl {
   margin-bottom: 10px;
   font-size: 1.1em;
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
}
 
#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: 300px;
   height: 100px;
   padding: 2px;
   padding-left: 4px;
   cursor: text;
}
 
#generated_form input[type=text], #generated_form input[type=fields_list] {
   width: 300px;
   cursor: text;
}
</style>
          


 <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"><span style="font-size: 26px;"><b>Denúncia</b></span></h1>
    
   <h3 data-type="field">Preencha o formulário de denúncia com muita atenção, explique a situação da melhor forma possível e clara ou sua denúncia poderá ser IGNORADA. </h3>
<div><span style="font-size: 12px;"><br></span></div>
  
   <dl><dt>Jogador denunciante:</dt>
                            <dd><input type="text" data-type="field" placeholder="Seu nick" id="field6"></dd>
                        </dl>

<dl><dt>Jogador(es) denunciado(os):</dt>
                            <dd><input type="text" data-type="field" placeholder="Nick(s) do(s) abuser(s)" id="field7"></dd>
                        </dl>

<dl><dt>Data do abuso:</dt>
                            <dd><input type="date" data-type="field" id="field8"></dd>
                        </dl>

<dl>
                            <dt>Abuso cometido:</dt>
                            <dd><select data-type="field" id="field9"><option value="Hack">Hack</option><option value=" Abuso de Bug"> Abuso de Bug</option><option value=" DM em local proibído"> DM em local proibído</option><option value=" DriveBy"> DriveBy</option><option value=" Racismo"> Racismo</option><option value=" Outro"> Outro</option></select></dd>
                        </dl>

<dl>
                            <dt>Explique resumidamente o fato ocorrido, evite textos longos, seja direto e claro:</dt>
                            <dd><textarea data-type="field" id="field10"></textarea></dd>
                        </dl>

<dl>
                            <dt>Provas (Prints / ScreenShots):<br></dt>
                            <dd><textarea data-type="field" id="field12"></textarea></dd>
                        </dl>

                <input type="hidden" name="f" value="7">
                <input type="hidden" name="subject" value="O script não enviou o título" template="[ Denúncia ] {field7} [ {field6} ]">
                <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]Jogador denunciante:[/b]   {field6}
                    [b]Jogador(es) denunciado(os):[/b] {field7}
[b]Data do abuso:[/b] {field8}
[b]Abuso cometido:[/b] {field9}
[b]Explique resumidamente o fato ocorrido, evite textos longos, seja direto e claro:[/b]    {field10}
[b]Provas (Prints / ScreenShots):[/b] {field12}</textarea>
                <center><input type="hidden" name="mode" value="newtopic">
                <input type="hidden" name="lt" value="0">
                  <input type="submit" name="post" class="button2" value="Enviar">
            
<h3></h3>
</form>

OBS: Sobre o Double Post foi um erro na minha net, quando postei a net caiu e pensei q não havia sido enviado, quando retornou logo em seguida coloquei em "modificar" dae fez o doublepost e não consegui apagar.
avatar

Bruninho._
Nível 8

Masculino
Inscrito dia : 18/07/2012
Mensagens : 145
Pontos Ativos : 228

Ver perfil do usuário http://www.nwdgames.com https://www.facebook.com/nwdgames https://twitter.com/nwd_

Resolvido Re: Colocar botões de edição de texto em formulários

Mensagem por Daemon em 19/01/15, 11:31 pm

Não está em seu template, e sim no código que passei acima.
Código:
<link rel="stylesheet" href="http://illiweb.com/rsc/86/frm/SCEditor/src/themes/fa.default.min.css" type="text/css" media="all" />
<script type="text/javascript" src="http://illiweb.com/rsc/86/frm/SCEditor/src/jquery.sceditor.js"></script>
<script type="text/javascript" src="http://illiweb.com/rsc/86/frm/SCEditor/src/plugins/bbcode.js"></script>
<script type="text/javascript" src="http://illiweb.com/rsc/86/frm/SCEditor/src/sceditor-commands.js"></script>
<script type="text/javascript" src="http://illiweb.com/rsc/86/frm/SCEditor/src/sceditor-commands-bbcode.js"></script>
<script>
$(function() {
    // Substituir a textarea new editor
    // com SCEditor
    $("textarea").sceditor({
        plugins: "bbcode",
        width: "70%",
        style: "http://illiweb.com/rsc/86/frm/SCEditor/minified/jquery.sceditor.default.min.css"
    });
});
</script>
Já substitui para você.


Até mais!
avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1096
Pontos Ativos : 1687

Ver perfil do usuário http://bestskins.forumeiros.com/

Resolvido Re: Colocar botões de edição de texto em formulários

Mensagem por Bruninho._ em 19/01/15, 11:37 pm

Sim, mais onde coloco esse código? no HTML GERAL ou no HTML do formulário?
avatar

Bruninho._
Nível 8

Masculino
Inscrito dia : 18/07/2012
Mensagens : 145
Pontos Ativos : 228

Ver perfil do usuário http://www.nwdgames.com https://www.facebook.com/nwdgames https://twitter.com/nwd_

Resolvido Re: Colocar botões de edição de texto em formulários

Mensagem por Daemon em 20/01/15, 12:36 pm

Este é o seu formulário?
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>
                <style>
            #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-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 2em;
font-weight: 400;
margin: .8em 0 .2em;
}
 
#generated_form dl {
  margin-bottom: 10px;
  font-size: 1.1em;
  font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
}
 
#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: 300px;
  height: 100px;
  padding: 2px;
  padding-left: 4px;
  cursor: text;
}
 
#generated_form input[type=text], #generated_form input[type=fields_list] {
  width: 300px;
  cursor: text;
}
</style>
         


 <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"><span style="font-size: 26px;"><b>Denúncia</b></span></h1>
   
  <h3 data-type="field">Preencha o formulário de denúncia com muita atenção, explique a situação da melhor forma possível e clara ou sua denúncia poderá ser IGNORADA. </h3>
<div><span style="font-size: 12px;"><br></span></div>
 
  <dl><dt>Jogador denunciante:</dt>
                            <dd><input type="text" data-type="field" placeholder="Seu nick" id="field6"></dd>
                        </dl>

<dl><dt>Jogador(es) denunciado(os):</dt>
                            <dd><input type="text" data-type="field" placeholder="Nick(s) do(s) abuser(s)" id="field7"></dd>
                        </dl>

<dl><dt>Data do abuso:</dt>
                            <dd><input type="date" data-type="field" id="field8"></dd>
                        </dl>

<dl>
                            <dt>Abuso cometido:</dt>
                            <dd><select data-type="field" id="field9"><option value="Hack">Hack</option><option value=" Abuso de Bug"> Abuso de Bug</option><option value=" DM em local proibído"> DM em local proibído</option><option value=" DriveBy"> DriveBy</option><option value=" Racismo"> Racismo</option><option value=" Outro"> Outro</option></select></dd>
                        </dl>

<dl>
                            <dt>Explique resumidamente o fato ocorrido, evite textos longos, seja direto e claro:</dt>
                            <dd><textarea data-type="field" id="field10"></textarea></dd>
                        </dl>

<dl>
                            <dt>Provas (Prints / ScreenShots):<br></dt>
                            <dd><textarea data-type="field" id="field12"></textarea></dd>
                        </dl>

                <input type="hidden" name="f" value="7">
                <input type="hidden" name="subject" value="O script não enviou o título" template="[ Denúncia ] {field7} [ {field6} ]">
                <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]Jogador denunciante:[/b]  {field6}
                    [b]Jogador(es) denunciado(os):[/b] {field7}
[b]Data do abuso:[/b] {field8}
[b]Abuso cometido:[/b] {field9}
[b]Explique resumidamente o fato ocorrido, evite textos longos, seja direto e claro:[/b]    {field10}
[b]Provas (Prints / ScreenShots):[/b] {field12}</textarea>
                <center><input type="hidden" name="mode" value="newtopic">
                <input type="hidden" name="lt" value="0">
                  <input type="submit" name="post" class="button2" value="Enviar">
           
<h3></h3>
</form>
Está um pouco bagunçado amigo, você deve corrigir algumas tags que foram mal posicionadas e/ou não foram fechadas.

E isto
Código:
<link rel="stylesheet" href="http://illiweb.com/rsc/86/frm/SCEditor/src/themes/fa.default.min.css" type="text/css" media="all" />
<script type="text/javascript" src="http://illiweb.com/rsc/86/frm/SCEditor/src/jquery.sceditor.js"></script>
<script type="text/javascript" src="http://illiweb.com/rsc/86/frm/SCEditor/src/plugins/bbcode.js"></script>
<script type="text/javascript" src="http://illiweb.com/rsc/86/frm/SCEditor/src/sceditor-commands.js"></script>
<script type="text/javascript" src="http://illiweb.com/rsc/86/frm/SCEditor/src/sceditor-commands-bbcode.js"></script>
<script>
$(function() {
    // Substituir a textarea new editor
    // com SCEditor
    $("textarea").sceditor({
        plugins: "bbcode",
        width: "70%",
        style: "http://illiweb.com/rsc/86/frm/SCEditor/minified/jquery.sceditor.default.min.css"
    });
});
</script>
Deve ser adicionado dentro do HTML, pode ser no topo mesmo, na primeira linha.


Até mais!
avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1096
Pontos Ativos : 1687

Ver perfil do usuário http://bestskins.forumeiros.com/

Resolvido Re: Colocar botões de edição de texto em formulários

Mensagem por Bruninho._ em 21/01/15, 05:55 am

avatar

Bruninho._
Nível 8

Masculino
Inscrito dia : 18/07/2012
Mensagens : 145
Pontos Ativos : 228

Ver perfil do usuário http://www.nwdgames.com https://www.facebook.com/nwdgames https://twitter.com/nwd_

Resolvido Re: Colocar botões de edição de texto em formulários

Mensagem por EuficoLoko em 29/01/15, 04:40 pm

Segundo o regulamento do setor de suporte, tópicos com mais de 7 dias devem ser arquivados por abandono do próprio autor. Você poderá obter mais informações lendo este tópico:
Regras para a postagem de dúvidas

Caso ainda tenha dúvidas, aconselhamos que crie um novo tópico no setor de suporte, tendo em vista que este não deve ficar na seção por mais de 7 dias.
avatar

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 996
Pontos Ativos : 1286

Ver perfil do usuário http://lokoscripts.forumeiros.com/ https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum