Guillermo Moguel / jquery-mutable

Blame view

index.html 5.53 KB
edit raw normal view history
a8763fd27   Guillermo Moguel   Inicio de desarrollo 
1
2
3
4
5
6
7
8
 
  <!doctype html>
  <html lang="us">
  <head>
  	<meta charset="utf-8">
  	<title>jQuery Mutable Select Plugins Example</title>
  	<script src="js/jquery-1.10.2.js"></script>
  	<script src="js/jquery.mutable.js"></script>
  	<script>
35d5ac987   Guillermo Moguel   actualizado a plu... 
9
 
          $(document).ready(function(){
a8763fd27   Guillermo Moguel   Inicio de desarrollo 
10
 








35d5ac987
 
 Guillermo Moguel
 
actualizado a plu...




11
12
13




              $("#id_lengua").mutarSelect({
                  valueselector:"Otra",
              });









a8763fd27
 
 Guillermo Moguel
 
Inicio de desarrollo




14












35d5ac987
 
 Guillermo Moguel
 
actualizado a plu...




15
16
17
18
19
20
21




              $("#id_trabajasactual").mutarSelect({
                  valueselector:"Otra",
              });
  
              $("#id_trabajasactual").mutarSelect({
                  valueselector:"No, ¿Por que?",
              });









92059f3e3
 
 Guillermo Moguel
 
Finalizado parcial




22
23
24




              $("#id_cencontrabajo").mutarSelect({
                  valueselector:"¿Otra forma, Cual?",
              });









35d5ac987
 
 Guillermo Moguel
 
actualizado a plu...




25












92059f3e3
 
 Guillermo Moguel
 
Finalizado parcial




26




              $("#id_arealaboral").mutarSelect({









35d5ac987
 
 Guillermo Moguel
 
actualizado a plu...




27
28




                  valueselector:"¿Otra forma, Cual?",
              });









92059f3e3
 
 Guillermo Moguel
 
Finalizado parcial




29
30
31
32




  
              $("#id_dedicacionem").mutarSelect({
                  valueselector:"¿Otra, Cual?",
              });









35d5ac987
 
 Guillermo Moguel
 
actualizado a plu...




33
34




              
          });









a8763fd27
 
 Guillermo Moguel
 
Inicio de desarrollo




35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51




  	</script>
  <style>
  	body{
  		font: 62.5% "Trebuchet MS", sans-serif;
  		margin: 50px;
  	}
  	</style>
  </head>
  <body>
  
  <h1>Welcome to jQuery Plugin example</h1>
  
  <div class="ui-widget">
  	<p></p>
  </div>
  
  <h1>YOUR COMPONENTS:</h1>









35d5ac987
 
 Guillermo Moguel
 
actualizado a plu...




52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89




  
  <form id="datos" action="" method="post">
      <table>
      <tr><th><label for="id_lengua">Lengua:</label></th><td><select id="id_lengua" required="true" class="form-control mutarselect" name="lengua">
  <option value=""></option>
  <option value="Castellano">Castellano</option>
  <option value="Tseltal">Tseltal</option>
  <option value="Tsotsil">Tsotsil</option>
  <option value="Ch&#39;ol">Ch&#39;ol</option>
  <option value="Tojolabal">Tojolabal</option>
  <option value="Zoque">Zoque</option>
  </select></td></tr>
  <tr><th><label for="id_ciudad">Ciudad de nacimiento:</label></th><td><input id="id_ciudad" type="text" name="ciudad" maxlength="120" /></td></tr>
  <tr><th><label for="id_municipio">Municipio de nacimiento:</label></th><td><input id="id_municipio" type="text" name="municipio" maxlength="120" /></td></tr>
  <tr><th><label for="id_estado">Estado de nacimiento:</label></th><td><input id="id_estado" type="text" name="estado" maxlength="120" /></td></tr>
  <tr><th><label for="id_titulado">¿Ya te titulaste?</label></th><td><select id="id_titulado" required="true" class="form-control" name="titulado">
  <option value="" selected="selected"></option>
  <option value="True">SI</option>
  <option value="False">NO</option>
  </select></td></tr>
  <tr><th><label for="id_rectitulacion">¿Requieres titularte?</label></th><td><select id="id_rectitulacion" required="true" class="form-control mutarselect" name="rectitulacion">
  <option value="" selected="selected"></option>
  <option value="True">SI</option>
  <option value="False">NO</option>
  </select></td></tr>
  <tr><th><label for="id_trabajasactual">¿Tabajas actualmente?</label></th><td><select id="id_trabajasactual" required="true" class="form-control mutarselect" name="trabajasactual">
  <option value="" selected="selected"></option>
  <option value="Si">Si</option>
  </select></td></tr>
  <tr><th><label for="id_tencontrabajo">¿Cuánto tiempo tardaste en encontrar trabajo?</label></th><td><select id="id_tencontrabajo" required="true" class="form-control" name="tencontrabajo">
  <option value="" selected="selected"></option>
  <option value="Menos de 3 meses">Menos de 3 meses</option>
  <option value="De 3 a 6 Meses">De 3 a 6 Meses</option>
  <option value="De 6 a 9 Meses">De 6 a 9 Meses</option>
  <option value="De 9 a 12 Meses">De 9 a 12 Meses</option>
  <option value="Más de 1 año">Más de 1 año</option>
  <option value="Aún no cuentas con empleo">Aún no cuentas con empleo</option>
  </select></td></tr>









