Javascript non intrusif pour insérer un élément qui contient une URL Rails RESTful?

Question

J'ai une page simple avec un seul iFrame rendu. Il ya un lien appelé "Ajouter un fichier" et discrètement je voudrais attacher un événement à l'ancre "Ajouter un fichier" de sorte que lorsqu'il est cliqué, il insère un nouveau iFrame en dessous de celui existant avec l'ID de l'iFrame incrémenté.

Un exemple de l'iFrame serait:

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

Ensuite, en cliquant sur le bouton « Ajouter un fichier » je finirais avec:

<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> 

Quelle serait la meilleure approche (jQuery ou Prototype) pour accompagner cela?

Cela semble très trivial, cependant, en raison du fait que j'ai besoin de rendre la route upload_file_url, je ne sais pas trop comment l'aborder sans perdre beaucoup de temps!

Toute aide est appréciée!

Answer 1

Cela devrait le faire pour vous:

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); 
}