Cambiar propiedades de los div´s

[godez89]

Hola a todos

Tengo un problema, estoy intentando cambiar propiedades de los div's al pulsar sobre un link. Seria como en el siguiente ejemplo

< a href="javascript:color("#FFFFFF")">[ enlace ]</a>

[ div class="nombre"]

Mi problema es que al pulsar el boton no se de que forma puedo cambiar el color de fondo del div nombre(background-color)

Otro problema que tengo es como poder crear etiquetas del formulario como por ejemplo

<input type="text">

de forma dinamica al pulsar sobre un link.


Me sirve cualquier tipo de ayuda ya sea con un link a un tutorial o directamente.

Gracias por contestar.

[JavierB]

Hola godez89. Bienvenido al foro.

Prueba con esto:

Código:

function color(col) {
  document.getElementById('idDelDiv').style.background = col;
}

El enlace es mejor ponerlo así:

Código:

< a href="#" onclick="color('#FFFFFF'); return false">[ enlace ]</a>

Saludos,

[MaBoRaK]

loading............

Código PHP:

  function color(col) {
  document.getElementById('idDelDiv').style.backgroundColor = col;
} 
   

creo que background solamente no funciona si le das solo un color;

connection closed.

[JavierB]

Hola MaBoRaK

Utilizando background también funciona sólo con un color. La diferencia es que utilizando background, se pueden añadir más propiedades, como imagen de fondo, posición...

Código:

document.getElementById('idDelDiv').style.background = 'url(imagen.gif) ' + col + ' no-repeat center center';

Saludos,

[alarga]

Muchas gracias a todos, me habéis inspirado la solución de un problema no igual, pero sí muy parecido.

Saludos