Como lo podria hacer.

ManelGomez · #1 (**permalink**) 22/04/2010, 12:59

Creo que esto tiene que se javascript.

Cuando un input recibo el foco, la etiqueta que esta al lado el fondo sea azul y las letras (caption) en blanco.

Un Saludo.

_cronos · #2 (**permalink**) 22/04/2010, 13:51

¿Tú te refieres a algo así?

Código HTML:

Ver original<html>
 <head>
  <title>A</title>
 </head>
 <body>
  <form name="formu" id="formu" action="">
   <input type="text" name="text1" id="text1" onfocus="color()">
  </form>
 </body>
</html>

Código Javascript:

Ver original<script language="javascript" type="text/javascript">
 function color(){
  document.getElementById("text1").style.backgroundColor='#0000FF';
  document.getElementById("text1").style.color='#FFFFFF'}
</script>

ManelGomez · #3 (**permalink**) 22/04/2010, 15:27

Por tu cantidad de mensajes veo que eres un poco como yo, pero con muchos mas conocimientos en javascript que yo.

Hace un par de años me compre el delphi for php, como no tenia ni idea lo aparque. Ahora me he puesto a trabajar con el y bueno esta muy bien. Deber ser los IDE o RAD.

Tu codigo de fabula. cuando se presenta el foco se encienda la etiqueta y cuando lo pierdes vuelve a su color tanto el frente como el fondo. Así el usuario siempre sabe donde esta.

Un Saludo.

_cronos · #4 (**permalink**) 22/04/2010, 15:44

Sí la verdad es que soy bastante novato en esto, y no es que tenga unos conociemientos excesivos de js, pero simplemente me gustó y no me metí en php ni asp o ajax, aunque no podré dejarlos tirados por mucho más tiempo xD
Pero muchas gracias igualmente! Saludos (:

DeveloperFresh · #5 (**permalink**) 22/04/2010, 15:58

Bueno quedaría así:

Código HTML:

Ver original<html>
 <head>
  <title>A</title>
 </head>
 <body>
  <form name="formu" id="formu" action="">
   <input type="text" name="text1" id="text1" onblur="LostFoco(this)"  onfocus="Foco(this)">
  </form>
 </body>
</html>

Código Javascript:

Ver original<script language="javascript" type="text/javascript">
 function Foco(obj){
  obj.style.backgroundColor='#0000FF';
  obj.style.color='#FFFFFF';
}
 
function LostFoco(obj){
  obj.style.backgroundColor='#FFFFFF';
  obj.style.color='#000000';
}
</script>

salu2

ManelGomez · #6 (**permalink**) 22/04/2010, 16:29

Hola cronos:

Te aconsejo que consigas un RAD o IDE, tipo ZEND, Delphi for php, Creo que Neatbeans tambien es RAD, IDE. Creo que se llaman así.

Emplearas pocas horas en escribir código fuente.

Entre javascript y php la hostia. Ten en cuenta que el javascript se ejectura en el cliente y php en el servidor.

Otra cosa tanto a ti como al developerfresh. Donde encontrar instrucciones como la del cuando se presente el foco.

Porque ahora es desabilitar un control. por ejemplo. Que el usuario no pueda grabar un cliente si previamente no la clickeado nuevo.

Un Saludo.

_cronos · #7 (**permalink**) 22/04/2010, 16:42

Vale investigaré algo sobre el tema, muchas gracias por la recomendación.
Y con repecto a la pregunta creo que me perdí xD.
¿Tú pides que haya por ejemplo un input y que para se pueda escribir se tenga que hacer click en un botón que ponga nuevo? Esto también se podría hacer con un prompt, si es lo que yo he entendido, piénsate a ver como te gustaría hacerlo.
Saludos :P

ManelGomez · #8 (**permalink**) 22/04/2010, 17:04

Esto es así.

Imaginate una barra de herramientas donde hay iconos por ej. nuevo, grabar, etc.

El caso seria desabilitar el botón de grabar si previamente no has clickeado nuevo.

Un Saludo.

_cronos · #9 (**permalink**) 22/04/2010, 23:53

Bueno ahora no me puedo poner a fondo con esto poruqe me tengo que ir pero esta tarde te lo miro (:

_cronos · #10 (**permalink**) 23/04/2010, 07:26

El código vendría a ser algo así, luego si quieres verificar que todos los campos se llenen o algo por el estilo habría uqe hacer más cosas.

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 <head>
  <title>A</title>
 </head>
 <body>
  <form name="formu" id="formu" action="">
   Registro:<br>
   Nombre usuario:<input type="text" name="text1" id="text1" disabled><br>
   <input type="button"  value="Nueva cuenta" onClick="habil();">
  </form>
 </body>
</html>

Código Javascript:

Ver original<script language="javascript" type="text/javascript">
  function habil(){
   document.formu.text1.disabled=false;
  }
</script>

En el input type="button" creo que también podría poner input type="image" para que está más a tu estilo si quieres. Saludos (:

ManelGomez · #11 (**permalink**) 09/10/2011, 14:52

Que bueno es este hilo.

Hay una cosa que no se menciona y el DOM (creo que es Document Object Model).

Saber trabajar con esto es dominar el javascript

Un Saludo

_cronos2 · #12 (**permalink**) 09/10/2011, 15:44

Cita:

Iniciado por ManelGomez

Que bueno es este hilo.

Hay una cosa que no se menciona y el DOM (creo que es Document Object Model).

Saber trabajar con esto es dominar el javascript

Un Saludo

Por favor, no revivas temas tan antiguos, este tiene casi año y medio.
Y no, dominar JS es mucho más que DOM.
Saludos (: