javascript ссылка не работает

Question

Это заставляет меня немного орехово. Ссылка Javascript должна срабатывать, чтобы заполнить div. Но не работает.

JS

function showNotes(notes,id) { 
    var notes = '<form action="editnotes.php" method="post"><textarea>'+notes+'</textarea><input type="hidden" name="id" value="'+id+'"><input type="submit" name="submit" value="Save Notes"></form>'; 
    var target = 'notebox'; 
    alert(id); 
    document.getElementById(target).innerHTML = notes; 
    return false; 
} 

HTML

<a href='#' onclick='showNotes('hi there','143');'><small>Show Notes</small></a> 
<div id="notebox"></div> 

Answer 1

заключите значение onclick атрибута в двойных кавычках, поэтому одиночные кавычки указать строку в вашей строке.

onclick="showNotes('hi there','143');" 

http://jsfiddle.net/77CKx/

Answer 2

Shredder попал в суть вопроса. У вас есть вложенные кавычки. Однако встроенный JS так не крут. Сделайте это со сценарием, и проблема исчезнет. http://robertnyman.com/2008/11/20/why-inline-css-and-javascript-code-is-such-a-bad-thing/

HTML

<a href="#" id="shownotes"><small>Show Notes</small></a> 

JS

document.getElementById('shownotes').onclick = function() { 
    showNotes('hi there', '143'); 
    return false; 
} 

Answer 3

Похоже, вы нарушаете OnClick с помощью одного апострофа для аргументов функции.

Попробуйте

<a href='#' onclick="showNotes('hi there','143');"><small>Show Notes</small></a> 

Answer 4

Рабочий код:

showNotes = function (notes,id) { 
    var notes = '<form action="editnotes.php" method="post"><textarea>'+notes+'</textarea><input type="hidden" name="id" value="'+id+'"><input type="submit" name="submit" value="Save Notes"></form>'; 
    var target = 'notebox'; 
    alert(id); 
    document.getElementById(target).innerHTML = notes; 
    return false; 
}​ 


<a href='#' onclick="showNotes('hi there','143');"><small>Show Notes</small></a> 
<div id="notebox"></div>​ 

Вы также можете просмотреть его здесь работать: http://jsfiddle.net/ZMZGk/13/