Função para habilitar / desablitar multiplos radio

mtreze · Julho 16, 2009

preciso fazer um formulario para inscrição em eventos da seguinte forma:

1 - tenho 4 intervalos de horarios para o evento, cada um destes horarios podem ser dividos em dois tempos diferente ou não (ex. posso usar o intervalo de tempo 10:00 as 12:00 ou das 10:00 as 11:00 / 11:00 as 12:00)

2 - tenho tres salas simultaneas de eventos

3 - tenho dois dias para este evento.

então no intervalo de tempo 10:00 as 12:00 na sala 1 tem evento dia 20/01 e 21/01, na sala 2 das 10:00 as 11:00 um evento e das 11:00 as 12:00 outro evento, tambem para os dias 20/01 e 21/01 e na sala 3 das 10:00 as 11:00 um evento e das 11:00 as 12:00 outro evento.

pois bem ... não posso me cadastrar para ver o evento na sala 1 dia 20/01 e no mesmo dia ver qualquer outro evento, pois o horario da sala 1 neste dia cobre o horario todo, mas se me cadastrar para o evento da sala 2 das 10:00 as 11:00 posso ver o evento da sala 3 das 11:00 as 12:00 e assim me cadastrar para o dia seguinte para assitir o evento da sala 1 que toma o horario todo (10:00 as 12:00)

tentei com radio button, mas não consegui criar a função que inibe e habilita datas/horarios iguais.

abaixo posto o codigo de uma tabela que facilita a visualização do problemao sem solução .... se alguém puder dar o famoso HELP INSANE agradeço ate a proxima geração de pessimos programadores javascript da minha familia.

<!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 http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Tendências Tecnológicas</title>
<style type="text/css">
<!--
.titulo {
    font-family: Verdana, Geneva, sans-serif;
    font-size:10px;
    color:white;
    font-weight: bold;
}
.subtitulo {
    font-family: Verdana, Geneva, sans-serif;
    font-size:10px;
    color:red;
    font-weight: bold;
}
.texto {
    font-family: Verdana, Geneva, sans-serif;
    font-size:10px;
    color:black;
    font-weight: bold;
}
-->
</style>
</head>

<body>
<form id="form1" name="form1" method="post" action="">
<table width="90%" border="1" align="center" cellpadding="5" cellspacing="0" bordercolor="#000000">
  <tr bgcolor="#6d6c71" align="center" valign="middle">
    <td width="140" valign="middle"><span class="titulo">Horário</span></td>
    <td valign="middle"><span class="titulo">Sala 1 - Arquitetura Integrada e Processos - Laboratórios</span></td>
    <td valign="middle"><span class="titulo">Sala 2 - Controle Inteligente de Motor e Componentes - Laboratórios e Palestras Técnicas</span></td>
    <td valign="middle"><span class="titulo">Sala 3 - Palaestras Técnicas</span></td>
  </tr>
  <tr>
    <td align="center" valign="middle" bgcolor="#bebdc2"><span class="subtitulo">08:00 às 08:30</span></td>
    <td colspan="3" align="center" valign="middle" bgcolor="#bebdc2"><span class="subtitulo">Recepção</span></td>
  </tr>
  <tr>
    <td align="center" valign="middle" bgcolor="#bebdc2"><span class="subtitulo">08:30 às 09:30</span></td>
    <td rowspan="2" valign="middle" bgcolor="#9ca0cf" class="texto"><p>Lab 1</p>  
    <p> Uso da Arquitetura Integrada no controle de manufatura e indústria de processos</p>
    <p><input type="radio" name="p01" id="p01" value="1208lab01" align="absmiddle" />12 de Agosto</p>
    <p><input type="radio" name="p01" id="p01" value="1308lab01" align="absmiddle" />13 de Agosto</p></td>
    <td valign="middle" bgcolor="#b1b9aa" class="texto"><p>Palestra 1</p>
    <p>Considerações sobre instalação de inversores de frequência</p>
    <p><input type="radio" name="p01" id="p01" value="1208pal01" align="absmiddle" />12 de Agosto</p>
    <p><input type="radio" name="p01" id="p01" value="1308pal01" align="absmiddle" />13 de Agosto</p></td>
    <td rowspan="2" valign="middle" bgcolor="#b1b9aa" class="texto"><p>Palestra 6</p>
    <p>Plant PAX: A nova geração de controle</p>
    <p><input type="radio" name="p01" id="p01" value="1208pal01" align="absmiddle" />12 de Agosto</p>
    <p><input type="radio" name="p01" id="p01" value="1308pal01" align="absmiddle" />13 de Agosto</p>
    <p> </p></td>
  </tr>
  <tr>
    <td align="center" valign="middle" bgcolor="#bebdc2"><span class="subtitulo">09:30 às 10:30</span></td>
    <td valign="middle" bgcolor="#b1b9aa"><p class="texto">Palestra 2</p>
    <p class="texto">Componentes Essências</p>
    <p class="texto"><input type="radio" name="p01" id="p01" value="1208pal01" align="absmiddle" />12 de Agosto</p>
    <p class="texto"><input type="radio" name="p01" id="p01" value="1308pal01" align="absmiddle" />13 de Agosto</p>
  </tr>
  <tr>
    <td align="center" valign="middle" bgcolor="#bebdc2"><span class="subtitulo">10:30 às 10:45</span></td>
    <td colspan="3" align="center" valign="middle" bgcolor="#bebdc2"><span class="subtitulo">Coffe-break</span></td>
  </tr>
</table>
</form>
</body>
</html>

Editado Julho 17, 2009 por Jonathan Queiroz
Título editado conforme regra 3.6 (Jonathan)

Entrar

Função para habilitar / desablitar multiplos radio

Pergunta

mtreze

Link para o comentário

Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades