Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 434

Erro com SCEditor WYSIWYG BBCode

18-05-2016 21:11


<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>WebCodo :: Simple Comments System Using Php Jquery & Ajax</title> <link type="text/css" rel="stylesheet" href="css/style.css"> <link type="text/css" rel="stylesheet" href="css/example.css"> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <!-- Include the default theme --> <link rel="stylesheet" href="sceditor/minified/themes/default.min.css" type="text/css" media="all" /> <!-- Include the editors JS --> <script type="text/javascript" src="sceditor/minified/jquery.sceditor.bbcode.min.js"></script> <!-- Include JS files. --> <!-- Include Plugins. --> </head> <body> <?php // Connect to the database include('config.php'); $id_post = "1"; //the post or the page id ?> <div class="cmt-container" > <?php $sql = mysql_query("SELECT * FROM comentario WHERE id_post = '$id_post'") or die(mysql_error());; while($affcom = mysql_fetch_assoc($sql)){ $name = $affcom['name']; $email = $affcom['email']; $comment = $affcom['comment']; $date = $affcom['date']; // Get gravatar Image // https://fr.gravatar.com/site/implement/images/php/ $default = "mm"; $size = 35; $grav_url = "http://www.gravatar.com/avatar/".md5(strtolower(trim($email)))."?d=".$default."&s=".$size; ?> <div class="cmt-cnt"> <img src="<?php echo $grav_url; ?>" /> <div class="thecom"> <h5><?php echo $name; ?></h5><span data-utime="1371248446" class="com-dt"><?php echo $date; ?></span> <br/> <?php echo htmlspecialchars_decode($comment); ?> </div> </div><!-- end "cmt-cnt" --> <?php } ?> <div class="new-com-bt"> <span>Write a comment ...</span> </div> <div class="new-com-cnt"> <input type="text" id="name-com" name="name-com" value="" placeholder="Your name" /> <input type="text" id="mail-com" name="mail-com" value="" placeholder="Your e-mail adress" /> <textarea class="the-new-com" id="editor"></textarea> <br> <div class="bt-add-com">Post comment</div> <div class="bt-cancel-com">Cancel</div> </div> <div class="clear"></div> </div><!-- end of comments container "cmt-container" --> <script> $(function() { $("#editor").sceditor({ plugins: "xhtml", rtl:true, style: "sceditor/minified/jquery.sceditor.min.js" }); }); </script> <script type="text/javascript"> $(function(){ //alert(event.timeStamp); $('.new-com-bt').click(function(event){ $(this).hide(); $('.new-com-cnt').show(); $('#name-com').focus(); }); /* when start writing the comment activate the "add" button */ $('.the-new-com').bind('input propertychange', function() { $(".bt-add-com").css({opacity:0.6}); var checklength = $(this).val().length; if(checklength){ $(".bt-add-com").css({opacity:1}); } }); /* on clic on the cancel button */ $('.bt-cancel-com').click(function(){ $('.the-new-com').val(''); $('.new-com-cnt').fadeOut('fast', function(){ $('.new-com-bt').fadeIn('fast'); }); }); // on post comment click $('.bt-add-com').click(function(){ var theCom = $('.the-new-com'); var theName = $('#name-com'); var theMail = $('#mail-com'); if( !theCom.val()){ alert('You need to write a comment!'); }else{ $.ajax({ type: "POST", url: "ajax/add-comment.php", data: 'act=add-com&id_post='+<?php echo $id_post; ?>+'&name='+theName.val()+'&email='+theMail.val()+'&comment='+theCom.val(), success: function(html){ theCom.val(''); theMail.val(''); theName.val(''); $('.new-com-cnt').hide('fast', function(){ $('.new-com-bt').show('fast'); $('.new-com-bt').before(html); }) } }); } }); }); </script> </body> </html>

Fica apresentando esse erro You need to write a comment!
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17660
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: Erro com SCEditor WYSIWYG BBCode

19-05-2016 09:09

