есть раздел с продукцией, продукция берется из базы.
нужно сделать, чтобы при нажатии на продукцию выходило модальное окно с описанием.
сделал таким образом:
CODE (htmlphp):
скопировать код в буфер обмена
скопировать код в буфер обмена
- do
- {
- echo "
- <dialog>
- <div style='text-align:right;'><button id='close".$product_db_row['id']."'><strong>X</strong></button></div>
- <div>".$product_db_row['about']."</div>
- </dialog>
- <button id='open".$product_db_row['id']."' class='product'>
- <div class='product_image'><img src='".$product_db_row['image']."'></div>
- <div class='product_title'><strong>".$product_db_row['title']."</strong></div>
- <div class='product_about'>".strip_tags(substr($product_db_row['about'],0,300))." ...</div>
- </button>
- <script>
- var dialog = document.querySelector('dialog');
- document.querySelector('#open".$product_db_row['id']."').onclick = function() {
- dialog.showModal(); // открыть модальное диалоговое окно
- };
- document.querySelector('#close".$product_db_row['id']."').onclick = function() {
- dialog.close(); // закрыть диалоговое окно
- };</script> ";
- }
- while ($product_db_row = mysql_fetch_array($product_db));