Iniciar sesiónCerrar
Correo:
Contraseña:
Entrar
Recordar sesión en este navegador
Iniciar sesiónIniciar sesiónCrear cuentaCrear cuenta
LWP » Foros » PHP » Cambiar color lista

PHP - Cambiar color lista

Volver
Nuevo Tema
<<>>
 
Vista:
sin imagen de perfil
Val: 54
Ha aumentado 1 puesto en PHP (en relación al último mes)
Gráfica de PHP

Cambiar color lista

Publicado por Sergio (112 intervenciones) el 30/12/2021 19:34:33
Buenas tardes. Tengo una lista (<ul> <li>) que se crea dinámicamente con PHP. Cada elemento es un link. Me gustaría saber cómo cambiar el color de un link al hacer click sobre él (ésto ya se hacerlo con jquery) pero que al hacer click en otro link de la lista, el anterior link vuelva a su color y al link que hemos hecho click cambie de color. No sé si me he explicado bien. Gracias. Un saludo
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Alejandro
Val: 1.634
Plata
Ha mantenido su posición en PHP (en relación al último mes)
Gráfica de PHP

Cambiar color lista

Publicado por Alejandro (840 intervenciones) el 02/01/2022 16:54:23
  • Alejandro se encuentra ahora conectado en el
  • chat de PHP
A ver si es esto lo que buscas.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<style>
	li{
		display:inline-block;
		min-width: 8rem;
		text-align:center;
		border:solid 1px #eee;
	}
	a.active li{
		background:gold;
		border:solid 1px #999;
	}
	li:hover{
		background:yellow;
		border:solid 1px #999;
	}
</style>
<ul>
	<a href="?link=1" class="<?php echo ($_GET['link']==1) ? 'active' :'' ; ?>"><li>Uno</li></a>
	<a href="?link=2" class="<?php echo ($_GET['link']==2) ? 'active' :'' ; ?>"><li>Dos</li></a>
	<a href="?link=3" class="<?php echo ($_GET['link']==3) ? 'active' :'' ; ?>"><li>Tres</li></a>
</ul>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
sin imagen de perfil
Val: 54
Ha aumentado 1 puesto en PHP (en relación al último mes)
Gráfica de PHP

Cambiar color lista

Publicado por Sergio (112 intervenciones) el 03/01/2022 10:40:37
Buenos días. Ya lo he conseguido. Os pongo el código
Primero os pongo la lista:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<ul class="list-unstyled mb-0" id="lista_tipo_prendas">
                <?php
 
                  $sql_tipo_prenda = "SELECT * FROM tipo_prenda WHERE idgenero = 1";
                  $resultado = mysqli_query($conexion, $sql_tipo_prenda);
 
                  while($fila = mysqli_fetch_array($resultado)){
 
                    ?>
                    <li class="mb-1 clase_prenda"><a class="tipo_prenda" href="#"
                       data-idgenero = "<?php echo $fila['idgenero'];?>"
                       data-idtipoprenda = "<?php echo $fila['id_tipo_prenda'];?>"
                       data-prenda = "<?php echo $fila['prenda'];?>"
                       class="d-flex"><span><?php echo $fila['prenda']; ?></span></a></li>
 
                  <?php
                  }
                ?>
              </ul>

Y ahora el código jquery:

1
2
3
4
$(".clase_prenda").click(function(){
        var tipo_prenda = $(this).index();
        $('.clase_prenda a').css('color', '').eq(tipo_prenda).css("color", "red");
      });

Muchas gracias.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar