javascript - script only firing on text link, not span -

javascript - script only firing on text link, not span -

first post go easy on noobness!

i have script opens popup window when linked text clicked, want rid of text , utilize empty span background img link. needless script not work span , i'd appreciate pointers on how modify work (or suggest workarounds if ain't gonna work on empty span).

current link construction (which uses text link trigger js window containing thelink.com):

<a href="http://thelink.com" class="pop"> <span class="icon_bg"><!-- empty span image background --></span> text here </a>

desired link construction (no text, empty span bg img):

<a href="http://thelink.com" class="pop"> <span class="icon_bg"><!-- empty span image background --></span> </a>

current script:

function popwin() { function addevent(element, eventname, callback) { if (element.addeventlistener) { element.addeventlistener(eventname, callback, false); } else { element.attachevent("on" + eventname, callback); } } function init() { var links = document.queryselectorall('a.pop');     for (var = 0; < links.length; i++) { popwin.addevent(links[i], 'click', popwin.popup)     } } function openpopup(e) { var top = (screen.availheight - 500) / 2; var left = (screen.availwidth - 500) / 2; var e = (e ? e : window.event);     var target = (e.target ? e.target : e.srcelement); var popup = window.open( target.href, 'social', 'width=550,height=420,left='+ left +',top='+ top +',location=0,menubar=0,toolbar=0,status=0,scrollbars=1,resizable=1' ); if(popup) { popup.focus(); e.preventdefault(); homecoming false; } homecoming true; } homecoming { init: init, popup: openpopup, addevent: addevent }} var popwin = new popwin(); popwin.addevent(window, 'load', popwin.init)

my hunch somehow define span tag target using .nodename. help appreciated.

you can utilize <span>&nbsp</span> simulate invisible text , cause span width.

javascript