Проблема с кавычками в сплывающей подсказки

[Katerina23]

Мне нужно изменить вид всплывающей подсказки и я на сайте нашла статью как это можно сделать: Можно ли изменить вид всплывающей подсказки?. Теперь у меня вопрос как передать кавычки через функцию toolTip. Например -Это рисунок: "Машины". Когда я передаю текст с кавычками у меня выдаёт ошибку: 

Uncaught SyntaxError: Unexpected token ILLEGAL

[mrnobody]

Нужно экранировать символ кавычки "

toolTip("Это рисунок: \"Машины\"");
// либо заменить двойные кавычки на одинарные
toolTip('Это рисунок: "Машины"');

https://learn.javascript.ru/string#экранирование-специальных-символов

[Katerina23]

В общем не работает, как не экранируй, всё равно выдаёт ошибку.

<script>
str = "Описание: \"машина\"";
                   cell.innerHTML = "<div onMouseOver=\"toolTip('"+str+"')\" onMouseOut=\"toolTip()\" style=\"width:"+width+"px; height:"+height+"px; word-break:break-all;\">"+img+"</div>";
</script>
                

 

Edited June 23, 2018 by Katerina23

[SelenIT]

Тут проблема в том, что собирается HTML-строка, а в HTML нет экранирования спецсимволов слешем. Для HTML кавычки надо экранировать как ", т.е. 

str = "Описание: "машина""; // строка для дальнейшего вывода в HTML

А еще лучше в выводе использовать типографские кавычки («ёлочки» или “лапки”), которые и выглядят приятнее, и со спецсимволами ни в одном известном мне компьютерном языке не конфликтуют ?

[Katerina23]

Как поставить "ёлочки" и "лапки", а то для написания текста я использую английский кавычки?

[wwt]

Есть два варианта

Копировать напрямую нужный символы из таблицы символов, находится она тут:

Пуск - Все программы - Стандартные - Служебные - Таблица символов.

Либо использовать мнемоники  http://htmlbook.ru/samhtml/tekst/spetssimvoly

С последней ссылки можно и сами символы копировать.

 

[Switch74]

можно использовать 'текст с "двойными кавычками" и все будет работать'

[AlexZaw]

  <p><img src="http://placekitten.com/g/300" alt="Фотография" 
  onMouseOver='toolTip("это \"Котэ\", звать его \"Мурзик\"")'
  onMouseOut="toolTip()"></p>

Остальной код тот же самый что и в вашей ссылке. 

Edited June 25, 2018 by AlexZaw

[Katerina23]

Спасибо за помощь, пришлось не много текст исправить, теперь всё должно работать.