я создал веб-страницу, на которой я загружаю изображения в базу данных и снова отображаю их из базы данных .. при загрузке изображения я добавляю к нему комментарий в textarea, и при повторном отображении комментарий отображается и также доступен для редактирования, теперь я добавил добавьте текстовую область комментария с отображением нет и хотите отобразить его при нажатии кнопки с функцией jquery show.
Я могу показать (используя jquery) текстовую область (имел свойство display: none) при нажатии кнопки «Добавить комментарий», но проблема в том, что она всегда открывает текстовую область для последнего загруженного изображения
я читал об использовании ближайшего свойства jquery, но оно не работает в моем коде, возможно, я что-то упускаю, чего не знаю
Это мой требуемый CSS, который понадобится, если вы попытаетесь запустить программу ..
#commen{
display:none;
}
#sq {
background-image:url("wood.jpg");
margin-top:1%;
margin-left:30%;
margin-right:20%;
height: 70%;
width:40%;
float:left;}
Код, где я отображаю изображения и ввод комментариев при загрузке, есть кнопка добавления, которая дает
function displayimage()
{
<div id="sq">
<?php
$servername = "localhost";
$username = "root";
$password = "";
$dbname = "databaseimage";
// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
$sql = mysqli_query($conn,"SELECT * FROM images order by image_id DESC");
while ($image = mysqli_fetch_assoc($sql))
{
echo ' <img src="data:image/jpeg;base64,'.base64_encode( $image['url'] ).'" width="100%" height="100%">';
$id=$image['image_id'];
$sqlit = mysqli_query($conn,"SELECT * FROM images_comments where comment_id='$id'");
$image1 = mysqli_fetch_assoc($sqlit);
$text = $image1['text'];
echo "<form method='post' action='page.php'>
<textarea name='comment' onblur=style.backgroundColor='darkgray' onclick=style.backgroundColor='white'>$text</textarea>
<input type='hidden' name='imageID' value='$id'/>
<input type='submit' name='submitComment' value='Submit'></form>";
echo "<div id='commen'>
<form method='POST' action='comm.php'>
<textarea name='commentx'></textarea>
<input type='submit' name='Adcom' value='Add'>
</form>
</div><a class='comment'>Add Comment</a>";
echo nl2br("\n");
}
?>
</div>
моя функция jquery
<script>
$(document).ready(function(e) {
$('.comment').click(function(){
$('#commen').show();
});
});
</script>
Я просто не знаю, как использовать ближайшую функцию.
Просто нужно знать, как правильно использовать ближайшую функцию здесь
Любая помощь приветствуется, спасибо …
Я также попробовал этот код, чтобы показать ..
$('.comment').click(function(){
$(this).prev().show();
});
0
Решение
Во-первых, у вас не должно быть нескольких элементов с одинаковыми id
на той же странице. То, что вы, вероятно, хотите в своем JavaScript
$('.comment').click(function(){
$(this).prev().show();
});
0
Другие решения
Других решений пока нет …
я создал веб-страницу, на которой я загружаю изображения в базу данных и снова отображаю их из базы данных .. при загрузке изображения я добавляю к нему комментарий в textarea, и при повторном отображении комментарий отображается и также доступен для редактирования, теперь я добавил добавьте текстовую область комментария с отображением нет и хотите отобразить его при нажатии кнопки с функцией jquery show.
Я могу показать (используя jquery) текстовую область (имел свойство display: none) при нажатии кнопки «Добавить комментарий», но проблема в том, что она всегда открывает текстовую область для последнего загруженного изображения
я читал об использовании ближайшего свойства jquery, но оно не работает в моем коде, возможно, я что-то упускаю, чего не знаю
Это мой требуемый CSS, который понадобится, если вы попытаетесь запустить программу ..
Код, где я отображаю изображения и ввод комментариев при загрузке, есть кнопка добавления, которая дает
моя функция jquery
Я просто не знаю, как использовать ближайшую функцию.
Просто нужно знать, как правильно использовать ближайшую функцию здесь
Любая помощь приветствуется, спасибо …
Я также попробовал этот код, чтобы показать ..
Решение
Во-первых, у вас не должно быть нескольких элементов с одинаковыми
id
на той же странице. То, что вы, вероятно, хотите в своем JavaScriptДругие решения
Других решений пока нет …