Setting URL var to a constant url --- changing textbox parameter

twilitegxa · November 27, 2010

Is there a way to set this javascript code to a constant url rather than allowing a user to type in the url address?


<html>
<head> 
<title></title>
<script type="text/javascript"> 
	var Drag = {};
	var gui;
	var cut;
	var outer;
	var IE;
	var url;
	var site;
	var exp;
	var fade;
	var m={x:0,y:0};
	var pan=false;
	var mouseDown=false;
	var jailbreak;
	function init() {
		IE = document.all?true:false;
		if (!IE) document.captureEvents(Event.MOUSEMOVE);
		document.onmousemove = getMouseXY;
		gui = document.getElementById('gui');
		cut = document.getElementById('cut');
		outer = document.getElementById('outer');
		url = document.getElementById('url');
		site = document.getElementById('site');
		exp = document.getElementById('export');
		fade = document.getElementById('fade');
		url.focus();
		gui.onmousedown = function () {
			url.focus();
			mouseDown = true;
			exp.style.display = '';
			exp.onmouseup = gui.onmouseup = function () {
				mouseDown = false;
				url.value = url.value.split(' ').join('');
				gui.onmousemove = null;
			}
			var tmpX = m.x;
			var tmpY = m.y;
			var tmpSiteY = parseInt(site.style.top);
			var tmpSiteX = parseInt(site.style.left);
			if(!pan) {
				outer.style.top = tmpY+"px";
				outer.style.left = tmpX+"px";
				cut.style.top = -tmpY+parseInt(site.style.top)+"px";
				cut.style.left = -tmpX+parseInt(site.style.left)+"px";
				cut.style.width = site.offsetWidth+"px";
				cut.style.height = site.offsetHeight+"px";
			}
			gui.onmousemove = function () {
				if(pan && mouseDown) { 
					site.style.top = tmpSiteY+(m.y-tmpY)+"px";
					site.style.left = tmpSiteX+(m.x-tmpX)+"px"; 
					cut.style.top = tmpSiteY+m.y-tmpY-parseInt(outer.style.top)+"px";
					cut.style.left = tmpSiteX+m.x-tmpX-parseInt(outer.style.left)+"px";
				} else {
					if(m.y-tmpY<0) { 
						outer.style.top = m.y+"px";
						outer.style.height = (tmpY-m.y)+"px";
						outer.style.minHeight = (tmpY-m.y)+"px";
						cut.style.top = -m.y+parseInt(site.style.top)+"px";
					} else {
						outer.style.height = (m.y-tmpY)+"px";
						outer.style.minHeight = (m.y-tmpY)+"px";
					}

					if(m.x-tmpX<0) {
						outer.style.left = m.x+"px";
						outer.style.width = (tmpX-m.x)+"px";
						cut.style.left = -m.x+parseInt(site.style.left)+"px";
					} else {
						outer.style.width = (m.x-tmpX)+"px";
					}
					exp.style.top = parseInt(outer.style.top)+parseInt(outer.style.height)+"px";
					exp.style.left = parseInt(outer.style.left)+parseInt(outer.style.width)-50+"px"; 

				return false;
				}
				var wSize = window.size();
				cut.style.minHeight = site.style.minHeight = site.style.height = cut.style.height = wSize.height+Math.abs(parseInt(site.style.top))+"px";
				site.style.width = cut.style.width = wSize.width+Math.abs(parseInt(site.style.left))+"px";
				return false;	
			}
			return false;
		}
		return false;
	}

	getMouseXY = function (e) {
		if (IE) {
			m.x = event.clientX + document.body.scrollLeft;
			m.y = event.clientY + document.body.scrollTop;
		} else {
    			m.x = e.pageX;
    			m.y = e.pageY;
  			}
  			if (m.x<0) m.x=0;
  			if (m.y<0) m.y=0;
  			return true;
	}

	window.size = function() {
		var w = 0;
		var h = 0;
		if(!window.innerWidth) {
			if(!(document.documentElement.clientWidth == 0)) {
				w = document.documentElement.clientWidth;
				h = document.documentElement.clientHeight;
			} else {
				w = document.body.clientWidth;
				h = document.body.clientHeight;
			}
		} else {
			w = window.innerWidth;
			h = window.innerHeight;
		}
	return {width:w,height:h};
	}

	Drag.start = function () {
	var elem = document.getElementById('urlbox');
		var dX = m.x-parseInt(elem.style.left);
		var dY = m.y-parseInt(elem.style.top);
		document.body.onmouseup = function () {
			Drag.stop(this);
		}
		document.body.onmousemove = function () {
			elem.style.left = m.x-dX+"px";
			elem.style.top = m.y-dY+"px";
		}
	}
	Drag.stop = function (elem) {
		elem.onmousemove = null;
	}

	changeurl = function (e) {
		var keyCode;
		if(window.event) {
  				keyCode = e.keyCode;
  			} else if(e.which) {
			keyCode = e.which;
		}
		if(32==keyCode) {
			url.value = url.value.split(' ').join('');
		} else if(13==keyCode) {
			cut.src = url.value;
			site.src = url.value;
			return false;
		}
	return true;
	}

	dopan = function (e) {
		var keyCode;
		if(window.event) {
  				keyCode = e.keyCode;
  			} else if(e.which) {
			keyCode = e.which;
		}
		if(32==keyCode) {
			pan=true;
			document.body.style.cursor='move';
		}
	return true;
	}

	stoppan = function (e) {
		pan=false;
		document.body.style.cursor='default';
	return true;
	}

	defaultdisabled = function (e) {
	if (!e)
		event.returnValue = false;
	else
		e.preventDefault();
		return false;
	}

	genIframe = function () {
		var normalCode = "<div style=\"overflow: hidden; width: "+outer.style.width+"; height: "+outer.style.height+"; position: relative;\" id=\"i_div\">\n<iframe name=\"i_frame\" src=\""+url.value+"\" style=\"border: 0pt none ; left: "+cut.style.left+"; top: "+cut.style.top+"; position: absolute; width: "+cut.style.width+"; height: "+cut.style.height+";\" scrolling=\"no\"><\/iframe><\>";
			if(navigator.userAgent.indexOf("Firefox") != -1) {
   					var win = window.open('');
				var doc = win.document;
				doc.open("text/html", "replace");
					var normalDisplay = "<h1>Copy & Paste</h1><textarea style=\"width:400px;height:200px;\">"+normalCode+"</textarea>";
				doc.write(normalDisplay);
				doc.close();
   				} else {
				var example = window.open();
				if(example) {
					var doc = example.contentDocument?example.contentDocument:example.document;					
					var normalDisplay = doc.createElement('textarea');
					normalDisplay.innerText = normalCode;
					normalDisplay.style.width = "400px";
					normalDisplay.style.height = "200px";
					var h2 = doc.createElement('h1');
					h2.innerText = 'Copy & Paste;';
					doc.body.appendChild(h2);
					doc.body.appendChild(normalDisplay);
					example.focus();
				}
			}
		return true;
	}
