Hola a tod@s, tengo una lista de dos elementos, al clicar en alguna de los dos se me abre un menú contextual con 3 opciones: Eliminar, Clonar, Abrir.
Yo lo que quiero es que una vez abierto el menú contextual y yo aprete clonar entonces ver en la pantalla la clonación del nodo. Como clonar el nodo ya sé hacerlo, lo que me estoy peleando es saber en que id se ha realizado el clic, si en google o en youtube, para así saber que parámetro meterle a la función que clona el nodo.
Sé que tengo que hacer algo con el target.id, pero no me acabo de aclarar, no sé como implementarlo.
Código HTML:
Ver original <li id="web-google">Google
</li> <li id="web-youtube">YouTube
</li>
<div id="menu-contextual" style="display:none;position:absolute"> <li id="desaparecer">Eliminar
</li> <li id="copiar" onclick="">Clonar
</li> <li id="abrir">Abrir
</li>
Código Javascript
:
Ver originalvar google = document.getElementById("web-google");
var youtube = document.getElementById("web-youtube");
var menu = document.getElementById("menu-contextual");
var eliminarNode = document.getElementById("desaparecer");
var clonarNode = document.getElementById("copiar");
var abrirNode = document.getElementById("abrir");
// Open context menu //
function openMenu(event) {
var posx = event.clientX;
var posy = event.clientY;
menu.style.left = posx + "px";
menu.style.top = posy + "px";
if(menu.style.display == "none"){
menu.style.display = "block";
}else{
menu.style.display = "none";
}
}
// Clonar Node //
function clonar(element){
var clone = element.cloneNode(true);
var newClone = document.getElementsByTagName('ul')[0];
newClone.appendChild(clone);
}
// Events //
google.addEventListener("click", openMenu, false);
youtube.addEventListener("click", openMenu, false);
Saludos y gracias de antemano.