2016-03-07 22 views
0

我有一個複選框。我想要一個位於頁面底部的div在複選框被點擊時浮動在複選框旁邊。當點擊複選框時,如何從複選框旁邊的頁面float的其他位置創建div?

我該怎麼做?

下面是一些代碼,正在爲我的鼠標懸停。它遠遠超出了我的水平。有沒有更簡單的方法,或者我可以使用這些代碼複選框?

function addreflinkpreview(e) { 
var c; 
var d = "srcElement"; 
var f = "href"; 
this[f] ? c = this : c = e[d]; 
ainfo = c.className.split('|'); 
var g = document.createElement('div'); 
g.setAttribute("id", "preview" + c.className); 
g.setAttribute('class', 'reflinkpreview'); 
g.setAttribute('className', 'reflinkpreview'); 
if (e.pageX) { 
    g.style.left = '' + (e.pageX + 50) + 'px' 
} else { 
    g.style.left = (e.clientX + 50) 
} 
var h = document.createTextNode(''); 
g.appendChild(h); 
var i = c.parentNode; 
var j = i.insertBefore(g, c); 
new Ajax.Request(ku_boardspath + '/read.php?b=' + ainfo[1] + '&t=' + ainfo[2] + '&p=' + ainfo[3] + '&single',{ 
    method: 'get', 
    onSuccess: function(a) { 
     var b = a.responseText || _("something went wrong (blank response)"); 
     j.innerHTML = b 
    }, 
    onFailure: function() { 
     alert('wut') 
    } 
}) 

}

+0

你能後你有哪些不正常的代碼? – jasonwarford

+0

我還沒有任何東西。我的頁面上有一個類似於鼠標懸停的功能,但老實說,我甚至不知道從哪裏開始。 – mzrt

回答

0

一種方式您可以實現這一目標是有定位的轉變。取出click事件的屏幕座標,然後通過在x座標上加或減,絕對定位座標旁邊的div。

相關問題