Autor Tema: [AYUDA] Al hacer clicks en 2 inputs.  (Leído 726 veces)

Desconectado Siquillote

  • PHPero Master
  • ******
  • Mensajes: 4.229
  • Karma: 179
  • Sexo: Masculino
    • Ver Perfil
[AYUDA] Al hacer clicks en 2 inputs.
« en: 19 de Diciembre de 2011, 23:11:47 pm »

Hola,

Estoy haciendo un sistema de tickets y ya está casi terminado a excepción de que me acaba de pasar una tontería pero que no soy capaz de arreglar. Seguro que es una tontería pero es que resulta que digamos que tengo 2 inputs. Cuando pincho en el primero no problem, puedo escribir y tal pero cuando hago click en el segundo, se marca el primero y no me deja escribir. Solo puedo escribir en el segundo si hago un TAB en el 1 input.

¿Alguien puede ayudarme?

Un saludo,
Siquillote.
 

#Fdo. Physlet

Comunidad PHPeros

[AYUDA] Al hacer clicks en 2 inputs.
« en: 19 de Diciembre de 2011, 23:11:47 pm »

Desconectado naveda

  • Administrador General
  • PHPero Master
  • *****
  • Mensajes: 2.282
  • Karma: 165
  • Sexo: Masculino
    • Ver Perfil
    • naveda.me
Re:[AYUDA] Al hacer clicks en 2 inputs.
« Respuesta #1 en: 20 de Diciembre de 2011, 00:34:12 am »
Buenas,

como siempre, sería interesante ver el codigo de ambos inputs y/o del javascript que esta siendo ejecutado.

Saludos!
Por favor, leete las Normas


Desconectado Siquillote

  • PHPero Master
  • ******
  • Mensajes: 4.229
  • Karma: 179
  • Sexo: Masculino
    • Ver Perfil
Re:[AYUDA] Al hacer clicks en 2 inputs.
« Respuesta #2 en: 20 de Diciembre de 2011, 00:38:32 am »
Buenas,

como siempre, sería interesante ver el codigo de ambos inputs y/o del javascript que esta siendo ejecutado.

Saludos!

Hola Naveda,

Si, ha sido un error de principiante, no se como se me ha podido pasar por alto.
Aquí lo tienes. He borrado el source PHP por que no me interesa que lo veais.

Código: [Seleccionar]
<table width="500" border="0" cellpadding="0" cellspacing="0">
  <tr>
<td width="50" height="152">&nbsp;</td>
<td width="4" style="background-color:#f1f1f1;">&nbsp;</td>
<td width="427" align="center">
  <form name="form1" method="post" action="">
<table width="389" border="0" cellpadding="0" cellspacing="0">
  <tr>
<td width="123" height="40" align="right"><span class="negrita">Nombre</span><br><span class="normal">Ser&aacute; tu habbo nombre</span></td>
<td width="266" style="padding-left: 20px;"><p>PHP</p></td>
  </tr>
  <tr>
<td height="40" align="right"><span class="negrita">Título</span><br><span class="normal">Indique un titular</span></td>
<td style="padding-left: 20px;"><label for="titulo"></label>
  <input name="titulo" type="text" class="form_campos" id="titulo"></td>
  </tr>
  <tr>
<td height="40" align="right"><span class="negrita">Departamento</span><br><span class="normal">Eliga un departamento</span></td>
<td style="padding-left: 20px;"><label for="departamento"></label>
  <select name="departamento" class="form_campos" id="departamento">
<option value="tecnico">Soporte t&eacute;cnico</option>
<option value="eventos">Eventos</option>
<option value="ayuda">Ayuda</option>
<option value="yurumis">Yurumis</option>
<option value="reporte">Reportar incidencia</option>
<option value="otros">Otros</option>
  </select></td>
  </tr>
  <tr>
<td height="55" align="right" valign="top" style="padding-top: 7px;"><span class="negrita">Contenido</span><br>
  <span class="normal">Explique su problema</span></td>
<td style="padding-left: 20px;"><label for="texto"></label>
  <textarea name="texto" style="height:250px;" rows="10" class="form_campos" id="texto"></textarea></td>
  </tr>
  <tr>
<td height="53" align="right" valign="top" style="padding-top: 7px;"><span class="negrita">Agregar imagenes</span><br>
  <span class="normal">Una imagen vale mas que mil palabras, o eso dicen...</span></td>
<td height="53" class="normal" style="padding-left: 20px;"><label for="texto">
  <input name="img" type="text" class="form_campos" id="img" /><br />
              Por cada URL incuste un ";" <br />
              PHP</label></td>
  </tr>         
  <tr>
