HTML Sayfaya BBCode

//
//

var interupt=true;
function findPos(obj) {
var curleft = curtop = 0;
if (obj.offsetParent) {
do {
curleft += obj.offsetLeft;
curtop += obj.offsetTop;
} while (obj = obj.offsetParent);
} return [curleft,curtop];
}

function applyEvent(theObj, theEvent, theFunction){
if(window.addEventListener){ // Mozilla, Netscape, Firefox
theObj.addEventListener(theEvent, theFunction, false);
}else{ // IE
theObj.attachEvent('on' + theEvent, theFunction);
}
}

function closeIt(){
try{
var curr = document.getElementById("curropenhl2l");
}catch(e){
}
if(curr){
curr.parentNode.removeChild(curr);
}
interupt = true;
}

function useHTML(tcode){
var ta = document.getElementById("hl2lta");
ta.value = tcode;
var r1 = document.getElementById("hl2lr1");
r1.style.backgroundColor = "#ffffff";
var r2 = document.getElementById("hl2lr2");
r2.style.backgroundColor = "#aaaaba";
ta.select();
return true;
}

function useBBCODE(tcode){
var ta = document.getElementById("hl2lta");
ta.value = tcode;
var r2 = document.getElementById("hl2lr2");
r2.style.backgroundColor = "#ffffff";
var r1 = document.getElementById("hl2lr1");
r1.style.backgroundColor = "#aaaaba";
ta.select();
return true;
}

