Как взять яваскриптом автоматически генерирующийся айди и вписать его в параграф?
Здравствуйте.
Есть такой код:
<table class="tableTab">
<tr>
<?php
$scan = scandir('Images');
foreach ($scan as $value) {
if ($value != '.' && $value != '..') {
echo '<td id="' . $value . '">' . $value . '</td>';
}
}
?>
</tr>
</table>
Который сканирует папку, и выводит названия изображений в папке - в таблицу. Допустим в папке есть картинка 1.jpg, как сделать так, чтобы при нажатии именно этот td с айди = 1.jpg, то вот здесь: <p class="tabP" id="tabP">...</p> Заместо троеточия вывелся этот айди? Т.е. вывелся бы 1.jpg. Вроде, понятно описал, если что не понятно, могу попробовать объяснить подробнее. Как-то так. Вот весь код, если интересно:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="Style.css">
</head>
<body>
<div class="main">
<div class="cap">
<p class="tabP" id="tabP">...</p>
<img src="close.jpg" alt="" class="tabImg">
<img src="tab.jpg" alt="" class="tabImg">
</div>
<div class="divOpenTab">
<!-- <img src="Images/123.jpg" alt="" name="openTab" id="openTab"> -->
<p></p>
</div>
</div>
<table class="tableTab">
<tr>
<?php
$scan = scandir('Images');
foreach ($scan as $value) {
if ($value != '.' && $value != '..') {
echo '<td id="' . $value . '">' . $value . '</td>';
}
}
?>
</tr>
</table>
</body>
</html>
<script>
</script>
Если хотите могу еще цсс скинуть. |
document.onclick = function(event){
var target = event.target;
if(target.id.indexOf('tab') === 0){
target.innerHTML = target.id;
}
}
|
| Часовой пояс GMT +3, время: 06:22. |