Tem como postar o link de download do script original que está usando?
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 434

Re: Erro com SCEditor WYSIWYG BBCode

19-05-2016 16:13

http://www.sceditor.com/ o link é esse do editor
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17660
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: Erro com SCEditor WYSIWYG BBCode

19-05-2016 17:40

Dei uma olhada no código e vi que a mensagem é gerada nesse bloco:

if( !theCom.val()){ alert('You need to write a comment!'); }

Esse código busca o valor desse trecho

var theCom = $('.the-new-com');

Essa classe está no elemento textarea

<textarea class="the-new-com" id="editor"></textarea>

Esse erro está sendo gerado mesmo o textarea estando preenchido?
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 434

Re: Erro com SCEditor WYSIWYG BBCode

19-05-2016 20:04

Exato mesmo com o campo preenchido diz que o campo encontra - se vazio
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17660
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: Erro com SCEditor WYSIWYG BBCode

19-05-2016 22:18

Separei o exemplo do bloco aqui e se não preencher nada no textarea realmente mostra a mensagem. Se preencher e atualizar o documento não é mostrado o alert.

<script src="jquery.js"></script> <script> $(function() { var theCom = $('.the-new-com'); if( !theCom.val()){ alert('You need to write a comment!'); } }); </script> <textarea class="the-new-com" id="editor"></textarea>

O que você pode fazer é o seguinte:

Primeiro conferir se realmente o textarea está sendo identificado como vazio pelo código.

Após

