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.
Acesso rápido

Fóruns de suporte oficiais


Meriteiro

Agosto de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» A Propaganda está no lugar errado
Hoje à(s) 5:01 por Bluue_Br

» Arma/Carro Preferido opção no perfil
Hoje à(s) 4:48 por while

» Personalizar visualização do perfil
Hoje à(s) 3:30 por while

» Codigo PHP roda em algum widget?
Hoje à(s) 3:14 por while

» Código Anti owner no chatbox
Hoje à(s) 3:03 por while

» Duvida sobre e-mail de Fundador
Hoje à(s) 2:58 por while

» Loja no fórum
Hoje à(s) 2:40 por while

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Os membros mais ativos da semana
while
 
Cream
 
Shek
 
Holkis
 
PrisoN†BreaK
 
IsmaelS.
 
Ana Leandro
 
Sennior
 
YouTube3
 
Maori
 

Quem está conectado
70 usuários online :: 2 usuários cadastrados, Nenhum Invisível e 68 Visitantes :: 3 Motores de busca

Holkis, Mnf Mfn

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

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 Sab 17 Jan 2015 - 16:52

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 Qua 28 Jan 2015 - 4:15, editado 1 vez(es) (Razão : Título mudado pra melhor visualização e entendimento.)

Bruninho._
Nível 8

Masculino
Inscrito dia : 18/07/2012
Mensagens : 126
Pontos Ativos : 1727

http://www.csi-nwd.forumeiros.com

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

Mensagem por Sennior em Sab 17 Jan 2015 - 16:54

Boas,

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


Admineiros Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Admineiros Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Admineiros Perdeu a senha de administração? Veja o que fazer.
Admineiros Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 15956
Pontos Ativos : 22298

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 Sab 17 Jan 2015 - 16:56

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

Bruninho._
Nível 8

Masculino
Inscrito dia : 18/07/2012
Mensagens : 126
Pontos Ativos : 1727

http://www.csi-nwd.forumeiros.com

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

Mensagem por Daemon em Dom 18 Jan 2015 - 15:21

Muito simples meu caro, apenas adicione isto na sua página HTML:
Código:
<link rel="stylesheet" href="http://illiweb.com/rs4/86/frm/SCEditor/src/themes/fa.default.min.css" type="text/css" media="all" />
<script type="text/javascript" src="http://illiweb.com/rs4/86/frm/SCEditor/src/jquery.sceditor.js"></script>
<script type="text/javascript" src="http://illiweb.com/rs4/86/frm/SCEditor/src/plugins/bbcode.js"></script>
<script type="text/javascript" src="http://illiweb.com/rs4/86/frm/SCEditor/src/sceditor-commands.js"></script>
<script type="text/javascript" src="http://illiweb.com/rs4/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/rs4/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!

Daemon
Membro do Fórum

Masculino
Inscrito dia : 02/03/2012
Mensagens : 1035
Pontos Ativos : 3233

http://bestskins.forumeiros.com/

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

Mensagem por Bruninho._ em Seg 19 Jan 2015 - 0:24

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

Bruninho._
Nível 8

Masculino
Inscrito dia : 18/07/2012
Mensagens : 126
Pontos Ativos : 1727

http://www.csi-nwd.forumeiros.com

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

Mensagem por Daemon em Seg 19 Jan 2015 - 2:50

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!

Daemon
Membro do Fórum

Masculino
Inscrito dia : 02/03/2012
Mensagens : 1035
Pontos Ativos : 3233

http://bestskins.forumeiros.com/

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

Mensagem por Bruninho._ em Ter 20 Jan 2015 - 1:07

@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.

Bruninho._
Nível 8

Masculino
Inscrito dia : 18/07/2012
Mensagens : 126
Pontos Ativos : 1727

http://www.csi-nwd.forumeiros.com

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

Mensagem por Daemon em Ter 20 Jan 2015 - 1:31

Não está em seu template, e sim no código que passei acima.
Código:
<link rel="stylesheet" href="http://illiweb.com/rs4/86/frm/SCEditor/src/themes/fa.default.min.css" type="text/css" media="all" />
<script type="text/javascript" src="http://illiweb.com/rs4/86/frm/SCEditor/src/jquery.sceditor.js"></script>
<script type="text/javascript" src="http://illiweb.com/rs4/86/frm/SCEditor/src/plugins/bbcode.js"></script>
<script type="text/javascript" src="http://illiweb.com/rs4/86/frm/SCEditor/src/sceditor-commands.js"></script>
<script type="text/javascript" src="http://illiweb.com/rs4/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/rs4/86/frm/SCEditor/minified/jquery.sceditor.default.min.css"
    });
});
</script>
Já substitui para você.


Até mais!

Daemon
Membro do Fórum

Masculino
Inscrito dia : 02/03/2012
Mensagens : 1035
Pontos Ativos : 3233

http://bestskins.forumeiros.com/

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

Mensagem por Bruninho._ em Ter 20 Jan 2015 - 1:37

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

Bruninho._
Nível 8

Masculino
Inscrito dia : 18/07/2012
Mensagens : 126
Pontos Ativos : 1727

http://www.csi-nwd.forumeiros.com

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

Mensagem por Daemon em Ter 20 Jan 2015 - 14:36

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/rs4/86/frm/SCEditor/src/themes/fa.default.min.css" type="text/css" media="all" />
<script type="text/javascript" src="http://illiweb.com/rs4/86/frm/SCEditor/src/jquery.sceditor.js"></script>
<script type="text/javascript" src="http://illiweb.com/rs4/86/frm/SCEditor/src/plugins/bbcode.js"></script>
<script type="text/javascript" src="http://illiweb.com/rs4/86/frm/SCEditor/src/sceditor-commands.js"></script>
<script type="text/javascript" src="http://illiweb.com/rs4/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/rs4/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!

Daemon
Membro do Fórum

Masculino
Inscrito dia : 02/03/2012
Mensagens : 1035
Pontos Ativos : 3233

http://bestskins.forumeiros.com/

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

Mensagem por Bruninho._ em Qua 21 Jan 2015 - 7:55

Não resultou =S

http://www.sa-evo.com/h3-formulario-de-denuncia

Bruninho._
Nível 8

Masculino
Inscrito dia : 18/07/2012
Mensagens : 126
Pontos Ativos : 1727

http://www.csi-nwd.forumeiros.com

O autor desta mensagem foi removido do fórum - Ver a mensagem

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5