[SOLUCIONADO] Cambiar estilo de un botón ya creado

[Chivitoni]

Hola a todos,
mi situación es al siguiente:
Tengo un botón creado dentro de un fichero php:

?>
<button type="button" class="btn btn-danger" id="<?php echo $i ?></button>
<?php

Y me gustaría que si por ejemplo una variable valiera 5, poder cambiar la clase de ese botón para que fuera por ejemplo "btn btn-default" y así el botón cambiase de color de nuevo pero no encuentro la manera de hacerlo. Supongo que si se puede no?


No se si alguien puede ayudarme.
Un saludo y muchas gracias.

[pzin]

Tienes que hacerlo con PHP porque aplicar clases no es algo de CSS sino de HTML, y tu HTML lo generas por PHP.

En cualquier caso, SI algo tiene que pasar CUANDO tal cosa, obviamente es una estructura condicional lo que debes de usar.

Muevo el hilo al foro de pehachepé.

[ArturoGallegos]

No se puede, css no tiene acceso al DOM del documento y no se entera de nada para hacer cambios, lo que puedes es usar javascript para detectar los cambios en los campos y este sea quien se encarga de cambiar la clase del botón.

[Chivitoni]

Iniciado por ArturoGallegos

No se puede, css no tiene acceso al DOM del documento y no se entera de nada para hacer cambios, lo que puedes es usar javascript para detectar los cambios en los campos y este sea quien se encarga de cambiar la clase del botón.

He probado este codigo:
http://www.briored.com/jquery/como-c...ml-con-jquery/

Pero necesito que se me cambie al cargar la pagina comprobando una variable no al pulsar un botón.Alguna idea?

Y gracias por vuestras respuestas

[ArturoGallegos]

Si es al cargar la pagina, entonces es lo que te dijo @pzin, tienes que validar el campo previamente a generar el html.

Suerte!

[Chivitoni]

Iniciado por ArturoGallegos

Si es al cargar la pagina, entonces es lo que te dijo @pzin, tienes que validar el campo previamente a generar el html.

Suerte!

Si ya se que es con un if pero no me funciona porque el javascript no tiene que tener un Onclick()

[pateketrueke]

Pero necesito que se me cambie al cargar la pagina comprobando una variable no al pulsar un botón.Alguna idea?

¿Te refieres a algo así?

Código PHP:

<button class="btn <?php echo $x === $y ? 'foo' : 'bar' ?>">OK</button>
 

Es decir, si el valor de $x es idéntico a $y entonces se imprime "foo", en caso contrario se imprime "bar".

La condición ternaria es un abreviado de lo siguiente:

Código PHP:

<button class="btn <?php if ($x === $y) { echo 'foo'; } else { echo 'bar'; } ?>">OK</button>
 

Lógica simple.

[Chivitoni]

Iniciado por pateketrueke

¿Te refieres a algo así?

Código PHP:

<button class="btn <?php echo $x === $y ? 'foo' : 'bar' ?>">OK</button>
 

Es decir, si el valor de $x es idéntico a $y entonces se imprime "foo", en caso contrario se imprime "bar".

La condición ternaria es un abreviado de lo siguiente:

Código PHP:

<button class="btn <?php if ($x === $y) { echo 'foo'; } else { echo 'bar'; } ?>">OK</button>
 

Lógica simple.

Si lógico pero yo no quiero eso.
Quiero crear un botón en el inicio del código y mas adelante cambiarlo de color dentro de un "if".
Y lo que me comentas no se parece en nada.

[pateketrueke]

Quiero crear un botón en el inicio del código y mas adelante cambiarlo de color dentro de un "if".

¿Entonces lo quieres cambiar ya en el navegador o cómo?

Porque lo que imprimes con PHP ya no lo puedes modificar en tiempo de ejecución de PHP.

Creo que tampoco te estás esforzando mucho en explicar exactamente tu problemática, lo poco que se entiende es todo lo que ya se te ha dicho.

Así que la única forma de "cambiar el estilo de un botón ya creado" es con Javascript, porque PHP no tiene facultad de "crear cosas", él sólo imprime y nada más.

[Chivitoni]

Iniciado por pateketrueke

¿Entonces lo quieres cambiar ya en el navegador o cómo?

Porque lo que imprimes con PHP ya no lo puedes modificar en tiempo de ejecución de PHP.

Creo que tampoco te estás esforzando mucho en explicar exactamente tu problemática, lo poco que se entiende es todo lo que ya se te ha dicho.

Así que la única forma de "cambiar el estilo de un botón ya creado" es con Javascript, porque PHP no tiene facultad de "crear cosas", él sólo imprime y nada más.

Está explicado arriba de todo y creo que bien ya que dos personas lo entendieron perfectamente.
Y ya se que se hace con javascript, de hecho puse un enlace de algo que probé pero que no me servía.

[gnzsoloyo]

OK, pero entonces será mejor que continúes el tema en el foro de JavaScript, porque como ya habrás visto, con PHP no hay nada que puedas hacer...

No puedes clavar el clavo en la pared de tu casa, y tratar de colgar el cuadro en la del tu vecino. Son entornos diferentes, PHP no hará nada en el navegador como lo que quieres.

[pateketrueke]

Y ya se que se hace con javascript

Perfecto, ¿entonces por qué has preguntado en el foro de PHP?

En todo caso es tan simple como lo siguiente:

Código Javascript:

if (/* tu condición lógica */) {
  $('selector').addClass('lo-que-quieras');
}
 

Es decir, tu lógica no está obligada a conectarse a un evento.

Y bueno, tu principal problema es el siguiente:

porque el javascript no tiene que tener un Onclick()

Si has pensado que sería la única forma entonces te hace falta pensar más.

[Chivitoni]

Es que yo inicialmente cree el hilo en css y me lo movieron aqui pero ya sabia que por php no podia cambiarlo