Как разместить перменную PHP в JS?

Question

[AndRussia]

Здравствуйте, Хлебцы! Наткнулся на следующую проблему..
Имеется три файла- index.php (Указаны важные для вопроса фрагменты):

<?php
	require_once '/pages/db.php';
	require_once '/include/header.php';

?>
<?php if( isset($_SESSION['logged_user']) ) : ?>
	<div class="container">
		<div class="content clearfix">
			<?php 
				$nots = $_SESSION['logged_user']->nots;
				$login = $_SESSION['logged_user']->login;
				if ($_SESSION['logged_user']->login == $login && $_SESSION['logged_user']->nots == $nots) {
					$notifications = '
						Поздравляем с регистрацией!<br>
						Мы будем рады, если вы пригласите<br>
						своих друзей.
					';
				}
			?>
		</div>
	</div>

header.php (Указаны важные для вопроса фрагменты):

<?php if( isset($_SESSION['logged_user']) ) : ?>
	<div class="head-el-one">
		<?php $notifications = 'asd'; ?>
		<script type="text/javascript">
			var pnph = '<?=$notifications;?>'
		</script>
		<p onmouseover="vsplil.show(`var phpn`, this.offsetLeft, this.offsetTop);"
				onmouseout='vsplil.hide()'>
				<ion-icon name="megaphone"></ion-icon>
			</p>
			<div class="top_notify_count">1</div>
	</div>

И main.js - обработчик js кода из header.php:

function podskazka() {
			this.show = function(text,x,y) {
				var div = document.createElement('div');
				div.className = 'podskazka';
				div.id = 'metka';
				div.innerHTML = text;
				var koordx = x - 215;
				var koordy = y + 50;
				div.style.left = koordx + 'px';
				div.style.top = koordy + 'px';
				document.body.appendChild(div);
			}
			this.hide = function() {
				var metka = document.getElementById('metka');
				metka.parentNode.removeChild(metka);
			}
		}
  		var vsplil = new podskazka();

Суть проблемы в том, что я никак не могу поместить в строчку vsplil.show(`var phpn`, (header.php) переменную из php. Скинул вариант, где пробовал делать это методами JS. Пожалуйста, помогите, как можно решить мою проблему?

Comments

[AndRussia]

Евгений, копипаст просто)

Answer 1

[Somewhere Intech]

<?php if( isset($_SESSION['logged_user']) ) : ?>
  <div class="head-el-one">
    <p onmouseover="vsplil.show('<?= $notifications ?>', this.offsetLeft, this.offsetTop);"
        onmouseout='vsplil.hide()'>
        <ion-icon name="megaphone"></ion-icon>
      </p>
      <div class="top_notify_count">1</div>
  </div>

Comments

[AndRussia]

Not working

[Somewhere Intech]

AndRussia, в html разметке рендерится переменная $notifications ?

[AndRussia]

Johnny Lowhunter, da

[Somewhere Intech]

AndRussia, измените функцию

function podskazka() {
console.log('initialized');
      this.show = function(text,x,y) {
console.log(`show notify " ${text} " at ${x + ' ' + y}`);
        var div = document.createElement('div');
        div.className = 'podskazka';
        div.id = 'metka';
        div.innerHTML = text;
        var koordx = x - 215;
        var koordy = y + 50;
        div.style.left = koordx + 'px';
        div.style.top = koordy + 'px';
        document.body.appendChild(div);
      }
      this.hide = function() {
        var metka = document.getElementById('metka');
        metka.parentNode.removeChild(metka);
      }
    }

И проверьте, что падает в консоль

[AndRussia]

Johnny Lowhunter,

[Somewhere Intech]

AndRussia, Ну так.. у Вас main.js не подгружается потому и не работает
И в jquery ошибка какая то левая. Отпендерьте в head код

<script>
function podskazka() {
console.log('initialized');
      this.show = function(text,x,y) {
console.log(`show notify " ${text} " at ${x + ' ' + y}`);
        var div = document.createElement('div');
        div.className = 'podskazka';
        div.id = 'metka';
        div.innerHTML = text;
        var koordx = x - 215;
        var koordy = y + 50;
        div.style.left = koordx + 'px';
        div.style.top = koordy + 'px';
        document.body.appendChild(div);
      }
      this.hide = function() {
        var metka = document.getElementById('metka');
        metka.parentNode.removeChild(metka);
      }
    }
var vsplil = new podskazka();
</script>

И снова чекните консоль

[AndRussia]

Johnny Lowhunter, Все равно `pnph` выводит текстом

[Somewhere Intech]

AndRussia, Так вы поменяйте на код что я в изначальном ответе писал и не будет этого
Пройдитесь заново, начиная с моего ответа до этого камента. Если не заработает - не мучайтесь больше xD

[AndRussia]

Johnny Lowhunter, все точно также

[Somewhere Intech]

AndRussia, Вы же осознаёте что результатом скрипта не может появиться `var phpn`?

<?php if( isset($_SESSION['logged_user']) ) : ?>
  <div class="head-el-one">
    <p onmouseover="vsplil.show('<?= $notifications ?>', this.offsetLeft, this.offsetTop);"
        onmouseout='vsplil.hide()'>
        <ion-icon name="megaphone"></ion-icon>
      </p>
      <div class="top_notify_count">1</div>
  </div>

[AndRussia]

Johnny Lowhunter, У меня просто было написано там `var pnph`. Поменял на Ваш вариант и ничего не работает.