Как я могу создать переменную JavaScript с моей php переменной в то время как l oop? - PullRequest
Новая
       13

Как я могу создать переменную JavaScript с моей php переменной в то время как l oop?

0 голосов
/ 23 февраля 2020

Я создаю сеть с информацией из базы данных MySQL и хочу, чтобы изображения появлялись после нажатия кнопки. 

              echo "<img align=\"left\"src=\"".$path[$y]."\" alt=\"error\">";
              echo "<img align=\"right\"src=\"".$path_edit[$y]."\" alt=\"error\" id=\"$id[$y]\" style=\"visibility:hidden\">";

              echo "_____________________________________";
              echo "<script type=\"text/javascript\">";
                echo "function showImage() {
                  document.getElementById(\"$id[$y]\").style.visibility=\"visible\";
                }";
              echo "</script>";
              echo "<br><br>";
              echo "<input type=\"button\" onclick=\"showImage();\" value=\"Show Picture\"/>";
              echo "<p>";

Я хочу второе изображение (Изображение с $ PATH_edit [$ y ]) появляться после нажатия в его нижней части. (Кнопка появляется после каждой пары изображений). У меня есть все с echo, потому что это все в l oop, и я хочу, чтобы все это отображало столько раз, сколько входов имеет база данных. Я знаю, что не могу использовать переменные php в Javascript, я пробовал все, но не могу это исправить. Я новичок с php, html и понятия не имею о JavaScript.

Вот так это выглядит без нажатия кнопки Я знаю, что могу поставить идентификатор к изображению, но это будет работать только для первого. Вот как это выглядит после нажатия Я также попробовал это: 

echo "function showImage() {
                      var id_id =  \"$id[$y]\";
                      document.getElementById(id_id).style.visibility=\"visible\";
}";

Весь код: 

                <!DOCTYPE html>


<!--- basic page needs
================================================== -->
<meta charset="utf-8">
<title>Base de Datos ATLAS</title>
<meta name="Una gran base de datos de microscopía" content="">
<meta name="Pablo Cruz" content="">

<!-- mobile specific metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

<!-- CSS
================================================== -->
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/vendor.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="style.css">

<!-- script (I tried to put the function here, bu tit does not work either)
================================================== -->
<script src="js/modernizr.js"></script>

<!-- favicons
================================================== -->
<link rel="shortcut icon" href="logo.jpg" type="image/x-icon">
<link rel="icon" href="logo.jpg" type="image/x-icon">

image

Заранее спасибо.

1 Ответ

0 голосов
/ 23 февраля 2020

сначала маленький совет, отдельно php, javascript и html. Вместе это трудно читать и поддерживать. В противном случае вы создаете функцию на каждом проходе l oop. Меня не беспокоит, что ничего не работает так. Попробуйте это так:

Отправьте идентификатор вашего изображения в качестве параметра функции. Одна функция, которая будет после l oop. 

function showImage(id) {
  document.getElementById(id).style.visibility="visible";
}

и при каждом проходе l oop отправляет функции идентификатор изображения, подобный этому : 

<input type="button" onclick="showImage(\"$id[$y]\");" value="Show Picture">

Наконец, это даст что-то вроде этого:

image

Используйте ' для эха и не " при отображении html это более практично. Удачи в будущем

...