<!-- form.php -->
<div id="ccm-edit-rows">
<?php  foreach($links as $rowInfo) {
    $rowInfo['rowId'] = $rowInfo['position']; //we need some arbitrary unique number other than link cID, because there might be more than one menu item pointing to the same page)
    $rowInfo['pageName'] = Page::getByID($rowInfo['linkToCID'])->getCollectionName();
    $this->inc('edit_row.php', array('rowInfo' => $rowInfo));
} ?>
</div>
 
<div id="rowTemplateWrap" style="display:none">
<?php 
$tmpRowInfo = array(
    'rowId' => 'tempRowId',
    'linkToCID' => 'tempLinkToCID',
    'linkText' => 'tempLinkText',
    'pageName' => 'tempLinkText',
);
$this->inc('edit_row.php', array('rowInfo' => $tmpRowInfo));
?>
</div>
 

 
// auto.js
manualNav_selectSitemapNode = function(cID, cName) {
    ManualNavBlock.addRow(cID, cName);
}
var ManualNavBlock = {
 
    init:function(){},
 
    addRowNewId:0,
    addRow: function(cID, cName) {
        this.addRowNewId--; //negative counter - so it doesn't compete with existing rowIds
        var rowId=this.addRowNewId;
        var templateHTML=$('#rowTemplateWrap .ccm-edit-row').html();
        templateHTML=templateHTML.replace(/tempRowId/g,rowId);
        templateHTML=templateHTML.replace(/tempLinkToCID/g,cID);
        templateHTML=templateHTML.replace(/tempLinkText/g,cName);
        var newRow = document.createElement("div");
        newRow.innerHTML=templateHTML;
        newRow.id='ccm-edit-row'+parseInt(rowId);
        newRow.className='ccm-edit-row';
        document.getElementById('ccm-edit-rows').appendChild(newRow);
    },
 
    // ...
 
}