您的位置:首页 > 编程语言

删除垃圾代码前的一些保存

2014-09-21 07:55 106 查看
删除垃圾代码前的一些保存

content_script.js

// window.addEventListener("load", function() {
//     chrome.extension.sendMessage({
//         type: "dom-loaded",
//         data: {
//             myProperty: "this is so cool!!!----One-Time Requests,communication happens only once"
//         }
//     });
// }, true);

//=======================this is for the hover=======================
(function(window){
var document = window.document,
body = document.body,
a = document.getElementsByTagName('a'),  //for get a href,returns a live HTMLCollection of elements with the given tag name
currentLength = a.length,
currentLinks = [],
displayTimeout,
normalURL,
zIndex=100,
container,
containerLabel,
button,
size = 1.0,
rate,
on,
showModel,
hovernow,  //to judge whether the mouse point is on hovering
delayTime;

loadSettings();
addEvents();
drawWindow();

//从storage中获得值,进行初始化工作
function loadSettings(){
chrome.storage.sync.get([
'hoverLinkPosition',
'hoverLinkOffsetX',
'hoverLinkOffsetY',
'hoverLinkNormal',
'hoverLinkDelayTime',
'hoverLinkRate',
'on',
'model'],
function(data){
rate = data.hoverLinkRate;
moveBox(data.hoverLinkPosition, data.hoverLinkOffsetX, data.hoverLinkOffsetY);
normalURL = data.hoverLinkNormal;
delayTime = data.hoverLinkDelayTime;
on = data.on;
showModel = data.model;
// console.log("log in content"+on);
});
}

function moveBox(s,x,y){
// var str = "Hello world!";
//      var res = str.substr(1, 4)
var a = s.substring(0,s.indexOf('-')),
b = s.substr(s.indexOf('-')+1);  // ??
// console.log(a); //top
// console.log(b);  //right
// container.setAttribute('style','z-index:'+zIndex+';');
container.style[a]=y+'px';  //style里面存放json ,所以a,b是key
container.style[b]=x+'px';
container.style['overflow']='scroll';
container.style['max-width']='1450px';
container.style['max-height']='400px';
container.style['-webkit-transform'] = 'scale('+rate+')';
container.style['-webkit-transform-origin'] = '0px 0px';

//"-webkit-transform: scale(0.43);-webkit-transform-origin: 200px 100px;overflow:scroll"
}

function addEvents(){
for(var i=currentLength-1;i>=0;i--){
addEvent(a[i]);
currentLinks.push(a[i]); //放入数组中
}

}

function addEvent(a){
a.addEventListener('mouseover',linkMouseOver,false);//当mouseover触发,调用linkMouseOver
a.addEventListener('mouseleave',linkMouseOut,false);
$('body').on('click',mouseclick);
}

function linkMouseOver(event){
var url = this.href;  //this应该指a标签
//console.log("client :top->"+event.clientY+" left->"+event.clientX +" offset:top->"+window.pageYOffset+" left->"+window.pageXOffset);
container.style['top'] = event.clientY+'px'
container.style['left'] = event.clientX+'px';
hovernow = 1;
displayTimeout = setTimeout(function(){
displayBox();
setTimeout(function(){
mouseOver(url);
},1000);
//mouseOver(url);
},delayTime)

}

function linkMouseOut(event){
console.log('now mouseout');
hovernow = 0;
clearTimeout(displayTimeout); //Prevent the function set with the setTimeout() to execute
if(!container){
//$("body").removeChild(container);
body.removeChild(container);
}else{
container.style.display= 'none';
}

}

function mouseOver(url){
if(hovernow==1){
console.log('now mouseover');
$.post('http://gozoom4235.appspot.com/highlight.php',{url:url},function(webdata){
//displayBox();
if(showModel==1){
insertLabel(webdata);
}else{
showWord(webdata);
}
})
}

}

function mouseclick(event){
clearTimeout(displayTimeout);
if(!container){
//$("body").removeChild(container);
body.removeChild(container);
}else{
container.style.display= 'none';
}
}

function displayBox() {
container.innerHTML = "loading.....";
if(on==1){
body.appendChild(container);//appendChild会把之前所有关于container的以html节点方式加入,到这里才会在html中显示
$(container).show('fast');
}
}

function requestURL(link){
sendMessage({
hoverLink:'findURL',
url:link
});   //jason
}

function sendMessage(message){
//chrome.runtime.sendMessage(message,empty);
}

function empty(){}

//========unknow
function drawWindow() {    //画一个框子显示usrl

var all = document.getElementsByTagName('*');

for ( var i=all.length; i >= 0; i-- ) {
var style = getComputedStyle(all[i]);
if ( !style )
continue;
var z = parseInt(style.getPropertyValue('z-index'));
if ( z > zIndex )
zIndex = z+1;
}

var _container = document.createElement('div'),
_label = document.createElement('div');
_button = document.createElement('button');
_button.onclick = function(){
size = size + 0.1;
set();
};
_button2 = document.createElement('button');
_button2.onclick = function(){
size = size - 0.1;
set();
};
_container.id = 'hoverLinkContainer';
_container.style.zIndex = zIndex;
_container.innerHTML = 'Loading...';
_label.id = 'hoverLinkLabel';
//_label.innerHTML = 'Loading...';  //预先设置的显示
//_label.style.cssText = "-webkit-transform: scale(1.0);-webkit-transform-origin: 0px 0px;"; //for containLabel init
_container.appendChild(_label);
containerLabel=_label; //_label变成节点了?
_button.id = "buttonLarg";
_button2.id = "buttonSmal";
_button.style['background']="white";
_button.style['font-color']="black";
_button.style['margin-top']="5px";
button = _button;
container = _container;
label = _label;

}

// function showFinalURL(url){
//    insertLabel(url);
// }

function insertLabel(txt){
//txt=txt.substring(1,txt.length-1);
container.innerHTML=txt;
//嵌入到文本中(注意是‘’不是“”)
//container.innerHTML='<button onclick="zoomout()">enlarger</button><input type="button" id ="button2" value="smaller" onclick="zoomin()"><div>'+txt+'</div>';
}

function set() {
containerLabel.style.cssText = containerLabel.style.cssText + '; -webkit-transform: scale(' + size + ');-webkit-transform-origin: 0 0;';  }

function showWord(webdata){
$.post('http://gozoom4235.appspot.com/body.php',{webdata:webdata},function(data){ //http://localhost/body.php
console.log(data);
insertLabel(data);});

}

})(window);
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: