Guillermo Moguel / jquery-mutable

Download as
Browse Code »

Commit 92059f3e3d4624474d410cfb16c1bf6c0698774b

Authored by Guillermo Moguel
1 parent 35d5ac9874
Exists in master

Finalizado parcial

Showing 2 changed files with 19 additions and 26 deletions   Show diff stats
... ... @@ -20,12 +20,18 @@
20 20 valueselector:"No, ¿Por que?",
21 21 });
22 22  
  23 + $("#id_cencontrabajo").mutarSelect({
  24 + valueselector:"¿Otra forma, Cual?",
  25 + });
23 26  
24   - $("id_cencontrabajo").mutarSelect({
  27 + $("#id_arealaboral").mutarSelect({
25 28 valueselector:"¿Otra forma, Cual?",
26 29 });
27   -
28   -
  30 +
  31 + $("#id_dedicacionem").mutarSelect({
  32 + valueselector:"¿Otra, Cual?",
  33 + });
  34 +
29 35  
30 36 });
31 37 </script>
... ... @@ -84,7 +90,7 @@
84 90 <option value="Más de 1 año">Más de 1 año</option>
85 91 <option value="Aún no cuentas con empleo">Aún no cuentas con empleo</option>
86 92 </select></td></tr>
87   -<tr><th><label for="id_cencontrabajo">¿Cómo conseguite el trabajo?</label></th><td><select id="id_cencontrabajo" required="true" class="form-control" name="cencontrabajo">
  93 +<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">
88 94 <option value="" selected="selected"></option>
89 95 <option value="Relaciones personales">Relaciones personales</option>
90 96 <option value="Bolsa de trabajo de la Universidad">Bolsa de trabajo de la Universidad</option>
... ... @@ -94,13 +100,11 @@
94 100 <option value="Durante el servicio social">Durante el servicio social</option>
95 101 <option value="Ofresiendo mis servicios independientes">Ofresiendo mis servicios independientes</option>
96 102 </select></td></tr>
97   -<tr><th><label for="id_dencontrabajo">Dificultades para conseguir trabajo:</label></th><td><input id="id_dencontrabajo" type="text" name="dencontrabajo" maxlength="120" /></td></tr>
98 103 <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">
99 104 <option value="" selected="selected"></option>
100 105 <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>
101 106 <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>
102 107 <option value="En empleos que no requieren de una profeción">En empleos que no requieren de una profeción</option>
103   -<option value="otra">Otra, ¿Cual?</option>
104 108 </select></td></tr>
105 109  
106 110 <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">
... ... @@ -108,16 +112,9 @@
108 112 <option value="Tiempo completo">Tiempo completo</option>
109 113 <option value="Medio tiempo">Medio tiempo</option>
110 114 <option value="Eventual">Eventual</option>
111   -<option value="otra">Otra, ¿Cual?</option>
112   -</select></td></tr>
113   -<tr><th><label for="id_formacionprofecional">¿Consideras que tu formacion profecional es?</label></th><td><select id="id_formacionprofecional" required="true" class="form-control mutarselect" name="formacionprofecional">
114   -<option value="" selected="selected"></option>
115   -<option value="Excelente">Excelente</option>
116   -<option value="Buena">Buena</option>
117   -<option value="Regular">Regular</option>
118   -<option value="Insatisfactoria">Insatisfactoria</option>
119 115 </select></td></tr>
120 116  
  117 +
121 118 <table>
122 119  
123 120 <input id="terminar" type="submit" name="terminar" value="Terminar">
... ...
js/jquery.mutable.js
Diff comments   View file @92059f3
... ... @@ -7,22 +7,18 @@
7 7 valueselector:"Agregar nuevo",
8 8 }, options );
9 9  
10   - var selector = this;
11   - selector.append("<option value='' class='mutarselect-add'>" + settings.valueselector + "</option>");
  10 + var father = $(this).attr("id");
  11 + $(this).append("<option value='' class='mutarselect-add'>" + settings.valueselector + "</option>");
12 12  
13   - $(".mutarselect-add").click(function( event ){
  13 + $("#" + father + " .mutarselect-add").click(function( event ){
14 14 event.preventDefault();
15   -
16   - //alert($(this).parent(".mutarselect").attr("id"));
17   - var father = $(this).parent(selector).attr("id");
18   - //var positionReal = $(this).parent(".mutarselect").offset();
19   - //
  15 +
20 16 $("#" + father + " .mutarselect-rm" ).remove();
21   -
22   - $(this).parent(".mutarselect").hide();
23   - $("<input type='text' placeholder='nuevo valor' autofocus autocomplete=off' class='mutarselect-input " + father +"' >").insertAfter( $($(this).parent(".mutarselect")) );
  17 + $(this).parent("#" + father).hide();
  18 +
  19 + $("<input type='text' placeholder='nuevo valor' autofocus autocomplete=off' class='mutarselect-input " + father +"' >").insertAfter( $(this).parent(".mutarselect") );
  20 +
24 21 });
25   -
26 22  
27 23 $("form").on("keypress", ".mutarselect-input",function( event ){
28 24 if ( event.keyCode == '13' ){
... ...