</script> 
<style type="text/css"> 
* {margin:0px; padding:0px;font-size:12px;font-family: sans-serif;}
body, div { height:100%;}
#outer {
position:absolute;
left:0px;
top: 0px;
width:250px;
height:250px;
overflow:hidden;
}

a {
color: #3d6d91;
text-decoration: none;
}

.black_overlay{
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
.ui_overlay{
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: white;
z-index:1001;
-moz-opacity: 0.0;
opacity:.00;
filter: alpha(opacity=00);
}
</style> 
</head> 
<body style="width:100%;height:100%;overflow:hidden;" onload="init();" ondragstart="return false" onkeydown="return dopan(event);" onkeyup="return stoppan(event);"> 
<iframe id="site" src="http://www.blackhatworld.com" style="width:100%;min-height:100%;height:100%;position:absolute;top:0px;left:0px;z-index:0;border:none;background:#fff;" scrolling="no" onmousedown="return defaultdisabled(event);"></iframe> 
<div id="fade" class="black_overlay" style="z-index:1;" onmousedown="return defaultdisabled(event);"><> 
<div id="outer" style="width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:2;border:none;" onmousedown="return defaultdisabled(event);"> 
<iframe id="cut" src="http://www.blackhatworld.com" style="width:100%;min-height:100%;height:100%;position:absolute;top:0px;left:0px;border:none;background:#fff;" scrolling="no" onmousedown="return defaultdisabled(event);"></iframe><> 
<div id="gui" class="ui_overlay" style="z-index:3;" onmousedown="return defaultdisabled(event);"><> 
<div id="urlbox" style="z-index:4;min-height:20px;height:20px;line-height:20px;border:0px;position:absolute;top:0px;left:0px;"><img style="display:block;float:left" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABFdJREFUeNp0VM1PXFUU/9377nvz3nwwMCjy1Vpg7BBFxEApqF3YyKZNF9Wd0USjLkyMbvsPuHLlxoULN+1Comki6qLVavxIqUgaihFpYWillCIw38PM+7zXMzMFWmPv5OS+N/e+3zm/8zvnIPCyCLw8lHJQnPoSK4cOY214HG26DlrjZCO1B8YY3nzjNVSrJShZpm+KCNxtBH6BLAevsEUYCgL3rdofkqxZAaejTT0Ltr05BJ4OXnwe73/8EVLJw3RLgwwqeNh6AJBxBuX5EXlkbPLD5BNHt2amb4UrlTMtJ05diiUHoIICwK2a690Q9nf6tg7IQCBER8GGOTYCkex5hbUkTup0rrj2yAbXP2sdSL0KyAKY1sYY7wITm4qIM24+zrjhUygqqBZXEMUvNf5Jz82/JwP7C6I8m/nu4upsalDNd/Wq31oeU98+Pajs0iYdqUD9Z0lfKvtuQZUXbqncN5eWayljTn7rExY239U0E8VcGiLWhOyvc7g9eR6iswttLx1D99godC22lxo/b8Nd+wfe5h34Ig+rNwSjla0I63ifcObWdevZXrAmDdH4Abh2AW3HRtF+/Bh47ac0SokGd6MEZ+kOJCtTrrPQ2z1ERgwoKwIEnFjLRg6d2RVpL61DH+xEfPhJhKMd+6rvBPDyFdjpRfilZRjtEuZBC6I5TIcmZZEccg1MJ2DPbQBqhlD+agb5r67AmyDKHa0IJbvhF4qwKzcgw2VE+gTCcReaiJI2nMqLgRshCorBXV7HzvfXUP35D9b9+QsQ8mYGqlqFYYWgNnKo/Hgd/qFOeC8XoA1WqBqawMwEpL8BSjO4LuCvZlGeuYry1O+w55YhdRI6bjQiVI4v4UkKW4cquzAScWj07ERcKDcgR7Tr1A05G870AipTC7Bn0vDdKliHBfYUiZWhQl+3G4DcMutFKV0PKueAJ5rBDEEgJIaScGZvonQhDffyGmS5Ct5pQktFwDJUu3eJwZZEeLgfsQ+eu9cpnJOIlFhBVk+woPrlsD8lOvOUw40yeGsIoo+E2CaQogO1mUd4KIno22Mwj6Rg9HbWu3239dReB9Xah1EJ+NTTi+tAWELri9UjD+ZyCPd3IHqyH9GJIYQGkuTYrLNQkhSWqo4m9npxF7TmRyMVa+/pEvijcVjjvYiffgaRoR6IaAvVHU0i5ROQDZlVCFZdeH86PPZ6DZBcKNUAZbuIpBNPdSDyVj/CowdgJmLQeYgY0C2PKFcJc82Hd20H/g0SrahKlLKLu5T5/rhhjWgph+Kdo2AJp46vfIqGCQS3Fdy/PPjXScA8I2TtB26KcyyKC/RhpgGocIX2U2QH94HJJLVSQJbVIZcseH9bUNs0WaQ2ywx+lqYYRcSW79Han4ekyDmKYYWim6T37sYFhdBiDHy7CWLNBAuMeRj8PLfY13R2Fer+Wfj/A/YyeRsh0DO0TxC/dnO+JUfPP8HEWXIyTbl2HxDvIetfAQYAoOUIbSv9JcAAAAAASUVORK5CYII=" onmousedown="Drag.start();return defaultdisabled(event);"/><input type="text" id="url" style="float:left;min-height:20px;height:20px;width:175px;" value="http://url.here" onkeydown="return changeurl(event);"></input><> 
<div id="export" style="z-index:5;position:absolute;top:0px;left:0px;display:none;"><input type="button" value="Export" style="min-height:20px;height:20px;width:50px;" onclick="genIframe();"></input><> 
</body> </html>

It must be possible?

ohdang888 · November 28, 2010

the way you have this worded: "Is there a way to set this javascript code to a constant url rather than allowing a user to type in the url address?", that does not make sense. Please re-word

twilitegxa · November 28, 2010

I mean, in the JavaScript, it has a var named url that gets set by whatever the user puts in the textbox, and when the user presses enter or return, the page of the url is displayed. I want to know if there is a way to set this JavaScript up to instead of waiting for the user to type in a url in the textbox, if we could eliminate the textbox and set the value of the variable to a specific url instead? Did that make any more sense?

ohdang888 · November 28, 2010

I want to know if there is a way to set this JavaScript up to instead of waiting for the user to type in a url in the textbox, if we could eliminate the textbox and set the value of the variable to a specific url instead?

Well, ya. Just hardcode it into the function....

In other words, set the URL variable manually in the JS function.

twilitegxa · November 29, 2010

Can you help me get this started? I am new to JavaScript and am having a hard time setting the code up correctly. I tried setting the var url to the value of the url I wanted to use, and also setting the value of the textbox to the url I wanted to use, but I do not know how to set toe code to run the script as it loads instead of when the user presses enter on the textbox. Should i set it to the textbox and make it invisible or is there a better way? Can you please help?

twilitegxa · November 30, 2010

I have tried setting the value of the textbox to the url I wanted to use, and then instead of the onKeyRelease event, I tried using onLoad and onFocus, but neither of these are working. Can you please help me with this?

Sign In

Setting URL var to a constant url --- changing textbox parameter

Recommended Posts

twilitegxa

Link to comment

Share on other sites

ohdang888

Link to comment

Share on other sites

twilitegxa

Link to comment

Share on other sites

ohdang888

Link to comment

Share on other sites

twilitegxa

Link to comment

Share on other sites

twilitegxa

Link to comment

Share on other sites

Join the conversation

Browse

Activity

Important Information