Refresh na Div, após selecionar

[alinekelly 0]

Bom dia,Estou com um pequeno probleminha, e esperava que pudesse conseguir ajuda aqui.Tenho em um Formulário, duas list box em uma DIV, nessas box, tenho opções de cores para os produtos que quero vender. As duas list tem os mesmos valores, para a escolha de uma primeira, ou segunda opção de cor caso a primeira não esteja disponível.Preciso que quando o usuário escolha por exemplo, a cor Vermelha na primeira listbox, ocorra um refresh (ou algo do Tipo) e que na segunda list, não apareça mais a opção escolhida na primeira (neste caso, Vermelha).isto é possivel?Desde ja Obrigada :unsure:

[Eduardo Penna 0]

"Tudo é possível, é só você querer..."Bom dia amigo, brincadeiras a parte, sim, é possível.Você tem que ter um certo domínio de javascript, como não sei até vai seu conhecimento vou explicar de uma forma geral e depois se precisar de ajuda para implementar, vá postando aqui.Primeiro você cria uma função para ser chamada no onChange da lista 1.Nessa função, remova todos os options de dentro da list 2, para isso basta fazer um FOR (loop) nos elementos da lista 2 e usar o método removeChild().Depois faça outro FOR, mas agora para a lista 1. Dentro do FOR, verifique se o item está selecionado (item.selected) e se não estiver você cria um elemento option e atribui os mesmos valores para ele, algo assim: document.createElement('option'). Ae use o appendChild para inserir esse elemento novo na lista 2.Pra completar, eu desabilitaria as duas listas no início da função e depois habilitaria no final, usando o disabled = true/false.É isso, qualquer dificuldade estamos ae.Abraço.

[alinekelly 0]

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

 

Oi Eduardo.........

1ª você me chamou de amigo ¬¬" (Sou Amiga, Aline Kelly)

 

Enton.....meu conhecimento sobre JavaaScript.........Zuado rsrsrs

Entendo um pouco mais sobre ASP, e posso possivel tentar chutar um PHP.

 

Java Script sei dar um alert e olhe lá, por isso pedi a sua ajuda.

nao se se adianta.......sei que nao adianta de nada mesmo (¬¬) mais os list estão postados abaixo,

Agradeço MUITO qualquer ajuda prestada :D

 

1º Opcao de Cor:<select name="Cor1" class="style8" id="Cor">            <option value="" selected>Selecione uma cor</option>            <option value="Vermelhas">Vemelhas</option>            <option value="Amarelas">Amarelas</option>            <option value="Brancas">Brancas</option>            <option value="Salmon">Salmon</option>          </select>          </font><br>        <br> 2º Opcao de Cor <font color="#009830">          <select name="Cor2" class="style8" id="Cor2">            <option value="" selected>Selecione uma cor</option>            <option value="Vermelhas">Vemelhas</option>            <option value="Amarelas">Amarelas</option>            <option value="Brancas">Brancas</option>            <option value="Salmon">Salmon</option>          </select>

[Eduardo Penna 0]

EAUhEAUhUHAEUhae

 

Mil perdões! As vezes me esqueço de ver o nome de quem postou e, pra tristeza geral da nação, a maioria das pessoas da área são homens. Desculpe.

 

Vamos lá. Vai ficar bem difícil fazer isso sem conhecimento de javascript então vou postar o código, mas antes vai uma dica:

 

Sou programador ASP também e tinha muita dificuldade com javascript no começo. Sempre procurava códigos prontos, tentava entender e modificar para funcionar as minha necessidades. Perda de tempo. Hoje, para ser programador web (asp, php, java, .net) você TEM que saber javascript, css, html a fundo. O basicão na serve mais. Tente sempre fazer os seus códigos do zero pra entender o funcionamento correto dele e pesquise, muito!

 

Sem mais delongas:

 

<script>	function vai()	{		objTeste1 = document.getElementById('cor1');		objTeste2 = document.getElementById('cor2');		objTeste1.disabled = true;		objTeste2.disabled = true;		var count = objTeste2.options.length;		for (i=0; i<count-1; i++)		{			objTeste2.removeChild(objTeste2.options[1]);		}		for (i=1; i<objTeste1.options.length; i++)		{			if (!objTeste1.options[i].selected)			{				var objChildOptionAux = document.createElement('option');				objChildOptionAux.value = objTeste1.options[i].value;				objChildOptionAux.innerText = objTeste1.options[i].innerText;				objTeste2.appendChild(objChildOptionAux);			}		}		objTeste1.disabled = false;		objTeste2.disabled = false;	}	</script>

Dai a sua primeira lista fica assim:

 

<select name="Cor1" class="style8" id="Cor" onchange="vai()">

Veja se é isso que você quer.

 

Abraço, aliás, se me permiti: beijo.

 

PS: não tive tempo de fazer, mas se quiser uma explicação do código me avise

[alinekelly 0]

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

 

P*E*R*F*E*I*T*O!!!

 

Muito Obrigada mesmo.........Era EXATAMENTE o que eu estava precisando.

 

Então, quanto à coisa do "Aperfeiçoamento".

Estou me preocupando com isso sim.

O que sei de ASP é de fuçar, nao tenho nenhum certificado.....

 

Depois, te mostro o site que dou manutenção (Em off).

 

Sim, o beijo é permitido!

Outro em Retribuição

 

Muito Obrigada mesmo

 

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

[Eduardo Penna 0]

Que bom... manda o site sim! eduardo@opsweb.com.brBeijo