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
» Notificação de novas mensagens
Hoje à(s) 08:02 pm por IsmaelS.

» Questão sobre aspeto de blog
Hoje à(s) 08:01 pm por IsmaelS.

» Como mudar a cor e imagem desta caixinha?
Hoje à(s) 07:32 pm por Luiz

» Como fixa a mensagem
Hoje à(s) 06:37 pm por Luiz

» Como remover as mensagens de informação do chatbox
Hoje à(s) 06:36 pm por Luiz

» Slides bugado
Hoje à(s) 06:24 pm por iScroll

» Top Usuário
Hoje à(s) 06:23 pm por iScroll

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
iScroll
 
Matt Shultz
 
Harleen
 
Ketholy123
 
T1ag0
 
zHugh
 
PlayWillian
 
ranzatti
 
Lecxa
 

Quem está conectado
254 usuários online :: 6 usuários cadastrados, Nenhum Invisível e 248 Visitantes :: 2 Motores de busca

APOllO, IsmaelS., Ketholy123, Luiz, soldado, uvmyyvpew

[ 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 : 20790

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