Ненавязчивый Javascript для вставки элемента, содержащего RESTful URL Rails?

Question

У меня есть простая страница с одним рендерингом iFrame. Там есть ссылка под названием «Добавить файл», и я бы ненавязчиво хотел прикрепить событие к якору «Добавить файл», чтобы при щелчке он вставлял новый iFrame ниже существующего с увеличенным ID iFrame.

Примером iFrame будет:

<iframe name="uploadForm1" id="uploadForm1" src="<%= upload_file_url %>" height="50" width="800" frameborder="0" scrolling="no"></iframe>

Тогда при нажатии на кнопку «Добавить файл» я получу:

<iframe name="uploadForm1" id="uploadForm1" src="<%= upload_file_url %>" height="50" width="800" frameborder="0" scrolling="no"></iframe>
<iframe name="uploadForm2" id="uploadForm2" src="<%= upload_file_url %>" height="50" width="800" frameborder="0" scrolling="no"></iframe>

Каков наилучший подход (jQuery или Prototype) для достижения этой цели?

Это кажется очень тривиальным, однако, из-за того, что мне нужно отрендерить маршрут upload_file_url, я не слишком уверен, как подойти к нему, не теряя много времени!

Любая помощь приветствуется!

Answer 1

Это должно сделать это для вас:

var g_maxNum = 1; // The latest iframe number

function copyIframe()
{
    // Get the latest iframe
    var iframe = document.getElementById('uploadForm' + g_maxNum);
    g_maxNum++

    // Create a new iframe by cloning the existing one
    var newIframe = iframe.cloneNode(true);
    // Update the properties
    newIframe.name = 'uploadForm' + g_maxNum;
    newIframe.id = newIframe.name

    // Insert it after the last iframe
    iframe.parentNode.insertBefore(newIframe, iframe.nextSibling);
}