Добавить HTML для контроля, а затем добавить событие onclick к одному из объектов HTML?

Question

У меня есть подпрограмма, которая записывает кучу HTML внутри литерального элемента управления. Часть этого HTML - это изображение, к которому я хотел бы добавить событие onclick. Onclick просто нужно предупредить строку, которая у меня есть в том же сабвуфере. Как только генерация HTML завершена, строка для возврата также будет завершена. Так что именно в этот момент мне нужно добавить событие onlick к изображению. Но как я могу это сделать, так как он не распознает элемент управления на этом этапе? Спасибо, ребята.

/ **** РЕДАКТИРОВАТЬ **** /

Хорошо, я изменил ситуацию и просто вставил строку для кнопки с изображением последней, чтобы завершить возвращаемую строку. Однако, когда HTML-код вставлен, строковый тип приводит в замешательство из-за пунктуации. строка может содержать любое количество специальных символов: ',; "и т. д.

вот строка html в коде vb.net

text = "<td style='background-color:#C8DBEC;width:31px;'><img style='cursor:pointer;' id='imgPrint' src='../images/Buttons/printerbtn.png' onclick='printTranscript(" + finalText + ");' /></td>"

так что мой вопрос ... как мне отформатировать finalText, чтобы он передавался на вызов javascript?

Answer 1

Просто привяжите событие клика к вашему изображению. Установите ваше оповещение на finalText и вуаля.

$("#imgPrint").click(alert(finalText));

OR

$("#imgPrint").click(printTranscript(finalText));

finalText может быть сохранен как alt или заголовок на изображении, а затем вы можете получить это также с помощью jQuery, или вы можете установить его в поле без отображения.

С помощью приведенного выше кода вам не нужно нажимать на изображение.

Answer 2

Я думаю, ваш код должен выглядеть следующим образом:

text = @"<td style='background-color:#C8DBEC;width:31px;'><img style='cursor:pointer;' id='imgPrint' src='../images/Buttons/printerbtn.png' onclick='printTranscript(""" + finalText + @""");' /></td>"

Я помещаю двойные кавычки до и после переменной finalText (внутри скобок), иначе ее значение будет проанализировано в javascript как переменное имя.Мне также пришлось поместить знак @ в начале обеих строк, чтобы можно было использовать двойные кавычки (подробнее об этом можно прочитать здесь: http://msdn.microsoft.com/en-us/library/362314fe%28v=vs.71%29.aspx)

Answer 3

Вы используете JQuery? это довольно просто

$ ( '# целевой') HTML ( "" ");.

$ ('# imgPrint'). Click (function () {printTranscript ("+ finalText +");});

Я просто люблю JQuery

Я не тестировал, но это будет примерно так