<td>&nbsp;</td>
<td height="40" align="right">
<?php if(...... >= 2){ echo &#39;&#39;; } else { ?>
<input type="submit" name="boton" id="boton" value="Enviar ticket">
<?php ?>
</td>
  </tr>
</table>
  </form>
</td>
  </tr>
</table>

EDIT: No me acribilleis por el hecho de aún usar tablas, de hecho no las uso, pero este es un caso de emergencia.
Ya reconstruiré el HTML usando divs.

Un saludo,
Siquillote

#Fdo. Physlet

Desconectado Mixvice

  • PHPero Experto
  • *****
  • Mensajes: 687
  • Karma: 32
  • Sexo: Masculino
  • ¡Y Tu Papá Tambien!
    • Ver Perfil
    • Tuhabbo
Re:[AYUDA] Al hacer clicks en 2 inputs.
« Respuesta #3 en: 20 de Diciembre de 2011, 05:04:56 am »
El error es por algo tan simple que se te olvido modificar:
Citar
<label for="texto">
           <input name="img" type="text" class="form_campos" id="img" /><br />
              Por cada URL incuste un ";" <br />
              PHP</label>

Si te fijas tienes "texto" en el valor for del label, y el input esta dentro de este por lo tanto al dar clic, te manda al textarea que tiene de id "texto".

Solo borralo o cambiale el atributo for  xD

Código: [Seleccionar]
<label for="img">
  <input name="img" type="text" class="form_campos" id="img" /><br />
              Por cada URL incuste un ";" <br />
              PHP</label>

Y no tiene nada de malo usar tablas para un formulario, es mas facil de ordenar así que con divs, lo que si no es correcto es tener toda la estructura de la web en tablas
« Última modificación: 20 de Diciembre de 2011, 05:10:57 am por Mixvice »

Desconectado Siquillote

  • PHPero Master
  • ******
  • Mensajes: 4.229
  • Karma: 179
  • Sexo: Masculino
    • Ver Perfil
Re:[AYUDA] Al hacer clicks en 2 inputs.
« Respuesta #4 en: 20 de Diciembre de 2011, 14:21:33 pm »
El error es por algo tan simple que se te olvido modificar:
Si te fijas tienes "texto" en el valor for del label, y el input esta dentro de este por lo tanto al dar clic, te manda al textarea que tiene de id "texto".

Solo borralo o cambiale el atributo for  xD

Código: [Seleccionar]
<label for="img">
  <input name="img" type="text" class="form_campos" id="img" /><br />
              Por cada URL incuste un ";" <br />
              PHP</label>

Y no tiene nada de malo usar tablas para un formulario, es mas facil de ordenar así que con divs, lo que si no es correcto es tener toda la estructura de la web en tablas

Hola Manuel,

Muchísimas gracias. Si no tengo mucha memoria pez y no recuerdo mal, creo que esto ya me pasó un día cuando estabamos (Ya no se si estas tu o no) en 13 mix y también me lo arreglaste tu.

En definitiva, los labels son una porquería, no sirven para nada al menos para mi, claro...
Por cierto, respecto a las tablas el primero que ya no trabaja con ellas soy yo pero me urgía terminar la plataforma lo mas rápido posible y no tenía mucho tiempo para ir div con div...

PD: Ahí te llevas tu karmazo.

Un saludo,
Siquillote.

#Fdo. Physlet

Desconectado Mixvice

  • PHPero Experto
  • *****
  • Mensajes: 687
  • Karma: 32
  • Sexo: Masculino
  • ¡Y Tu Papá Tambien!
    • Ver Perfil
    • Tuhabbo
Re:[AYUDA] Al hacer clicks en 2 inputs.
« Respuesta #5 en: 21 de Diciembre de 2011, 01:13:45 am »
Los label son buenos para el texto, por ejemplo tienes un campo que tiene de id nombre, y quieres poner una breve descripción a un lado,

[__(Campo)___]  Escribe tu nombre

al dar clic en "Escribe tu nombre" si este esta dentro de un label con atributo for "nombre" te manda directo al input, en realidad son utiles como este ejemplo, pero con placeholder aunque sea html5 uno prefiere hacerlo que agregar un label

Código: [Seleccionar]
<input id="nombre" type="text" /> <label for="nombre"> Escribe tu nombre </label>
<input id="pais" type="text" /> <label for="pais"> Escribe tu país</label>

Sobre lo de 13mix no recuerdo jaja