Columna Extra

Chelo1982 · #1 (**permalink**) 24/07/2012, 08:29

Hola estoy agregando un campo extra a un buscador y esta hecho en tres partes html javascript y php, el tema que para el remplazo de las opciones esta hecho en javascript, por ahora logro traer toda la informacion se conecta a la base de datos trae todos los datos correcto pero no se por que me agrega un campo extra arriba de la variable provincias. Capas me puedan dar una mano, mil gracias

Código HTML:

<table width="580" border="0" align="left" cellpadding="0" cellspacing="0">

       <form id=formulario name=formulario>
        <tr>
          <td width="580" height="279" align="left" valign="top" class="texto-bold"><table width="568" border="0.5" align="left">

            <tr bordercolor="#EAEAEA">
              <td height="15" bgcolor="#FFFFFF">&nbsp;</td>
              <td bordercolor="#EAEAEA" bgcolor="#FFFFFF">&nbsp;</td>
              <td bordercolor="#EAEAEA" bgcolor="#FFFFFF">&nbsp;</td>
            </tr>
            <tr bordercolor="#EAEAEA">
              <td width="1" height="30" bgcolor="#FFFFFF">&nbsp;</td>
              <td width="147" bordercolor="#EAEAEA" bgcolor="#C0C0C0"> Categor&iacute;a </td>
              <td width="406" bordercolor="#EAEAEA" bgcolor="#FFFFFF">
                <select name="personas" size="1" id="personas">
                  <option value=0 selected="selected">Todos</option>
                   <option value=1>Coordinador</option>
                 </select>
                       </td>
              </tr>
            <tr bordercolor="#EAEAEA">
              <td bgcolor="#FFFFFF" class="Estilo21">&nbsp;</td>
              <td bordercolor="#EAEAEA" bgcolor="#C0C0C0" class="Estilo21"> Nivel </td>
              <td bordercolor="#EAEAEA" bgcolor="#FFFFFF" class="Estilo21"><select name="nivel" id="nivel">
                <option value="S">Secundario</option>
                <option value="T">Terciario</option>
                <option value="U">Universitario</option>
                <option value="M">Posgrado - Maestr&iacute;a</option>
                <option value="D">Posgrado - Doctorado</option>
                                           </select></td>
              </tr>
            <tr bordercolor="#EAEAEA">
              <td bgcolor="#FFFFFF" class="Estilo21">&nbsp;</td>
              <td bordercolor="#EAEAEA" bgcolor="#C0C0C0" class="Estilo21"> Profesi&oacute;n 1 </td>
              <td bordercolor="#EAEAEA" bgcolor="#FFFFFF" class="Estilo21">
                <div id=lista_carrera1> <select name="carrera1" id="carrera1"><option value=1>lista</option> </select> </div>

                O</td>
            </tr>
            <tr bordercolor="#EAEAEA">
              <td bgcolor="#FFFFFF" class="Estilo21">&nbsp;</td>
              <td bordercolor="#EAEAEA" bgcolor="#C0C0C0" class="Estilo21"> Profesi&oacute;n 2 </td>
              <td bordercolor="#EAEAEA" bgcolor="#FFFFFF" class="Estilo21"><div id=lista_carrera2><select name="carrera2" id="carrera1">

                            </select> </div>
                O</td>
            </tr>
            <tr bordercolor="#EAEAEA">
              <td bgcolor="#FFFFFF" class="Estilo21">&nbsp;</td>
              <td bordercolor="#EAEAEA" bgcolor="#C0C0C0" class="Estilo21"> Profesi&oacute;n 3 </td>
              <td bordercolor="#EAEAEA" bgcolor="#FFFFFF" class="Estilo21"> <div id=lista_carrera3><select name="carrera3" id="carrera3">

                            </select> </div>
                O</td>
            </tr>
            <tr bordercolor="#EAEAEA">
              <td bgcolor="#FFFFFF" class="Estilo21">&nbsp;</td>
              <td bordercolor="#EAEAEA" bgcolor="#C0C0C0" class="Estilo21"> Profesi&oacute;n 4 </td>
              <td bordercolor="#EAEAEA" bgcolor="#FFFFFF" class="Estilo21"><div id=lista_carrera4><select name="carrera4" id="carrera4">

                            </select> </div>
                O </td>
            </tr>
            <tr bordercolor="#EAEAEA">
              <td bgcolor="#FFFFFF" class="Estilo21">&nbsp;</td>
              <td bordercolor="#EAEAEA" bgcolor="#C0C0C0" class="Estilo21"> Profesi&oacute;n 5 </td>
              <td bordercolor="#EAEAEA" bgcolor="#FFFFFF" class="Estilo21"><div id=lista_carrera5><select name="carrera5" id="carrera5">

                            </select> </div> </td>
              </tr>
            <tr bordercolor="#EAEAEA">
              <td bgcolor="#FFFFFF" class="Estilo21">&nbsp;</td>
              <td bordercolor="#EAEAEA" bgcolor="#C0C0C0" class="Estilo21"> Experiencia
