« anterior seguinte »
Páginas: [1]   Ir para o fundo

Autor Tópico: [Dúvidas] Javascript (radiobutton)  (Lida 6717 vezes)

Offline Spanish Girl

  • Novato
  • Mensagens: 2
    • Ver Perfil
[Dúvidas] Javascript (radiobutton)
« em: 10 de Fevereiro de 2005, 12: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: [Seleccione]
<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: [Seleccione]
<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

Offline xedas

  • Iniciado
  • *
  • Mensagens: 13
    • Ver Perfil
[Dúvidas] Javascript (radiobutton)
« Responder #1 em: 10 de Fevereiro de 2005, 13: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: [Seleccione]
<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: [Seleccione]
//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

Offline Grettir

  • Aprendiz
  • **
  • Mensagens: 284
    • Ver Perfil
[Dúvidas] Javascript (radiobutton)
« Responder #2 em: 10 de Fevereiro de 2005, 14: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...

:)

Fiquem bem...
Registado
----------------------------------
Ricardo Castelhano aka Grettir

Adobe Certified Professional
Interactive Designer
Flash Developer
PHP Developer

http://www.ricardocastelhano.com/
-----------------------------------
Keep on "Flashing..."

Offline Spanish Girl

  • Novato
  • Mensagens: 2
    • Ver Perfil
[Dúvidas] Javascript (radiobutton)
« Responder #3 em: 10 de Fevereiro de 2005, 15: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

Offline gimbras

  • Emblema de Prata
  • ****
  • Mensagens: 1104
    • Ver Perfil
    • NoFuturo.com
[Dúvidas] Javascript (radiobutton)
« Responder #4 em: 16 de Fevereiro de 2005, 19: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: [Seleccione]
<body bgcolor="#000000">
<form name="form1" method="post" action="">
  <textarea style="border-style:none; background-color:#000000" name="textarea"></textarea>
</form>
</body>


;)
Registado

Offline CrazyBoy

  • Novato
  • Mensagens: 5
    • Ver Perfil
[Dúvidas] Javascript (radiobutton)
« Responder #5 em: 16 de Fevereiro de 2005, 23: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 :P

melhor dizendo gosto mais de usar o CSS separado do resto do código :)
Registado

Offline redhotmustang

  • Administrador
  • Emblema de Bronze
  • *****
  • Mensagens: 517
    • Ver Perfil
    • http://www.redcodestudio.com
[Dúvidas] Javascript (radiobutton)
« Responder #6 em: 17 de Fevereiro de 2005, 17:58:36 »
Acho q a intenção ali do gimbras era simplesmente, resumir o código

:):):):)

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

Offline gimbras

  • Emblema de Prata
  • ****
  • Mensagens: 1104
    • Ver Perfil
    • NoFuturo.com
[Dúvidas] Javascript (radiobutton)
« Responder #7 em: 17 de Fevereiro de 2005, 18:18:54 »
Era isso mesmo!
Registado

Offline CrazyBoy

  • Novato
  • Mensagens: 5
    • Ver Perfil
[Dúvidas] Javascript (radiobutton)
« Responder #8 em: 21 de Fevereiro de 2005, 01: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 ;)

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

Offline Civic

  • Novato
  • Mensagens: 3
    • Ver Perfil
[Dúvidas] Javascript (radiobutton)
« 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: [Seleccione]
<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
« anterior seguinte »
 




Roleta das Anedotas - Abre noutra janela