У меня проблема, когда показывается содержимое div.
Я хочу показать div, используя переменную idpost, но я не знаю, как это сделать.
Теперь, когда я нажимаю кнопку показать / скрыть, работает только первый div.
Я хотел бы сделать это, используя идентификатор var. Следующий код — это php-файл, который я использую на странице индекса с включением. Он показывает мне все записи базы данных с массивом.
<?php
include "connections/con1.php";
mysql_select_db($database_con1, $con1);
$query_Recordset1 = "SELECT * FROM `general` ORDER BY `timestamp` DESC LIMIT 9 ";
$result = mySQL_query ( $query_Recordset1 ) ; while ( $row_Recordset1 = mySQL_fetch_array ( $result ) ){
$idpost=$row_Recordset1['idpost'];
$msg_id=$row_Recordset1['timestamp'];
$titulo=$row_Recordset1['titulopost'];
$message=$row_Recordset1['contentpost'];
if (strlen($message) > 100) {
$text = substr($message, 0,600);
echo $idpost;
echo '<div class="article" target="<?php $idpost; ?>">
<div id="noticia">
<h1>
'.$titulo.''." ".''.$msg_id.'
</h1>'.'
<h2 id="noticia_corta">
'.$text.''."...".'
<input type="button" name="answer" value="Show Div" onclick="showDiv()" />
<input type="button" id="hideDivButton" value="Hide Div" onclick="hideDiv()" />
<h2 id="hiddenDiv" style="display:none;">
<div class="answer_list">
'.$message.'
<input type="button" name="answer" value="Show Div" onclick="showDiv()" />
<input type="button" id="hideDivButton" value="Hide Div" onclick="hideDiv()" />
</div>
</h2>
</div>
</div>';
}
} ?>
И это функция js, которая выполняет действие div, но я не знаю, как решить проблему.
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/
libs/jquery/1.3.0/jquery.min.js"></script>
<script type='text/javascript'>
function showDiv() {
document.getElementById('hiddenDiv').style.display = "block";
document.getElementById('noticia_corta').style.display = "none";
}
function hideDiv() {
document.getElementById('hiddenDiv').style.display = "none";
document.getElementById('noticia_corta').style.display = "block";
}
Спасибо ^^
Использовать учебный класс вместо идентификатора. идентификаторам для только 1 элемент и классы для нескольких. В HTML оба div должны иметь один и тот же класс.
<div class="showHide">
В коде Javascript вместо getElementById()
использование getElementsByClassName()
Других решений пока нет …