profesional </td>
              <td bordercolor="#EAEAEA" bgcolor="#FFFFFF" class="Estilo21"><select name="exp_profesional" id="exp_profesional">
                <option value=0 selected="selected">0</option>
                <option value=1>1</option>
                <option value=2>2</option>
                <option value=3>3</option>
                <option value=4>4</option>
                <option value=5>5</option>
                <option value=6>6</option>
                <option value=7>7</option>
                <option value=8>8</option>
                <option value=9>9</option>
                <option value=10>10</option>
                <option value=11>11</option>
				
                            </select></td>
              </tr>
            <tr bordercolor="#EAEAEA">
              <td bgcolor="#FFFFFF" class="Estilo21">&nbsp;</td>
              <td bordercolor="#EAEAEA" bgcolor="#C0C0C0" class="Estilo21"> Experiencia
laboral
general  </td>
              <td bordercolor="#EAEAEA" bgcolor="#FFFFFF" class="Estilo21"><select name="exp_laboral" id="exp_laboral">
                <option value=0 selected="selected">0</option>
                <option value=1>1</option>
                <option value=2>2</option>
                <option value=3>3</option>
                <option value=4>4</option>
                <option value=5>5</option>
                <option value=6>6</option>
                <option value=7>7</option>
                <option value=8>8</option>
                <option value=9>9</option>
                <option value=10>10</option>
                <option value=11>11</option>
				
              </select></td>
              </tr>
            <tr bordercolor="#EAEAEA">
              <td bgcolor="#FFFFFF" class="Estilo21">&nbsp;</td>
              <td bordercolor="#EAEAEA" bgcolor="#C0C0C0" class="Estilo21">Provincia</td>
              <td bordercolor="#EAEAEA" bgcolor="#FFFFFF" class="Estilo21"><div id=lista_provincias>
<select name="provincias" id="provincias">

                            </select>
                                 </div></td>
            </tr>
          </table></td>
        </tr>
        <td height="58"><table width="100" border="0" align="center">
          <tr>
            <td>
              <div align="center">
                <input name="buscar" type="button" id="buscar"   value="Buscar" />
                </div>
                    </td>
          </tr>
        </table></td>
        </tr>
        </form>

  </table>

Código:

$(document).ready(function()
{
	
   		//verificamos si esta conectado..
		$.post("../js_php/usuario_conectado.php",{} ,function(data)
  	 {
		  if(data.length<3) // esta conectado.....
		  {
 			}
 		  else 
		  {
 			  	 //no esta conectado
				 document.location='../f_principal.html';
  	  		}
  
 	    });
 
 
 
 
 
 
 
  
  	// Cargamos las carreras .
	 $.post("js_php/busquedagenerica_auxiliares.php",{} ,function(data)
		        {
						//alert(data);
						
						data = data.replace('carrera','carrera1') 
						
						$("#lista_carrera1").html(data) ; 

						data = data.replace('carrera1','carrera2') 
						$("#lista_carrera2").html(data) ; 

						data = data.replace('carrera2','carrera3') 
						$("#lista_carrera3").html(data) ; 

						data = data.replace('carrera3','carrera4') 
						$("#lista_carrera4").html(data) ; 

						data = data.replace('carrera4','carrera5') 
						$("#lista_carrera5").html(data) ; 


			});
	 
						


	
	  $.post("js_php/busquedagenerica_auxiliares.php",{clave:'provincias'} ,function(data){ 
			$("#lista_provincias").html(data) ; 
			  
		 });
 	
   
  
		$("#buscar").click(function(){
												
									
	 //alert(   $("#formulario").serialize()   );				
									
 					
  			 $.ajax({ async: false,
				 type: "POST",
				 url: "js_php/busquedagenerica_asignar.php",
				 data: $("#formulario").serialize() ,
				 success:function(data){}
					 
 				 });
			  document.location='f_51resultadobusquedagenerica.html';
			 
	 
			 
 			});
		
 
 
});

maycolalvarez · #2 (**permalink**) 24/07/2012, 17:28

estás rompiendo las estructuras HTML:

1 - no puedes embeber un <form> dentro de <table>, <table> sólo puede contener elementos de tablas, es en <td> o <th> donde puedes incluir otros elementos, o la tabla dentro del form

2 - la primera fila <tr> está rota.

3 - el atributo bgcolor está depreciado, use CSS, además borderColor también puede aplicarse con CSS

si no corrige los desajustes pude implicar que no funcione bien el script