Ir para conteúdo

Arquivado

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

Ricardo25

Preenchimento de textarea com Jquery

Por , em Javascript

Recommended Posts

Ricardo25    0

Ricardo25
Postado

Boa noite!

Pessoal, tenho um código aqui funcionando que preenche um "input" usando jquery quando eu escolho um valor de um listbox:

 

<script type="text/javascript">
	$(document).ready(function(){
		$("select[name=bloco]").change(function(){
			$("input[name=texto]").val('Carregando...');
			$.post("blocosql.php",
				{bloco:$(this).val()},
				function(valor){
					$("input[name=texto]").val(valor);
				}
				)
		})
	})
</script>

 

Mas eu gostaria que o conteúdo retornado fosse para um "textarea", e não para um "input".

A dúvida é: o que colocar no lugar de "input" no meu código javascript? Porque eu já tentei alterar para "textarea" ou deixar "input" mesmo e não funcionou. Alguém poderia me ajudar? Obrigado!

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado 

<textarea name="comentario"></textara>

 

e

$("textarea[name='comentario']").val(valor);

Compartilhar este post

Link para o post
Compartilhar em outros sites

Ricardo25    0

Ricardo25
Postado

Obrigado pela ajuda!

Mas aí que está o problema, eu tento dessa forma e não funciona, mas preenchendo um input funciona.

Vou postar o código como está aqui:

 

	<script type="text/javascript">
	$(document).ready(function(){
		$("select[name=bloco]").change(function(){
			$("textarea[name='conteudo']").val('Carregando...');
			$.post("blocosql.php",
				{bloco:$(this).val()},
				function(valor){
					$("textarea[name='conteudo']").val(valor);
				}
				)
		})
	})
</script>

 

E a parte html:

 

<textarea name='conteudo' rows='15' cols='55'></textarea><br>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Então cara.. qndo você tiver uma duvida pontual assim.. isola e testa, veja:

 

<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("textarea[name='conteudo']").val('ae');
});
</script>

<textarea name="conteudo"></textarea>

funciona perfeitamente..

o erro está em outro ponto.

 

aperte Ctrl+Shif+J no Firefox e verifique oque aparece no console, vá corrigindo.

o método .val() funciona sim para textarea.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Ricardo25    0

Ricardo25
Postado

Hmmm, vlw Willian!

Já sei o que está havendo aqui.

Eu uso o tiny MCE para o textarea da página. Quando eu desabilito o tiny MCE o código funciona.

Alguém já passou por isso antes e teria uma dica?

Vou fazer um teste usando outro editor de texto pra ver se funciona aí posto aqui o resultado.

Obrigado

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Eu uso o tiny MCE para o textarea da página. Quando eu desabilito o tiny MCE o código funciona.

 

Vou fazer um teste usando outro editor de texto pra ver se funciona aí posto aqui o resultado.

nao vai funcionar.

 

você precisa ler na documentação do editor, para descobrir qual é o método que ele provém para que você consiga trocar o valor dele.

http://tinymce.moxiecode.com/wiki.php/Configuration

Compartilhar este post

Link para o post
Compartilhar em outros sites

Ricardo25    0

Ricardo25
Postado

Hmmmm! Obrigado de novo! Vou verificar isso e retorno aqui.

 

Teria como você me ajudar nisso?

Como assim, "descobrir o método que ele provém para trocar o valor"?

Eu não entendi nada :P

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

tem que estudar a documentação cara.. por exemplo para 'resgatar' oque está no textarea:

 

<html>
<head>
<script type="text/javascript" src="tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">
tinyMCE.init({
theme : "advanced",
mode : "textareas"
});
window.onload = function(){
document.getElementById('ok').onclick = function(){
	alert( tinyMCE.get('teste').getContent() );
}
}
</script>
</head>
<body>
<textarea name="teste" id="teste">Teste de Texto</textarea>

<input type="button" name="ok" id="ok" value="ok" />
</body>
</html>

vai vir:

 

 

<p>Teste de Texto</p>

no alert();

precisa ver lá se tem algum semelhante para 'setar conteudo'.

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