Форум

daimon0482 · #1 (**permalink**) 20.01.2020, 22:05

здравствуйте, как задать hover элементам с одинаковым idd, например есть форма :

echo"
<form>
<input type="text" class="form" idd="$iduser" value="$title">
<input type="text" class="form" idd="$iduser" value="$name"> 
<input type="text" class="form" idd="$iduser" value="$patronymic"> 
<input type="text" class="form" idd="$iduser" value="$surname"> 
</form>
";

рони · #2 (**permalink**) 20.01.2020, 22:24

daimon0482,
Основные виды селекторов

daimon0482 · #3 (**permalink**) 20.01.2020, 23:03

тогда с одинаковым классом.

echo"
<form>
<input type="text" class="form'.$iduser.'" value="$title">
<input type="text" class="form'.$iduser.'" value="$name"> 
<input type="text" class="form'.$iduser.'" value="$patronymic"> 
<input type="text" class="form'.$iduser.'" value="$surname"> 
</form>
";

рони · #4 (**permalink**) 20.01.2020, 23:08

daimon0482,

вам же дали ссылку

[idd="$iduser"]:hover{}
.class:hover{}

daimon0482 · #5 (**permalink**) 20.01.2020, 23:41

рони,
я что то не понимаю что мне искать по вашей ссылке,
у меня выводится циклом таблица, с информацией обо всех пользователях из базы,
вопрос в том как изменить цвет всех полей связаны с одним из пользователем, при наведение мышкой на его имя или фамилию на любое поле связана с ним?

рони · #6 (**permalink**) 20.01.2020, 23:57

daimon0482,

<!DOCTYPE html>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  .form[idd="$iduser"]:hover{ background-color: #FFFF00;}
.form:hover{ background-color: #FF00FF;}

  </style>

</head>
<body>

<form>
<input type="text" class="form" idd="$iduser" value="$title">
<input type="text" class="form" idd="$iduser" value="$name">
<input type="text" class="form" idd="$iduser" value="$patronymic">
<input type="text" class="form" idd="$iduser" value="$surname">
</form>

<form>
<input type="text" class="form" value="$title">
<input type="text" class="form" value="$name">
<input type="text" class="form" value="$patronymic">
<input type="text" class="form" value="$surname">
</form>


</body>
</html>

рони · #7 (**permalink**) 21.01.2020, 00:00

daimon0482,
может вам tr:hover нужен?

daimon0482 · #8 (**permalink**) 21.01.2020, 00:29

рони,
нет тут совсем по другому

<form>
<input type="text" class="form" idd="1" value="Великий князь московский">
<input type="text" class="form" idd="1" value="Василий">
<input type="text" class="form" idd="1" value="Васильевич">
<input type="text" class="form" idd="1" value="Тёмный">

<input type="text" class="form" idd="2" value="Художник">
<input type="text" class="form" idd="2" value="Иван">
<input type="text" class="form" idd="2" value="Иванович">
<input type="text" class="form" idd="2" value="Шишкин">
.........
..........
</form>

и вот так допустим большой список, idd их я не знаю у каждого пользователя свой, надо при наведение допустим на фамилию Шишкина чтоб hover прошел одновременно по его имя, отчества, фамилия, профессия все что связанно с этим человеком.

daimon0482 · #9 (**permalink**) 21.01.2020, 00:37

рони,
может добавить каждого пользователя в отдельный блок,
а там уже в js как то при наведение на этот блок типа (this) задать.css

<form>
<div>
<input type="text" class="form" idd="1" value="Великий князь московский">
<input type="text" class="form" idd="1" value="Василий">
<input type="text" class="form" idd="1" value="Васильевич">
<input type="text" class="form" idd="1" value="Тёмный">
</div>
<div>
<input type="text" class="form" idd="2" value="Художник">
<input type="text" class="form" idd="2" value="Иван">
<input type="text" class="form" idd="2" value="Иванович">
<input type="text" class="form" idd="2" value="Шишкин">
</div>
.........
..........
</form>

рони · #10 (**permalink**) 21.01.2020, 00:40

daimon0482,

form > div:hover{ background-color: #FF00FF;}

Форум

Справочник

Discord чат

Курсы javascript