Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Claudio De Lima Costa

Problemas com Jquery

Por , em Javascript

Recommended Posts

Claudio De Lima Costa    0

Claudio De Lima Costa
Postado

Salve salve rapaziada,

Bom estou com um problema que vem se estendendo, não domino nada de Jquery porém preciso realizar este pequeno modo de postar notícias sem refresh.

 

O que acontece é o seguinte se eu colocar no lugar da div uma input ele salva normal o link neste formato "<a href="alguma_coisa_php.php">alguma coisa</a>". Agora se eu coloco uma div para capturar os valores ele não salva ou se salva, até encontrar a âncora. alguém sabe me dizer se tem algo de errado neste código?

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Untitled 1</title>
<script type="text/javascript" src="http://www.sociodosamba.com.br/js/jquery.min.js" ></script>
</head>

<body>



<script type="text/javascript">
$(document).ready(function(){
$("#envia").click(function(){
var texto = $("#box").html();
var dataString = "msg=" + texto;
$.ajax({ 
type: "POST",
url: "cria_noticia.php",
data: dataString,
cache: false,
success: function(html)
{
$("#box").html(html);
}
});
});
});
</script>
<div id="box" contenteditable="true" style="width:490px;height:89px;border:1px solid #333;" ></div>
<a href="#" id="envia">enviar</a>
</body>

</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

P@trique    0

P@trique
Postado

faça assim, e não esqueça de recuperar o id "id" via post na pagina em php.

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Untitled 1</title>
<script type="text/javascript" src="http://www.sociodosamba.com.br/js/jquery.min.js" ></script>
</head>

<body>
<script type="text/javascript">
$(document).ready(function(){

$("#envia").click(function(){

       var texto = $("#box").html();

	alert(texto);

       var request = $.ajax({
           url: "cria_noticia.php",		
           type: "POST",
           data: {id: texto},
		dataType: "html"
       });

	request.done(function(msg) {
          $("#novocomentario").html(msg);
       });

       request.fail(function(jqXHR, textStatus) {
           alert( "Erro: " + textStatus );
       });

   return false;
   });

});
</script>
<div id="box" contenteditable="true" style="width:490px;height:89px;border:1px solid #333;" ></div>
<a href="#" id="envia">enviar</a>
<div id="novocomentario">
</body>

</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

P@trique    0

P@trique
Postado

testai aqui e ta indo mano, pelo menos o resultado no seu esta aparecendo? talvez seja um erro no seu code php, poste como tentou.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito