Foros del Web » Programando para Internet » Javascript »

Columna Extra

Estas en el tema de Columna Extra en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 24/07/2012, 08:29
 
Fecha de Ingreso: agosto-2008
Mensajes: 97
Antigüedad: 15 años, 9 meses
Puntos: 1
Columna Extra

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';
			 
	 
			 
 			});
		
 
 
});
  #2 (permalink)  
Antiguo 24/07/2012, 17:28
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 15 años, 10 meses
Puntos: 1532
Respuesta: Columna Extra

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
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...

Etiquetas: ajax, columna, extra, formulario, html, input, js, php, select
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:01.