Ir para conteúdo

POWERED BY:

Arquivado

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

djmadra

Menu suspenso com load..

Por , em Javascript

Recommended Posts

djmadra    0

djmadra
Postado

Pessoal http://forum.imasters.com.br/public/style_emoticons/default/cry.gif

 

to quebrando a cabeça aqui..

 

preciso fazer um menu suspenso..que assim..

 

o cara escolhe o CURSO que quer fazer..e logo em baixo aparece no menu suspenso (que carrega depois) as datas disponíveis para tal curso...

 

procurei na internet e nada....

 

e agora quem poderá me ajudar? :rolleyes:

 

obrigado!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Leandro de Mello Fagundes    0

Leandro de Mello Fagundes
Postado

menu suspenso cara? isso é um pop-up?

o que seria um menu suspenso (exeemplos?)

o cara vai escolher o curso e vai mostrar as datas... ^o) deixa-me ver

isso em jscript... depende... primero explica o q é o menu suspenso

hehehe

vamos por partes

to no aguardo http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Megadeth    2

Megadeth
Postado

Já tentou usar um select para isso ?Mande a lista de cursos, e as data disponiveis para eu fazer um exemplo para você.OK?Vai precisar de um pouco de javascript, mais não esquenta com isso eu vou te ajudar.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Geison Santos    0

Geison Santos
Postado

Algum tempo atrás comecei o projeto de uma Intranet, esta responsável por armazenar informações de produção de um fábrica...

Uma das coisas que a Intranet faz é o planejamento do que se vai produzir diariamente. A minha dúvida estava em encontrar uma forma de fazer um select que, a medida que eu mudasse o turno, mudasse respectivamente o horário. Exemplo: 1º turno, início 07 horas, fim 15 horas.

Fucei e acabei encontrando num artigo do Thiago Prado, aqui mesmo no imasters, só tive que mudar algumas coisinhas para adaptar.

 

<html><body><form method="post" action="#" name="f1"><table cellpadding=0 cellspacing=0 width=200><tr>	<td colspan=2>Turno: 	<select class="form2" name="turno" onChange="muda_turno()">		<option value="0">Selecione o turno</option>		<option value="1º">1º</option>		<option value="2º">2º</option>		<option value="3º">3º</option>	</select>	</td></tr><tr>	<td>Início: 	<select name="inicio" class="form2">		<option value="-">	</select>	</td>	<td>Fim: 	<select name="fim" class="form2">		<option value="-">	</select>	</td></tr></table></form><script>	var turno_1 = new Array("07:00","08:00","09:00","10:00","11:00","12:00","13:00","14:00","15:00")	var turno_2 = new Array("15:00","16:00","17:00","18:00","19:00","20:00","21:00","22:00","23:00")	var turno_3 = new Array("23:00","00:00","01:00","02:00","03:00","04:00","05:00","06:00","07:00")function muda_turno(){	//atribuo a variavel str_turno o valor da caixa de seleção que contem o turno	var str_turno = document.f1.turno[document.f1.turno.selectedIndex].value	//se o valor for diferente de "0"	// faço a copia da variavel str_turno pegando apenas a parte que me interessa	if (str_turno != "0")		str_turno = str_turno.substring(0,str_turno.length-1)	var turno = parseInt(str_turno)	//vejo se o turno está definido	if (turno != 0) {		//se estava definido, entao coloco as opcoes do turno correspondente.		//seleciono o array do turno adequado		meus_turnos = eval("turno_" + turno)		//calculo o numero horas do turno		num_hrs = meus_turnos.length		//marco o número de horas nos select: inicio e fim		document.f1.inicio.length = num_hrs		document.f1.fim.length = num_hrs		//para cada hora do array, o introduzo no select		for(i = 0; i < num_hrs; i++){			document.f1.inicio.options[i].value = meus_turnos[i]			document.f1.inicio.options[i].text = meus_turnos[i]			document.f1.fim.options[i].value = meus_turnos[i]			document.f1.fim.options[i].text = meus_turnos[i]		}	}else{		//se não havia turno selecionado, elimino os horários do select		document.f1.inicio.length = 1		document.f1.fim.length = 1		//coloco um traço na única opção que deixei		document.f1.inicio.options[0].value = "-"		document.f1.inicio.options[0].text = "-"		document.f1.fim.options[0].value = "-"		document.f1.fim.options[0].text = "-"	}	//marco como selecionada a opção primeira	document.f1.inicio.options[0].selected = true	document.f1.fim.options[0].selected = true}</script></body></html>
Copia o código, aí, e testa... talvez você tenha que mudar algo, contanto acho que resolve o problema.

Compartilhar este post

Link para o post
Compartilhar em outros sites

djmadra    0

djmadra
Postado

opa!

obrigado gente!!!!!!!!!! http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

era para uma coisa aqui do trabalho mas pedi demissão ..rsrsrsrs http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif

 

mas vou deixar gravado..um dia irei precisar! e também deve ajudar alguém que tinha a mesma dúvida. http://forum.imasters.com.br/public/style_emoticons/default/blush.gif http://forum.imasters.com.br/public/style_emoticons/default/clap.gif http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

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