Jump to content

  2. →
  3. →

Photo

Como Seleciono Automaticamente?

Started By Edgar, 16/04/2004, 13:36

  • Faça o login para participar
3 replies to this topic

#1 Edgar

Edgar

    Novato no fórum

  • Usuários
  • 5 posts
  • Sexo:Não informado

Posted 16/04/2004, 13:36

Oi PessoALL,

Estou fazendo uma pagina de cadastro e eh o seguinte.
O cara vai ter q colocar uma categoria e subcategoria, porem eu to fazendo tudo em uma pagina soh.

quando o cara escolher a categoria ja abre no combo subcategoria somente as subs relacionadas a categoria que o user escolheu.

Por exemplo:
Se o usuario escolher a categoria informatica, na sub ele vai encontrar as opçoes

Web Designer
Programador
Tecnico
etc...

Deu pra sacar a ideia?
fazer a sub eu sei, ja fiz o relacionamento no BD o que eu naum sei eh como fazer isso ficar tudo numa pagina soh, se eu fizesse em duas paginas seria tranquilo pq eu pegaria o valor da categoria e dava um select no banco e ja era, mas como fazer isso automatico na mesma pagina de cadastro?

ja vi isso em varios site usando no campo estado e cidades.
dependendo do estado que o cara escolhe abrem as cidades do estado que ele escolheu.

Desde ja agradeco.
[]'s
Edgar
_________________________________________________
Formação: Bacharel em Ciência da Computação
Especialização em Redes sem fio - Wi-Fi (Wireless)
Programação: PHP, ASP, VB, .NET e C.
_________________________________________________
Contatos:
E-mail: edgar@agenciadigital.net
E-mail: edgar@webmasterhost.com.br
_________________________________________________
Host:
http://webmasterhost.com.br

#2 Petry

Petry

    Veterano

  • Usuários
  • 1132 posts
  • Sexo:Masculino
  • Localidade:Caxias do Sul - RS
  • Interesses:- desenvolvimento WEB<br />- websemântica<br />- microformatos

Posted 16/04/2004, 14:03

aki tem um exemplo que peguei num site....

se naum entender o código posta aí q eu te ajudo 


<HEAD>

<script LANGUAGE="JavaScript">
<!-- Begin
var arrItems1 = new Array();
var arrItemsGrp1 = new Array();

arrItems1[3] = "Truck";
arrItemsGrp1[3] = 1;
arrItems1[4] = "Train";
arrItemsGrp1[4] = 1;
arrItems1[5] = "Car";
arrItemsGrp1[5] = 1;

arrItems1[6] = "Boat";
arrItemsGrp1[6] = 2;
arrItems1[7] = "Submarine";
arrItemsGrp1[7] = 2;

arrItems1[0] = "Planes";
arrItemsGrp1[0] = 3;
arrItems1[1] = "Ultralight";
arrItemsGrp1[1] = 3;
arrItems1[2] = "Glider";
arrItemsGrp1[2] = 3;

var arrItems2 = new Array();
var arrItemsGrp2 = new Array();

arrItems2[21] = "747";
arrItemsGrp2[21] = 0
arrItems2[22] = "Cessna";
arrItemsGrp2[22] = 0

arrItems2[31] = "Kolb Flyer";
arrItemsGrp2[31] = 1
arrItems2[34] = "Kitfox";
arrItemsGrp2[34] = 1

arrItems2[35] = "Schwietzer Glider";
arrItemsGrp2[35] = 2

arrItems2[99] = "Chevy Malibu";
arrItemsGrp2[99] = 5
arrItems2[100] = "Lincoln LS";
arrItemsGrp2[100] = 5
arrItems2[57] = "BMW Z3";
arrItemsGrp2[57] = 5

arrItems2[101] = "F-150";
arrItemsGrp2[101] = 3
arrItems2[102] = "Tahoe";
arrItemsGrp2[102] = 3

arrItems2[103] = "Freight Train";
arrItemsGrp2[103] = 4
arrItems2[104] = "Passenger Train";
arrItemsGrp2[104] = 4

arrItems2[105] = "Oil Tanker";
arrItemsGrp2[105] = 6
arrItems2[106] = "Fishing Boat";
arrItemsGrp2[106] = 6

arrItems2[200] = "Los Angelas Class";
arrItemsGrp2[200] = 7
arrItems2[201] = "Kilo Class";
arrItemsGrp2[201] = 7
arrItems2[203] = "Seawolf Class";
arrItemsGrp2[203] = 7

function selectChange(control, controlToPopulate, ItemArray, GroupArray)
{
  var myEle;
  var x;
  // Empty the second drop down box of any choices
  for (var q=controlToPopulate.options.length;q>=0;q--) controlToPopulate.options[q]=null;
  if (control.name == "firstChoice") {
    // Empty the third drop down box of any choices
    for (var q=myChoices.thirdChoice.options.length;q>=0;q--) myChoices.thirdChoice.options[q] = null;
 }
  // ADD Default Choice - in case there are no values
  myEle = document.createElement("option");
  myEle.value = 0;
  myEle.text = "[SELECT]";
  controlToPopulate.add(myEle);
  // Now loop through the array of individual items
  // Any containing the same child id are added to
  // the second dropdown box
  for ( x = 0; x < ItemArray.length; x++ )
    {
      if ( GroupArray[x] == control.value )
        {
          myEle = document.createElement("option");
          myEle.value = x;
          myEle.text = ItemArray[x];
          controlToPopulate.add(myEle);
        }
    }
}
//  End -->
</script>

