Вложенные кавычки уровень 4 ошибка javascript

Question

У меня есть следующий код (Я сформировал его для большего количества строк, но в моем исходном коде у меня есть он в одной строке, потому что innerHTML не любит новые строки как-то - но , что isn «т проблемы ...):

<?php 
    echo " 
    <img 
     src='1.png' 
     onclick=' 
     document.getElementById(\"my_div\").innerHTML=\" 
      <img src=\\\"1.png\\\" onclick=\\\"alert(\\\\\\\"text\\\\\\\");\\\" /> 
     \"; 
     ' 
    /> 
    "; 
?> 

И где-то в теле есть:

<div id="my_div"></div> 

Так что, когда я нажимаю на изображении, я буду иметь один и тот же образ внутри my_div , Проблема в том, что когда я нажимаю на второе изображение, javascript ничего не предупреждает.

Но когда я изменить это:

alert(\\\\\\\"text\\\\\\\"); 

к этому:

alert(MyText); 

и добавить JavaScript переменную MYTEXT:

<script> 
    MyText = "text"; 
</script> 

теперь работает.

Я думаю, что проблема с этими вложенными кавычками:

\\\\\\\" 

(уровень 4). Есть идеи? Благодарю.

EDIT: Пожалуйста, не пишите здесь еще способы сделать это, я хотел бы знать, почему эти цитаты здесь не работает ..

ВТОРОЙ EDIT: Мне нужно, что PHP есть, потому что это всего лишь часть моего кода (в полном коде мне нужно отображать изображения в цикле ...)

Answer 1

Если вы хотите, чтобы символ кавычки как данные (а не как разделитель атрибутов) в HTML, вы представляют его как " не \"

Answer 2

реорганизовать JS во внешний файл (с функцией, которая будет делать логику onclick), и попытаться вывести что-то более простое с эхом php

Answer 3

Используйте jQuery!

<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script> 
<div id="my_div"></div> 
<img src="1.png" class="my_img" /> 
<img src="2.png" class="my_img" /> 
<img src="3.png" class="my_img" /> 
<script type="text/javascript"> 
    jQuery(function() { 
    $('.my_img').click(function() { 
     $('#my_div').html($(this).clone().unbind()); 
     alert('text'); 
    }); 
    }); 
</script> 

Answer 4

Там нет ничего «динамический» в сценарии - вы не вставляете PHP переменные, так зачем строить, что все это из РНР эхо? Просто есть:

Или, если вы хотите, чтобы сделать его еще чище:

<script type="text/javascript"> 
    function addImg() { 
     document.getElementById('my_div').innerHTML='<img src="1.png" onclick="alert(\'text\')" />'; 
    } 
</script> 

<img src="1.png" onclick="addImg()" />