92059f3e3
 
 Guillermo Moguel
 
Finalizado parcial




90




  <tr><th><label for="id_cencontrabajo">¿Cómo conseguite el trabajo?</label></th><td><select id="id_cencontrabajo" required="true" class="form-control mutarselect" name="cencontrabajo">









35d5ac987
 
 Guillermo Moguel
 
actualizado a plu...




91
92
93
94
95
96
97
98
99




  <option value="" selected="selected"></option>
  <option value="Relaciones personales">Relaciones personales</option>
  <option value="Bolsa de trabajo de la Universidad">Bolsa de trabajo de la Universidad</option>
  <option value="Bolsa de trabajo externas">Bolsa de trabajo externas</option>
  <option value="Entregando Curriculums">Entregando Curriculums</option>
  <option value="Concurso de selección">Concurso de selección</option>
  <option value="Durante el servicio social">Durante el servicio social</option>
  <option value="Ofresiendo mis servicios independientes">Ofresiendo mis servicios independientes</option>
  </select></td></tr>









35d5ac987
 
 Guillermo Moguel
 
actualizado a plu...




100
101
102
103
104




  <tr><th><label for="id_arealaboral">En el área laboral te desarrollas en:</label></th><td><select id="id_arealaboral" required="true" class="form-control mutarselect" name="arealaboral">
  <option value="" selected="selected"></option>
  <option value="En empleos profecionales que requien de la formación de su carrera">En empleos profecionales que requien de la formación de su carrera</option>
  <option value="En empleos profecionales que no requieren de la formación de su carrera">En empleos profecionales que no requieren de la formación de su carrera</option>
  <option value="En empleos que no requieren de una profeción">En empleos que no requieren de una profeción</option>









35d5ac987
 
 Guillermo Moguel
 
actualizado a plu...




105
106
107
108
109
110
111




  </select></td></tr>
  
  <tr><th><label for="id_dedicacionem">Tiempo de dedicación en el empleo:</label></th><td><select id="id_dedicacionem" required="true" class="form-control mutarselect" name="dedicacionem">
  <option value="" selected="selected"></option>
  <option value="Tiempo completo">Tiempo completo</option>
  <option value="Medio tiempo">Medio tiempo</option>
  <option value="Eventual">Eventual</option>









35d5ac987
 
 Guillermo Moguel
 
actualizado a plu...




112




  </select></td></tr>









92059f3e3
 
 Guillermo Moguel
 
Finalizado parcial




113












35d5ac987
 
 Guillermo Moguel
 
actualizado a plu...




114
115
116




      <table>
  
      <input id="terminar" type="submit" name="terminar" value="Terminar">









a8763fd27
 
 Guillermo Moguel
 
Inicio de desarrollo




117




  </form>









35d5ac987
 
 Guillermo Moguel
 
actualizado a plu...




118












a8763fd27
 
 Guillermo Moguel
 
Inicio de desarrollo




119
120




  </body>
  </html>