Проблема при подстановке значений
 

Здравствуйте, возникла проблема при подстановке значений

В этом коде при нажатии на клик ми "add();" меняется на New

<script language="JavaScript">  
function add(str) 
    { 
    document.getElementById("obj").innerHTML = "<b>" + str + "</b>"; 
    } 
</script>  

<div onmousedown='add("new")'>click me</div>  

значение: <span id="obj">add(); </span>

Мне же надо было поставить там 20 строк html кода при нажатии, но увы все перестало работать.

<script language="JavaScript">  
function add(str) 
    { 
    document.getElementById("obj").innerHTML = "<b>" + str + "</b>"; 
    } 
</script>  

<div onmousedown='add("         

20 строк html кода

")'>click me</div>  

значение: <span id="obj">add(); </span>

Помогите решить проблему :help: буду благодарен за любую помощь!:)

http://javascript.ru/tutorial/founda...ure#ecmascript
Почитайте про перенос строк. А вообще это делается иначе, через css свойство display - none и block