Olá, Visitante. Por favor Entre ou Registe-se se ainda não for membro.
20 de Novembro de 2008, 23:14:03
Início Ajuda Pesquisa Entrar Registe-se
Notícias: Já somos mais de 600 MEMBROS!


+  Redcodestudio
|-+  Programação Web
| |-+  JavaScript
| | |-+  [Dúvidas] Javascript (radiobutton)
« anterior seguinte »
Páginas: [1] Ir para o fundo Imprimir
Autor Tópico: [Dúvidas] Javascript (radiobutton)  (Lida 5047 vezes)
Spanish Girl
Iniciado
*
Offline Offline

Mensagens: 2


Ver Perfil
« em: 10 de Fevereiro de 2005, 11:05:16 »

Olá,

Não sabia em que tópico inserir a dúvida que tenho mas achei que este seria o mais adequado.

A dúvida que tenho é a seguinte:

Código:
<html>
<head>
<title> Teste </title>

<script language="javascript" type="text/javascript">

function check(valor)
{
document.forms[0].answer.value=valor;
document.forms[0].answer1.value=valor;
}

</script>

</HEAD>

<BODY>



O que pretendo é seleccionar uma das duas opções existentes e aparecer um texto
debaixo das opções, à semelhança do que acontece com a caixa de texto e a textarea <br>
Consigo fazer que apareça na caixa de texto e na textarea mas gostava que aparecesse
sem ser inserido num deste objectos, tipo numa ( DIV ). Será que me podem ajudar? <br>
Já experimentei com o document.write ("ola") na function check(valor) mas aparece numa
página em branco.

Código:
<form>

<input type="radio" name="rd" onclick="check(this.value)" value="Opção A">Opção A <br>
<input type="radio" name="rd" onclick="check(this.value)" value="Opção B">Opção B <br>

<br>
<input type="text" name="answer" size="50" rows="20" > <br>
<TEXTAREA NAME="answer1" COLS="20" ROWS="5"></TEXTAREA>

</form>

</BODY>
</HTML>

Será que me podem ajudar?

Spanish Girl
Registado
xedas
Iniciado
*
Offline Offline

Mensagens: 13



Ver Perfil
« Responder #1 em: 10 de Fevereiro de 2005, 12:10:25 »

Mas qual o objectivo de não usar uma tag? do tipo por exemplo do div? é que com o document.write não consegues controlar muito bem o sitio onde queres q apareça o texto.

acho que podias fazer qq coisa como isto:

Código:
<div id="text_answer" style="visibility:hidden;">
<input type="text" name="answer" size="50" rows="20" > <br>
</div>

<div id="text_answer1" style="visibility:hidden;">
<TEXTAREA NAME="answer1" COLS="20" ROWS="5"></TEXTAREA>
</div>


Agora reside a minha duvida. Com o que mostrei atrás, tanto a caixa de texto como a textarea estão escondidas, e podem ser mostradas ou escondidas por exemplo qd chamas a  tua função função:

Código:
//esconde
 document.getElementById('text_answer').style.visibility="hidden";

//mostra
 document.getElementById('text_answer').style.visibility="visible";

senão queres este processo, só te posso sugerir o uso de um <LABEL> que não mostra nada na página mas depois controlas o texto no javacript.

se não for nada disto, peço que expliques melhor.
Registado
Grettir
Aprendiz
**
Offline Offline

Mensagens: 284


Ver Perfil
« Responder #2 em: 10 de Fevereiro de 2005, 13:49:42 »

Oi SpanishGirl, o Xedas deu uma boa resposta.

Penso que o que pretendes fará completo sentido se o fizeres segundo as directrizes do Xedas...

Smiley

Fiquem bem...
Registado

----------------------------------
Ricardo Castelhano aka Grettir

Adobe Certified Professional
Interactive Designer
Flash Developer
PHP Developer

http://www.ricardocastelhano.com/
-----------------------------------
Keep on "Flashing..."
Spanish Girl
Iniciado
*
Offline Offline

Mensagens: 2


Ver Perfil
« Responder #3 em: 10 de Fevereiro de 2005, 14:55:58 »

Alô,