function hl2l(e){
var rightclick;
if (!e) var e = window.event;
if (e.which) rightclick = (e.which == 3);
else if (e.button) rightclick = (e.button == 2);
if(!rightclick) return true;

closeIt();

var tw = 360;
var th = 183;

var thisele;
if(!(typeof event == "undefined")){ // Internet Explorer
thisele = event.srcElement;
th = th - 10;
}else if(this){ // Netscape and Firefox
//thisele = this;
thisele = e.currentTarget;
}

var tpage = document.location.href;
var tsrc = thisele.getAttribute("src");
if(tsrc.substr(0,4).toLowerCase()!="http"){
var base;
if(tpage.substr(tpage.length - 1,1)=="/"){
base = tpage;
}else if(tpage.indexOf("/",9)==-1){
base = tpage + "/";
}else{
base = tpage.substr(0,tpage.lastIndexOf("/")+1);
}
var root = base.substr(0,base.indexOf("/",9));
if(tsrc.substr(0,1)!="/"){
tsrc = base + tsrc;
}else{
tsrc = root + tsrc;
}
}
var talt = thisele.getAttribute("alt");
if(talt){
talt = talt.replace("'", "");
}else{
talt = "";
}

thtml = "<a href='"+tpage+"'><img src='"+tsrc+"' alt='"+talt+"'></a>";
tbbcode = "";

var nd = document.createElement("div");
nd.style.width = tw+"px";
nd.style.height = th+"px";
nd.style.border = "1px solid #000000";
nd.style.position = "absolute";
nd.style.fontSize = "12px";
nd.style.fontFamily = "Arial";
texy = findPos(thisele);
nd.style.left = ((texy[0] + (thisele.offsetWidth/2)) - (tw/2))+"px";
nd.style.top = ((texy[1] + (thisele.offsetHeight/2)) - (th/2))+"px";
nd.style.backgroundColor = "#FFF9FF";
nd.setAttribute("id", "curropenhl2l");

//instructions and "close" button
var ndic = document.createElement("div");
var ndc = document.createElement("div");
ndc.style.cssFloat = "right";
ndc.style.styleFloat = "right";
ndc.style.border = "1px solid #444444";
ndc.style.backgroundColor = "#aaaaba";
ndc.style.width = 35+"px";
ndc.style.cursor = "pointer";
ndc.innerHTML = "KAPAT";
ndic.appendChild(ndc);
applyEvent(ndc, "click", closeIt);
var ndi = document.createElement("div");
ndi.style.width = (tw - 50)+"px";
ndi.style.padding = "3px";
ndi.innerHTML = "Sitene yada Forumuna eklemek istersen aşağıdaki HTML yada FORUM yazılarına tıkla ve EKLE";
ndic.appendChild(ndi);

nd.appendChild(ndic);

var r1 = document.createElement("span");
r1.style.width = 35+"px";
r1.style.border = "1px solid black";
r1.style.padding = "1px";
r1.style.backgroundColor = "#ffffff";
r1.style.cursor = "pointer";
r1.style.marginLeft = "3px";
r1.innerHTML = "HTML";
r1.setAttribute("id", "hl2lr1");
applyEvent(r1, "click", function(){useHTML(thtml)});

var s1 = document.createElement("span");
s1.innerHTML = "&nbsp;";
s1.style.width = 10+"px";

var b1 = document.createElement("br");
var b2 = document.createElement("br");
var r2 = document.createElement("span");
r2.style.width = 35+"px";
r2.style.border = "1px solid black";
r2.style.padding = "1px";
r2.style.backgroundColor = "#aaaaba";
r2.style.cursor = "pointer";
r2.innerHTML = "FORUMA";
r2.setAttribute("id", "hl2lr2");
applyEvent(r2, "click", function(){useBBCODE(tbbcode)});

//nd.appendChild(b1);
nd.appendChild(r1);
nd.appendChild(s1);
nd.appendChild(r2);
nd.appendChild(b2);

var ta = document.createElement("textarea");
ta.setAttribute("cols", "40");
ta.setAttribute("rows", "5");
ta.setAttribute("wrap", "soft");
ta.setAttribute("id", "hl2lta");
ta.style.margin = "2px";
applyEvent(ta, "mousemove", function(){document.getElementById("hl2lta").selec t()});

nd.appendChild(ta);

document.body.appendChild(nd);

r1.checked = true;
useHTML(thtml);

thisele.oncontextmenu = function(){if(interupt){interupt = false;return false;};};
nd.oncontextmenu = function(){if(interupt){interupt = false;return false;};};
}

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Language" content="en-us">
<meta name="GENERATOR" content="XnView">
<link rel="stylesheet" type="text/css" href="https://www.r10.net/fooby.css">
<title>Ice Graffiti Part From Germany - ice-graffiti-2.jpg</title>
<script type="text/javascript">
// Hide the caption div if it's empty
function removeIfEmpty() {
var captionDiv = document.getElementById("caption");
if (captionDiv.innerHTML == "\n \n " | captionDiv.innerHTML == "")
captionDiv.style.display = "none";
}
</script>
</head>

<body onload="removeIfEmpty();">
<div class="center">
<h1>Ice's Graffiti Photos</h1>
<div id="navt">
<a href="https://www.r10.net/yeni-baslayanlar/ice-graffiti.html">&lt; Previous</a> | <a href="https://www.r10.net/thumb.html">Thumbnails</a> | <a href="https://www.r10.net/yeni-baslayanlar/ice-graffiti.html">Next &gt;</a>
</div>
<div id="pic" class="content" style="width: 800px;">
<img src="https://www.r10.net/yeni-baslayanlar/ice-graffiti-2.jpg" width="800" height="600" alt="ice-graffiti-2.jpg"><br>
</div>
<div id="caption" class="content" style="width: 800px;">
ice-graffiti-2
</div>
<div id="navb">
<a href="https://www.r10.net/yeni-baslayanlar/ice-graffiti.html">&lt; Previous</a> | <a href="https://www.r10.net/thumb.html">Thumbnails</a> | <a href="https://www.r10.net/yeni-baslayanlar/ice-graffiti.html">Next &gt;</a>
</div>
</div>
</body>

</html>

<script type="text/javascript" src="http://www.seninsiten.vs/hl2l.js"></script>

<img onmouseup="hl2l(event);" src="https://www.r10.net/yeni-baslayanlar/ice-graffiti-2.jpg" width="800" height="600" alt="ice-graffiti-2.jpg">