Javascript-форум - задать hover элементам с одинаковым idd

Javascript-форум (https://javascript.ru/forum/)

- Общие вопросы Javascript (https://javascript.ru/forum/misc/)

- - задать hover элементам с одинаковым idd (https://javascript.ru/forum/misc/79294-zadat-hover-ehlementam-s-odinakovym-idd.html)

задать hover элементам с одинаковым idd

здравствуйте, как задать 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>
";

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

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>
";

daimon0482,
:-? вам же дали ссылку

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

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

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>

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

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

<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 прошел одновременно по его имя, отчества, фамилия, профессия все что связанно с этим человеком.

рони,
может добавить каждого пользователя в отдельный блок,
а там уже в 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>

daimon0482,

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