Obrigada pela ajuda xedas. Em parte era isto que pretendia mas também gostava que não aparecesse o border tanto da caixa de texto nem da textarea. Já andei à procura dos atributos da textarea mas só encontrei estes: NAME, ROWS, COLS, DISABLED, READONLY, ACCESSKEY, TABINDEX, ONFOCUS, ONBLUR, ONSELECT E ONCHANGE. Nenhum me permite colocar border invisível que era o que eu pretendia, já que de outra forma não estou a conseguir colocar a informação como desejo. O resultado que quero obter quando selecciono uma das opções é  que  Ã© o aparecimento do texto debaixo das opções como aparece na primeira linha do documento que coloquei no meu primeiro post. Talvez estou direccionada para a utilização de javascript e existe uma outra forma mais fácil de fazer o que pretendo.

Obrigada
Registado
gimbras
Emblema de Prata
****
Offline Offline

Mensagens: 1101



Ver Perfil WWW
« Responder #4 em: 16 de Fevereiro de 2005, 18:30:36 »

Qual é intenção de colocar as borders da TextArea invisíveis?

Assim o pessoal n vê onde põe o texto. N sei se entendi o q desejas, mas aqui um code que coloca as borders e o fundo da webpage da mesma cor ou seja a preto.

Código:
<body bgcolor="#000000">
<form name="form1" method="post" action="">
  <textarea style="border-style:none; background-color:#000000" name="textarea"></textarea>
</form>
</body>


Wink
Registado

CrazyBoy
Iniciado
*
Offline Offline

Mensagens: 5


Ver Perfil
« Responder #5 em: 16 de Fevereiro de 2005, 22:33:53 »

eu não gosto nada de misturar código que tenha a ver com o style da página misturado com o código HTML lol

prefiro colocar essas coisas dentro da tag <style> </style> que se coloca dentro da <HEAD>, assim fica tudo mais organizadinho Tongue

melhor dizendo gosto mais de usar o CSS separado do resto do código Smiley
Registado
redhotmustang
Administrador
Emblema de Bronze
*****
Offline Offline

Mensagens: 515



Ver Perfil WWW
« Responder #6 em: 17 de Fevereiro de 2005, 16:58:36 »

Acho q a intenção ali do gimbras era simplesmente, resumir o código

SmileySmileySmileySmiley

ele podia ter posto a CSS dentro da head e dps textarea class="nome" etc.

Mas concordo ctg fica mais arrumadinho e bonito o código.

Um gaijo até parece uma dona de casa a falar assim
lol
Registado

Programação Web e Flash ActionScript

Se quiser agradecer a qualquer membro que o tenha ajudado, fale do Redcodestudio aos seus amigos!
Problemas c/ o fórum? Envia-me 1 mail
gimbras
Emblema de Prata
****
Offline Offline

Mensagens: 1101



Ver Perfil WWW
« Responder #7 em: 17 de Fevereiro de 2005, 17:18:54 »

Era isso mesmo!
Registado

CrazyBoy
Iniciado
*
Offline Offline

Mensagens: 5


Ver Perfil
« Responder #8 em: 21 de Fevereiro de 2005, 00:37:36 »

Citação de: "redhotmustang"

Um gaijo até parece uma dona de casa a falar assim
lol


lololol tens uma certa razão, mas se te dessem um file com o código meio à balda acho que era bastante mais complicado de o ler do que se estivesse organizado Wink

claro que se o CSS usado na respectiva página for pouco (e se não tiver muitas repetições) e só servir para essa página, isso não tem importancia nenhuma, mas pronto

bem mas é melhor não desviar do assunto, CSS discutesse na sua própria secção  (eu sei que fui eu que desviei um pouco o assunto  :oops: )
Registado
Civic
Iniciado
*
Offline Offline

Mensagens: 3


Ver Perfil
« Responder #9 em: 10 de Abril de 2005, 16:36:22 »

É possível tirares a border do input e da textarea mas no caso da textarea tens o problema da scrollbar.

Código:
<input type="text" name="answer" size="50" rows="20" style="border:none"> <br>
<TEXTAREA NAME="answer1" COLS="20" ROWS="5" style="border:none"></TEXTAREA>


Acho que é isto que pretendes.
Registado
Páginas: [1] Ir para o topo Imprimir 
« anterior seguinte »
Ir para:  


Entrar com nome de utilizador, password e duração da sessão


Powered by MySQL Powered by PHP Powered by SMF 1.1.4 | SMF © 2006-2007, Simple Machines LLC
Seo4Smf v0.2 © Webmaster's Talks
XHTML 1.0 válido! CSS válido!
Página criada em 0.059 segundos com 19 procedimentos.