</HEAD>

<BODY>

<form name=myChoices>
<table align="center">
<tr>
<td>
<SELECT id=firstChoice name=firstChoice onchange="selectChange(this, myChoices.secondChoice, arrItems1, arrItemsGrp1);">
	<option value=0 SELECTED>[SELECT]</option>
	<option value=1>Land</option>
	<option value=2>Sea</option>
	<option value=3>Air</option>
</SELECT>
</TD><TD>
<SELECT id=secondChoice name=secondChoice onchange="selectChange(this, myChoices.thirdChoice, arrItems2, arrItemsGrp2);">
</SELECT>
<SELECT id=thirdChoice name=thirdChoice>
</SELECT>
</TD>
</TR>
</TABLE>
</form>


<p><center>
<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>

Edição feita por: MxDxPx, 16/04/2004, 14:04.

Posted Image

- Desenvolvedor Python/ZOPE/Plone + ArchGenXML/Poseidon - Python + Django na Universidade de Caxias do Sul
- Desenvolvedor Python + Django na World News

Blog

#3 Edgar

Edgar

    Novato no fórum

  • Usuários
  • 5 posts
  • Sexo:Não informado

Posted 16/04/2004, 14:26

vixi num entendi nada.... eu naum manjo nada de javascript, eu achei no site da globo.com o q eu to querendo fazer, acho q esta ateh mais facil c voce puder da r uma olhada ai vai o codigo.


<script language="JavaScript">
<!--
	function voltar(){
  history.back();
	}

function pegaCidade(campo)
{
	estado = campo.value
	if(estado==0){
  alert("Escolha um estado")
  ifrmconteudo.location.href = "/ispweb/redireciona/assine_cidades";
	}else{
	
  ifrmconteudo.hideLevel('city')
  ifrmconteudo.location.href = "/ispweb/regiao/"+estado;
	}
}
function SelecionarOpcao (obj, opt) {
	for (var nI=0; nI<document.all(obj).length; nI++)
   	 if (document.all(obj).options[nI].value == opt)
 	 document.all(obj).options[nI].selected = true;
}
//-->
</script>

   	 <table border="0" cellpadding="2" cellspacing="2">
   	 <tr>
   	 <td><strong>estado:</strong></td>
   	 <td>
      <select name="estado" 

onchange="pegaCidade(this)">
      <option value="0">Selecione</option>
      <option value=1>Acre</option><option 

value=2>Alagoas</option><option value=4>Amapa</option><option value=3>Amazonas</option><option 

value=5>Bahia</option><option value=6>Ceara</option><option value=7>Distrito 

Federal</option><option value=8>Espirito Santo</option><option value=9>Goias</option><option 

value=10>Maranhao</option><option value=13>Mato Grosso</option><option value=12>Mato Grosso do 

Sul</option><option value=11>Minas Gerais</option><option value=14>Para</option><option 

value=15>Paraiba</option><option value=18>Parana</option><option 

value=16>Pernambuco</option><option value=17>Piaui</option><option value=20>Rio Grande do 

Norte</option><option value=23>Rio Grande do Sul</option><option value=19>Rio de 

Janeiro</option><option value=21>Rondonia</option><option value=22>Roraima</option><option 

value=24>Santa Catarina</option><option value=25>Sergipe</option><option value=26>São 

Paulo</option><option value=27>Tocantins</option>	
      </select>      
   	 </td>
   	 <td>
   	 <!-- conteúdo | inicio -->
      <IFRAME name="ifrmconteudo" 

src="http://globo.com/ispweb/redireciona/assine_cidades" height="35" width="400" frameborder="0" 

marginwidth="0" align="top" scrolling="no"></iframe>
   	 <!-- conteúdo | fim -->
   	 
           </td>	
   	 
   	 </tr>
   	 </table>

Eh isso ai, mas to apanhando para arrumar.

valew!
[]'s
Edgar
_________________________________________________
Formação: Bacharel em Ciência da Computação
Especialização em Redes sem fio - Wi-Fi (Wireless)
Programação: PHP, ASP, VB, .NET e C.
_________________________________________________
Contatos:
E-mail: edgar@agenciadigital.net
E-mail: edgar@webmasterhost.com.br
_________________________________________________
Host:
http://webmasterhost.com.br

#4 Edgar

Edgar

    Novato no fórum

  • Usuários
  • 5 posts
  • Sexo:Não informado

Posted 17/04/2004, 18:04

jqa consehui pode fechar o topico!
[]'s
Edgar
_________________________________________________
Formação: Bacharel em Ciência da Computação
Especialização em Redes sem fio - Wi-Fi (Wireless)
Programação: PHP, ASP, VB, .NET e C.
_________________________________________________
Contatos:
E-mail: edgar@agenciadigital.net
E-mail: edgar@webmasterhost.com.br
_________________________________________________
Host:
http://webmasterhost.com.br
Voltar para HTML, CSS e Metodologias


1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

  1. Fórum WMO
  2. → Desenvolvimento
  3. → HTML, CSS e Metodologias
  4. Privacy Policy
  5. Regras ·
IPB Skin By Virteq