Custom Confirm Box for Link Redirection

14344 views

Added by productions This script creates a confim box. But in addition the code will redirect the page to a given Website when clicked on the left button (OK).

And this code offers the ability to change the buttons' captions. Use the adjustments in the "Adjust Code"-Tab and copy the code to the place where you want the link text. It has been tested to work on Internet Explorer and Firefox.

» Discuss about this code snippet on imvuboard.com

<style type="text/css">
/* by productions published on http://imvu.at/ic160 under CC-Share-alike license */
#imvucodes_confirmbox_niceborder { font-family:Verdana,Arial,Sans-Serif;position:absolute;width:300px;top:300px;left:50%;margin-left:-150px;padding:3px 3px 4px 3px;background:url(http://www.imvucodes.net/src/12153648423894.png); }
#imvucodes_confirmbox_title { text-align:left;font-size:13px;margin:1px 1px 5px 1px;padding:3px;background:#999;color:#FFF;font-weight:bold; }
#imvucodes_confirmbox_box { background:#FFF;color:#333;border:1px solid #999;height:100%; }
#imvucodes_confirmbox_container { text-align:left;font-size:15px;padding:5px;overflow:auto;height:80px; }
#imvucodes_confirmbox_buttons,.imvucodes_net { text-align:right;padding:7px;background:transparent; }
</style>
<script type="text/javascript">
var imvucodes_confirmbox_link_caption = 'Click here!';
document.write('<span onclick="imvucodes_confirmbox_show();" style="cursor:pointer;text-decoration:underline;">' + imvucodes_confirmbox_link_caption + '</span>');
var imvucodes_confirmbox_location_href;
var madeby = 'www.imvucodes.net';
function imvucodes_confirmbox_init(btn1, btn2, titleText, msgText, linkH) {
	imvucodes_confirmbox_location_href = linkH;

	var niceborder = document.createElement('div');
	niceborder.id = 'imvucodes_confirmbox_niceborder';
	niceborder.style.display = 'none';
	
	var box = document.createElement('div');
	box.id = 'imvucodes_confirmbox_box';
	
	var title = document.createElement('div');
	title.id = 'imvucodes_confirmbox_title';
	title.innerHTML = titleText;
	
	var container = document.createElement('div');
	container.id = 'imvucodes_confirmbox_container';
	container.innerHTML = msgText;
	
	var buttons = document.createElement('div');
	buttons.id = 'imvucodes_confirmbox_buttons';
	
	var buttonOne = document.createElement('input');
	buttonOne.setAttribute('value', btn1);
	buttonOne.setAttribute('type', 'button');
	//buttonOne.setAttribute('onclick', 'imvucodes_confirmbox_buttons_one();');
	buttonOne.onclick = imvucodes_confirmbox_buttons_one;

	var buttonTwo = document.createElement('input');
	buttonTwo.setAttribute('value', btn2);
	buttonTwo.setAttribute('type', 'button');
	//buttonTwo.setAttribute('onclick', 'imvucodes_confirmbox_buttons_two();');
	buttonTwo.onclick = imvucodes_confirmbox_buttons_two;
	
	buttons.appendChild(buttonOne);
	buttons.appendChild(buttonTwo);

	box.appendChild(title);
	box.appendChild(container);
	box.appendChild(buttons);
	niceborder.appendChild(box);

	document.getElementsByTagName('body')[0].appendChild(niceborder);
}
function imvucodes_confirmbox_buttons_one() { imvucodes_confirmbox_hide(); location.href = imvucodes_confirmbox_location_href; }
function imvucodes_confirmbox_buttons_two() { imvucodes_confirmbox_hide(); }
function imvucodes_confirmbox_show() { scrollTo(0, 0); document.getElementById('imvucodes_confirmbox_niceborder').style.display = ''; }
function imvucodes_confirmbox_hide() { document.getElementById('imvucodes_confirmbox_niceborder').style.display = 'none'; }
window.onload = function() { imvucodes_confirmbox_init('Yes, I am!', 'No, thanks!', 'Are you sure?', 'Are you sure to visit this website?', 'http://www.imvucodes.net'); }
</script>

Click the code to select, press CTRL+C to copy and CTRL+V to paste at the wanted location.

Adjust code

Share:
Preview: Try this code
Problem? Report

Custom Confirm Box for Link Redirection

14344 views

Adjust code

Comments