$('.bt-add-com').click(function(){

Adiciona

alert( $('.the-new-com').val() );

Dependendo do resultado você pode fazer uma validação para um campo específico trocando:

if( !theCom.val()){


Por

if( $('.classe_do_objeto').val()=='' ){


Você pega a classe do objeto que quer verificar se ele está vazio, se não estiver enviar o formulário.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 434

Re: Erro com SCEditor WYSIWYG BBCode

19-05-2016 22:32


<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>WebCodo :: Simple Comments System Using Php Jquery & Ajax</title> <link type="text/css" rel="stylesheet" href="css/style.css"> <link type="text/css" rel="stylesheet" href="css/example.css"> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <!-- Include the default theme --> <link rel="stylesheet" href="sceditor/minified/themes/default.min.css" type="text/css" media="all" /> <!-- Include the editors JS --> <script type="text/javascript" src="sceditor/minified/jquery.sceditor.bbcode.min.js"></script> <!-- Include JS files. --> <!-- Include Plugins. --> </head> <body> <?php // Connect to the database include('config.php'); $id_post = "1"; //the post or the page id ?> <div class="cmt-container" > <?php $sql = mysql_query("SELECT * FROM comentario WHERE id_post = '$id_post'") or die(mysql_error());; while($affcom = mysql_fetch_assoc($sql)){ $name = $affcom['name']; $email = $affcom['email']; $comment = $affcom['comment']; $date = $affcom['date']; // Get gravatar Image // https://fr.gravatar.com/site/implement/images/php/ $default = "mm"; $size = 35; $grav_url = "http://www.gravatar.com/avatar/".md5(strtolower(trim($email)))."?d=".$default."&s=".$size; ?> <div class="cmt-cnt"> <img src="<?php echo $grav_url; ?>" /> <div class="thecom"> <h5><?php echo $name; ?></h5><span data-utime="1371248446" class="com-dt"><?php echo $date; ?></span> <br/> <?php echo htmlspecialchars_decode($comment); ?> </div> </div><!-- end "cmt-cnt" --> <?php } ?> <div class="new-com-bt"> <span>Write a comment ...</span> </div> <div class="new-com-cnt"> <input type="text" id="name-com" name="name-com" value="" placeholder="Your name" /> <input type="text" id="mail-com" name="mail-com" value="" placeholder="Your e-mail adress" /> <textarea class="the-new-com" id="editor"></textarea> <br> <div class="bt-add-com">Post comment</div> <div class="bt-cancel-com">Cancel</div> </div> <div class="clear"></div> </div><!-- end of comments container "cmt-container" --> <script> $(function() { $("#editor").sceditor({ plugins: "xhtml", rtl:true, style: "sceditor/minified/jquery.sceditor.min.js" }); }); </script> <script type="text/javascript"> $(function(){ //alert(event.timeStamp); $('.new-com-bt').click(function(event){ $(this).hide(); $('.new-com-cnt').show(); $('#name-com').focus(); }); /* when start writing the comment activate the "add" button */ $('.the-new-com').bind('input propertychange', function() { $(".bt-add-com").css({opacity:0.6}); var checklength = $(this).val().length; if(checklength){ $(".bt-add-com").css({opacity:1}); } }); /* on clic on the cancel button */ $('.bt-cancel-com').click(function(){ $('.the-new-com').val(''); $('.new-com-cnt').fadeOut('fast', function(){ $('.new-com-bt').fadeIn('fast'); }); }); // on post comment click $('.bt-add-com').click(function(){ alert( $('.the-new-com').val() ); var theCom = $('.the-new-com'); var theName = $('#name-com'); var theMail = $('#mail-com'); if( $('.the-new-com').val()=='' ){ }else{ $.ajax({ type: "POST", url: "ajax/add-comment.php", data: 'act=add-com&id_post='+<?php echo $id_post; ?>+'&name='+theName.val()+'&email='+theMail.val()+'&comment='+theCom.val(), success: function(html){ theCom.val(''); theMail.val(''); theName.val(''); $('.new-com-cnt').hide('fast', function(){ $('.new-com-bt').show('fast'); $('.new-com-bt').before(html); }) } }); } }); }); </script> </body> </html>

Ficou assim o código, mas quando eu clico em enviar com o campo preenchido ou sem nada ele me da uma mensagem em branco
0
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 434

Re: Erro com SCEditor WYSIWYG BBCode

20-05-2016 07:24

Imagem

Veja no código fonte que o campo textarea está como oculto por que ?
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17660
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: Erro com SCEditor WYSIWYG BBCode

20-05-2016 08:02

Provavelmente o script do editor criar um iframe ou frame onde você entra com o código. No final o código é enviado para o textarea. Por isso que ele deve estar parecendo como vazio.
Teria que achar outro elemento que tivesse seu tamanho alterado quando o textarea for preenchido.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 434

Re: Erro com SCEditor WYSIWYG BBCode

20-05-2016 08:06

Como eu faria isso ? obrigado
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17660
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: Erro com SCEditor WYSIWYG BBCode

20-05-2016 08:43

Baixei o editor original do link indicado e nos testes aqui consegui pegar o tamanho do iframe. Que é o importante para saber se o usuário preencheu alguma coisa.

No script original vai no arquivo minified/jquery.sceditor.bbcode.min.js e procura por esse trecho:

<iframe frameborder="0" allowfullscreen="true"></iframe>

Troca por

<iframe frameborder="0" allowfullscreen="true" id="iframe"></iframe>

Foi adicionado um id ao iframe onde o texto é entrado pelo usuário.

No seu código original você troca:

if( !theCom.val()){ alert('You need to write a comment!'); }

Por

if( $("#iframe").contents().find("body").html().length=="0" ){ alert('You need to write a comment!'); }

Veja se vai funcionar.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 434

Re: Erro com SCEditor WYSIWYG BBCode

20-05-2016 08:59


<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>WebCodo :: Simple Comments System Using Php Jquery & Ajax</title> <link type="text/css" rel="stylesheet" href="css/style.css"> <link type="text/css" rel="stylesheet" href="css/example.css"> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <!-- Include the default theme --> <link rel="stylesheet" href="sceditor/minified/themes/default.min.css" type="text/css" media="all" /> <!-- Include the editors JS --> <script type="text/javascript" src="sceditor/minified/jquery.sceditor.bbcode.min.js"></script> <!-- Include JS files. --> <!-- Include Plugins. --> </head> <body> <?php // Connect to the database include('config.php'); $id_post = "1"; //the post or the page id ?> <div class="cmt-container" > <?php $sql = mysql_query("SELECT * FROM comentario WHERE id_post = '$id_post'") or die(mysql_error());; while($affcom = mysql_fetch_assoc($sql)){ $name = $affcom['name']; $email = $affcom['email']; $comment = $affcom['comment']; $date = $affcom['date']; // Get gravatar Image // https://fr.gravatar.com/site/implement/images/php/ $default = "mm"; $size = 35; $grav_url = "http://www.gravatar.com/avatar/".md5(strtolower(trim($email)))."?d=".$default."&s=".$size; ?> <div class="cmt-cnt"> <img src="<?php echo $grav_url; ?>" /> <div class="thecom"> <h5><?php echo $name; ?></h5><span data-utime="1371248446" class="com-dt"><?php echo $date; ?></span> <br/> <?php echo htmlspecialchars_decode($comment); ?> </div> </div><!-- end "cmt-cnt" --> <?php } ?> <div class="new-com-bt"> <span>Write a comment ...</span> </div> <div class="new-com-cnt"> <input type="text" id="name-com" name="name-com" value="" placeholder="Your name" /> <input type="text" id="mail-com" name="mail-com" value="" placeholder="Your e-mail adress" /> <textarea class="the-new-com" id="editor"></textarea> <br> <div class="bt-add-com">Post comment</div> <div class="bt-cancel-com">Cancel</div> </div> <div class="clear"></div> </div><!-- end of comments container "cmt-container" --> <script> $(function() { $("#editor").sceditor({ plugins: "xhtml", rtl:true, style: "sceditor/minified/jquery.sceditor.min.js" }); }); </script> <script type="text/javascript"> $(function(){ //alert(event.timeStamp); $('.new-com-bt').click(function(event){ $(this).hide(); $('.new-com-cnt').show(); $('#name-com').focus(); }); /* when start writing the comment activate the "add" button */ $('.the-new-com').bind('input propertychange', function() { $(".bt-add-com").css({opacity:0.6}); var checklength = $(this).val().length; if(checklength){ $(".bt-add-com").css({opacity:1}); } }); /* on clic on the cancel button */ $('.bt-cancel-com').click(function(){ $('.the-new-com').val(''); $('.new-com-cnt').fadeOut('fast', function(){ $('.new-com-bt').fadeIn('fast'); }); }); // on post comment click $('.bt-add-com').click(function(){ var theCom = $('.the-new-com'); var theName = $('#name-com'); var theMail = $('#mail-com'); if( $("#iframe").contents().find("body").html().length=="0" ){ alert('You need to write a comment!'); }else{ $.ajax({ type: "POST", url: "ajax/add-comment.php", data: 'act=add-com&id_post='+<?php echo $id_post; ?>+'&name='+theName.val()+'&email='+theMail.val()+'&comment='+theCom.val(), success: function(html){ theCom.val(''); theMail.val(''); theName.val(''); $('.new-com-cnt').hide('fast', function(){ $('.new-com-bt').show('fast'); $('.new-com-bt').before(html); }) } }); } }); }); </script> </body> </html>

Confira para ver se eu fiz tudo certo,
Agora mesmo que o campo estiver vazio ele não mostra mensagem alguma ele cadastra no banco de dados com o campo comentário vazio
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17660
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: Erro com SCEditor WYSIWYG BBCode

20-05-2016 09:10

Alterou o arquivo js também?

Eu observei aqui que ao carregar o documento esse editor mesmo estando vazio ..></textarea ele parece que tem um tipo de foco que acaba adicionando tamanho ao iframe.

Pelo teste que fiz mesmo o iframe estando vazio ele tem o tamanho de 11. Então usa o seguinte if:

if( $("#iframe").contents().find("body").html().length=="0" || $("#iframe").contents().find("body").html().length=="11" ) {

Se não der certo faz o seguinte:

alert( $("#iframe").contents().find("body").html().length ); if( $("#iframe").contents().find("body").html().length=="0" || $("#iframe").contents().find("body").html().length=="11" ) {

Ai você vê o valor que vai ser exibido no alerta e coloca no lugar do 11.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 434

Re: Erro com SCEditor WYSIWYG BBCode

20-05-2016 09:17

Funcionando Perfeitamente a validação quando está sem valor ele exibe a mensagem, agora quando tem algum valor preenchido ele deixa gravar normalmente, agora restou uma dúvida por que ele ainda continua gravando em branco ?

Tem algo a ver com isso ? * comment='+theCom.val() *
data: 'act=add-com&id_post='+<?php echo $id_post; ?>+'&name='+theName.val()+'&email='+theMail.val()+'&comment='+theCom.val(),

Obrigado
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17660
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: Erro com SCEditor WYSIWYG BBCode

20-05-2016 09:25

É o problema que citei acima. O textarea não tem valor. O valor fica no iframe.

Se você enviar os dados de forma normal, via post você precisa definir um name para o textarea. Ai o editor pega o valor dele.

Como está usando jQuery você pode tentar o seguinte:

data: 'act=add-com&id_post='+<?php echo $id_post; ?>+'&name='+theName.val()+'&email='+theMail.val()+'&comment='+$("#iframe").contents().find("body").html(),

Ali em comment eu pego o conteúdo do iframe.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 434

Re: Erro com SCEditor WYSIWYG BBCode

20-05-2016 09:30

Show resolvido está cadastrando normal agora, deixa eu te perguntar algo

Para a mostrar os dados cadastrados em caracteres especiais está certo

htmlspecialchars_decode


ou existe outra forma melhor ?

<?php $sql = mysql_query("SELECT * FROM comentario WHERE id_post = '$id_post'") or die(mysql_error());; while($affcom = mysql_fetch_assoc($sql)){ $name = $affcom['name']; $email = $affcom['email']; $comment = htmlspecialchars_decode($affcom['comment']); $date = $affcom['date']; // Get gravatar Image // https://fr.gravatar.com/site/implement/images/php/ $default = "mm"; $size = 35; $grav_url = "http://www.gravatar.com/avatar/".md5(strtolower(trim($email)))."?d=".$default."&s=".$size; ?> <div class="cmt-cnt"> <img src="<?php echo $grav_url; ?>" /> <div class="thecom"> <h5><?php echo $name; ?></h5><span data-utime="1371248446" class="com-dt"><?php echo $date; ?></span> <br/> <?php echo htmlspecialchars_decode($comment); ?> </div>

0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17660
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: Erro com SCEditor WYSIWYG BBCode

20-05-2016 09:33

0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 434

Re: Erro com SCEditor WYSIWYG BBCode

20-05-2016 09:45


htmlspecialchars ()


ta dando bastante erros de caracteres mas com

htmlspecialchars_decode()


ficou certinho, agora me tira uma dúvida aonde você conseguiu ver que estava preenchendo com

length=="11"


queria aprender kkk rsrsr
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17660
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: Erro com SCEditor WYSIWYG BBCode

20-05-2016 12:22

Eu criei uma função onclick para capturar os dados do iframe, e usei o length para capturar a quantidade de caracteres. Notei que o iframe não estava vindo vazio. Então achei que tinha algum tipo de espaçamento sendo criado pelo editor. Ai usei um script para exibir a quantidade de caracteres do iframe.

Segue o exemplo

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <title>SCEditor Demo</title> <link rel="stylesheet" href="./minified/themes/default.min.css" type="text/css" media="all" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="./minified/jquery.sceditor.bbcode.min.js"></script> <script> // ENVIO $(function() { $(".envio").click(function() { alert($("#iframe").contents().find("body").html().length); if( $("#iframe").contents().find("body").html().length=="0" || $("#iframe").contents().find("body").html().length=="11" ) { alert('You need to write a comment!'); } else { alert("envia.."); } }); }); // </script> <style> html { font-family: Arial, Helvetica, sans-serif; font-size: 13px; } form div { padding: .5em; } code:before { position: absolute; content: 'Code:'; top: -1.35em; left: 0; } code { margin-top: 1.5em; position: relative; background: #eee; border: 1px solid #aaa; white-space: pre; padding: .25em; min-height: 1.25em; } code:before, code { display: block; text-align: left; } </style> <script> // Source: http://www.backalleycoder.com/2011/03/20/link-tag-css-stylesheet-load-event/ var loadCSS = function(url, callback){ var link = document.createElement('link'); link.type = 'text/css'; link.rel = 'stylesheet'; link.href = url; link.id = 'theme-style'; document.getElementsByTagName('head')[0].appendChild(link); var img = document.createElement('img'); img.onerror = function(){ if(callback) callback(link); } img.src = url; } $(document).ready(function() { var initEditor = function() { $("textarea").sceditor({ plugins: 'bbcode', style: "./minified/jquery.sceditor.default.min.css" }); }; $("#theme").change(function() { var theme = "./minified/themes/" + $(this).val() + ".min.css"; $("textarea").sceditor("instance").destroy(); $("link:first").remove(); $("#theme-style").remove(); loadCSS(theme, initEditor); }); initEditor(); }); </script> </head> <body> <form action="" method="post"> <div> <textarea name="bbcode_field" class="textarea" style="height:300px;width:600px;"></textarea> <p>If you are using IE9+ or any other browser then it should automatically replace :) and other emoticon codes with theit emoticon images.</p> </div> <div> <label for="theme">Theme:</label> <select id="theme"> <option value="default">Default</option> <option value="modern">Modern</option> <option value="office-toolbar">Office Toolbar</option> <option value="office">Office</option> <option value="square">Square</option> </select> </div> <input type="button" class="envio" value="envio" /> <input type="submit" name="submit" /> </form> <p>SCEditor is licensed under the <a href="http://www.opensource.org/licenses/mit-license.php">MIT</a></p> </body> </html>

0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 434

Re: Erro com SCEditor WYSIWYG BBCode

20-05-2016 12:45

Ficou assim:

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Comentários</title> <link type="text/css" rel="stylesheet" href="css/style.css"> <link type="text/css" rel="stylesheet" href="css/example.css"> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <!-- Include the default theme --> <link rel="stylesheet" href="sceditor/minified/themes/default.min.css" type="text/css" media="all" /> <!-- Include the editors JS --> <script type="text/javascript" src="sceditor/minified/jquery.sceditor.bbcode.min.js"></script> <!-- Include JS files. --> <!-- Include Plugins. --> </head> <body> <?php // Connect to the database include('../dbconfig.php'); $id = $_SESSION[id]; $sql = "SELECT * FROM administracao WHERE id_adm = $id"; $query = @mysql_query($sql) or die("Erro ao Selecionar Usuário"); $col = @mysql_fetch_array($query); $adm = mysql_result(mysql_query("SELECT id_adm FROM administracao WHERE id_adm=$col[id_adm]"),0,id_adm); ?> <div class="cmt-container" > <?php $_SESSION[nome]; $_SESSION[login]; $sql = mysql_query("SELECT * FROM comentario") or die(mysql_error());; while($affcom = mysql_fetch_assoc($sql)){ $name = $affcom['name']; $email = $affcom['email']; $comment = htmlspecialchars_decode($affcom['comment']); $date = $affcom['date']; ?> <div class="cmt-cnt"> <div class="image_perfil"> <a href="../<?php echo mysql_result(mysql_query("SELECT anexo_foto FROM administracao WHERE id_adm=$col[id_adm]"),0,anexo_foto)?>" target="_blank"> <img src="../<?php echo mysql_result(mysql_query("SELECT anexo_foto FROM administracao WHERE id_adm=$col[id_adm]"),0,anexo_foto)?>" width="35" height="35" /></a> </div> <div class="thecom"> <h5><?php echo $name; ?></h5><span data-utime="1371248446" class="com-dt"><?php echo $date; ?></span> <br/> <?php echo htmlspecialchars_decode($comment); ?> </div> </div><!-- end "cmt-cnt" --> <?php } ?> <?php if ($_SESSION[nome] == "" or $_SESSION[login] == "" or $_SESSION[id] == "" or $_SESSION[nivel] == "") {?> <? echo "Voltar para Página Inicial" ?> <?php } else { ?> <div class="new-com-bt"> <span>Escreva um Comentário</span> </div> <div class="new-com-cnt"> <div style="width:auto; float:left; font-size:14px; color:#000000; font-weight:bold; margin-bottom:5px;"> <?php echo mysql_result(mysql_query("SELECT nome FROM administracao WHERE id_adm=$col[id_adm]"),0,nome)?></div> <div style="width:auto; margin-left:50px; float:left; font-size:14px; color:#000000; font-weight:bold; margin-bottom:5px;"> <?php echo mysql_result(mysql_query("SELECT email FROM administracao WHERE id_adm=$col[id_adm]"),0,email)?></div> <div style="clear:both;"></div> <textarea class="the-new-com" id="editor"></textarea> <br> <div class="bt-add-com">Comentar</div> <div class="bt-cancel-com">Cancel</div> </div> <div class="clear"></div> </div><!-- end of comments container "cmt-container" --> <?php } ?> <script> $(function() { $("#editor").sceditor({ plugins: "xhtml", rtl:false, style: "sceditor/minified/jquery.sceditor.min.js" }); }); </script> <script type="text/javascript"> $(function(){ //alert(event.timeStamp); $('.new-com-bt').click(function(event){ $(this).hide(); $('.new-com-cnt').show(); $('#name-com').focus(); }); /* when start writing the comment activate the "add" button */ $('.the-new-com').bind('input propertychange', function() { $(".bt-add-com").css({opacity:0.6}); var checklength = $(this).val().length; if(checklength){ $(".bt-add-com").css({opacity:1}); } }); /* on clic on the cancel button */ $('.bt-cancel-com').click(function(){ $('.the-new-com').val(''); $('.new-com-cnt').fadeOut('fast', function(){ $('.new-com-bt').fadeIn('fast'); }); }); // on post comment click $('.bt-add-com').click(function(){ var theCom = $('.the-new-com'); var theName = $('#name-com'); var theMail = $('#mail-com'); if( $("#iframe").contents().find("body").html().length=="0" || $("#iframe").contents().find("body").html().length=="11" ) { alert('O campo de Comentário não pode ser inválido'); }else{ $.ajax({ type: "POST", url: "ajax/add-comment.php", data: 'act=add-com&id_adm='+<?php echo $adm; ?>+'&name='+theName.val()+'&email='+theMail.val()+'&comment='+$("#iframe").contents().find("body").html(), success: function(html){ theCom.val(''); theMail.val(''); theName.val(''); $('.new-com-cnt').hide('fast', function(){ $('.new-com-bt').show('fast'); $('.new-com-bt').before(html); }) } }); } }); }); </script> </body> </html>

Gostaria que você me desse um help de como poderia inserir uma forma de excluir e editar os comentários ? obrigado
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17660
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: Erro com SCEditor WYSIWYG BBCode

20-05-2016 14:03

Se for para excluir o comentário do banco de dados você tem que criar um arquivo com o DELETE, que vai fazer a verificação do login do usuário já logado, e passar o id do comentário a ser deletado.

Para editar a mesma coisa, só que dessa vez você precisa jogar o valor já salvo dentro do textarea para depois enviar para o arquivo que faz o UPDATE.

Tem algumas bases prontas nesse link para editar e excluir do banco de dados. Adicionar-exibir-e-excluir-dados-do-MySQL_33_612.html
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 434

Re: Erro com SCEditor WYSIWYG BBCode

20-05-2016 14:06

mas como eu adequaria aquele script dentro do exemplo que você me enviou ? obrigado

exemplo ai abaixo eu tenho o adicionar como eu faria para colocar o excluir e o editar junto ? obrigado

$.ajax({ type: "POST", url: "ajax/add-comment.php", data: 'act=add-com&id_adm='+<?php echo $adm; ?>+'&name='+theName.val()+'&email='+theMail.val()+'&comment='+$("#iframe").contents().find("body").html(), success: function(html){ theCom.val(''); theMail.val(''); theName.val(''); $('.new-com-cnt').hide('fast', function(){ $('.new-com-bt').show('fast'); $('.new-com-bt').before(html); }) } }); } });

0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17660
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: Erro com SCEditor WYSIWYG BBCode

20-05-2016 14:17

Você vai ter que fazer isso ai de acordo com seu sistema. Se só você edita e exclui os dados vai precisar passar o id da linha a ser editada e colocar o valor puxado do bd dentro do textarea.

Ai no seu código você tem uma consulta. É só fazer uma consulta para puxar os dados e colocar no textarea.

Você vai precisar criar um outro botão para enviar os dados para edição.

Esse é o seu botão de adicionar

// on post comment click $('.bt-add-com').click(function(){ var theCom = $('.the-new-com'); var theName = $('#name-com'); var theMail = $('#mail-com'); if( $("#iframe").contents().find("body").html().length=="0" || $("#iframe").contents().find("body").html().length=="11" ) { alert('O campo de Comentário não pode ser inválido'); }else{ $.ajax({ type: "POST", url: "ajax/add-comment.php", data: 'act=add-com&id_adm='+<?php echo $adm; ?>+'&name='+theName.val()+'&email='+theMail.val()+'&comment='+$("#iframe").contents().find("body").html(), success: function(html){ theCom.val(''); theMail.val(''); theName.val(''); $('.new-com-cnt').hide('fast', function(){ $('.new-com-bt').show('fast'); $('.new-com-bt').before(html); }) } }); } });

Você tem que fazer uma cópia desse código puxando a classe do botão que vai usar para editar, e enviar o id para um arquivo que você precisa criar, tipo ajax/edit-comment.php

O deletar a mesma coisa.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 434

Re: Erro com SCEditor WYSIWYG BBCode

20-05-2016 14:51

Fiz assim mas não abre para comentar nem para editar o que está acontecendo será ? obrigado
if( $("#iframe").contents().find("body").html().length=="0" || $("#iframe").contents().find("body").html().length=="11" ) { alert('O campo de Comentário não pode ser inválido'); }else{ $.ajax({ type: "POST", url: "ajax/add-comment.php", data: 'act=add-com&id_adm='+<?php echo $adm; ?>+'&name='+theName.val()+'&email='+theMail.val()+'&comment='+$("#iframe").contents().find("body").html(), success: function(html){ theCom.val(''); theMail.val(''); theName.val(''); $('.new-com-cnt').hide('fast', function(){ $('.new-com-bt').show('fast'); $('.new-com-bt').before(html); }) } $.ajax({ type: "POST", url: "ajax/edit-comment.php", data: 'act=edit-com&id_adm='+<?php echo $affcom[id]; ?>+'&name='+theName.val()+'&email='+theMail.val()+'&comment='+$("#iframe").contents().find("body").html(), success: function(html){ theCom.val(''); theMail.val(''); theName.val(''); $('.new-com-cnt').hide('fast', function(){ $('.new-com-bt').show('fast'); $('.new-com-bt').before(html); }) } });

0
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 434

Re: Erro com SCEditor WYSIWYG BBCode

20-05-2016 15:23

Queria fazer estilo assim ow ,

http://phppot.com/jquery/ajax-add-edit- ... nd-jquery/


só que não sei como implementar esse exemplo dentro do que eu já tenho.
0

Quem está online

Usuários navegando neste fórum: Bing [Bot]