HTML в DIV

[StormBreaker]

Здравейте на всички които разбират от javascript. Искам съвсем малка функцийка, която като я повикам с един noClick да ми добавя html код в DIV с ID "addtext". Ако може и нещо, което трие всичко от този див. А за хтмл кода искам аз да си го направя какво да вкарва. :?:

 

[datamatrix]

Demo

<html>
 <head>
  <title>javascript and div</title>
  <script language="javascript" type="text/javascript">
  
  </script>
  <style type="text/css">
   #addtext { border-width: 1px; border-style: solid; border-color: green; }
   body { color: black; background-color: white; font-family: 'arial'; font-size: 14pt; }
   a, a:visited { color: navy; text-decoration: none; }
   a:hover { text-decoration: underline; color: blue; }
   a:active { color: red }
  </style>
 </head>
 <body>
  <a href="#" onclick="javascript: emptydiv();">empty</a>
  <a href="#" onclick="javascript: setdiv();">set</a><br />
  <div id="addtext">original text</div>
 </body>
</html>

 

[StormBreaker]

Незнам защо това при мен не работи. На демото става, но като го сложа в мойта страница и нестава. Сложил съм DIV-а сложил съм javascript кода, сложил съм линка и като го натискам единственото, което става е, че ме праща най-горе на страницата. Пробвах да направя да го слага в един <tr> и пак неще.

Ако занеш начин как да добавям още <input type="text" name="zazz[]" size="52"><br /> в форма с javascript също ще ми свърши работа.

 

[datamatrix]

Видя ли ми демото? То работи, а това за началото ще го махна. Не видях в твоя сайт къде си сложил тоя код, ама айде. Това за добавянето на input, мисля, че може да стане. Сега обаче излизам. Като се върна ще видя, какво може да се измисли.

 

[StormBreaker]

Намерих код, който ми върши работа, но той ми добавя в края на таблицата нов ред, а на мен ми трябва да е някъде посредата. Ако може това да се промени, за да добавя в <tr>, а не в <table> ще съм те много благодарен

<script language="javascript" type="text/javascript">
function addRowHTML (tableID, html) {
  if (document.getElementById && !document.all) {
    var table = document.getElementById(tableID);
    var tbody = table.tBodies[table.tBodies.length - 1];
    var range = document.createRange();
    range.setStartAfter(tbody.lastChild);
    var docFrag = range.createContextualFragment(html);
    tbody.appendChild(docFrag);
  }
}
</script>

<input type="button" value="Добави още" onclick="addRowHTML('table', 
'<td><input type=text name=zazz[] size=52></td>');">

Да добавя в <tr id="addtext">

И как да го направя вместо <input type=text name=zazz[] size=52> така <input type="text" name="zazz[]" size="52"> без да ми дава грешки? :roll: