All pastes #906206 Raw Edit

Anonymous

public text v1 · immutable
·published 2008-02-16 13:31 UTC
rendered paste body
<html>
<head>
<title>Untitled</title>
<script type="text/javascript">
function create_nbtn ( txt, lnk, where ) {
	var btn_mnlnk = document.createElement("a");
	var btn_table = document.createElement("table");
	var btn_tbody = document.createElement("tbody");
	var btn_tr = document.createElement("tr");

	var btn_td_left = document.createElement("td");
	var btn_td_right = document.createElement("td");
	var btn_td_middle = document.createElement("td");

	btn_td_left.className = 'nbtn_left' ;
	btn_td_right.className = 'nbtn_right' ;
	btn_td_middle.className = 'nbtn' ;

	btn.onmouseover = function(){
		btn_td_middle.className += ' nbtn_hover';
		btn_td_left.className += ' nbtn_left_hover';
		btn_td_right.className += ' nbtn_right_hover';
		}

	btn.onmouseout = function(){
		btn_td_middle.className   = btn.className.replace(/\w+_hover\b/i,'');
		btn_td_left.className = btnlt.className.replace(/\w+_hover\b/i,'');
		btn_td_right.className = btnrt.className.replace(/\w+_hover\b/i,'');
		}


	btn_td_middle.appendChild(document.createTextNode(txt));

	btn_td_left.appendChild(btn_tr);
	btn_td_middle.appendChild(btn_tr);
	btn_td_right.appendChild(btn_tr);

	btn_tr.appendChild(btn_tbody);
	btn_tbody.appendChild(btn_table);

	btn_table.appendChild(btn_mnlnk);

	btn_mnlnk.href = lnk;

	document.getElementById(where).appendChild(btn_mnlnk);
}
</script>
.nbtn, .nbtn_hover, .nbtn_left, .nbtn_right, .nbtn_left_hover, .nbtn_right_hover {
	height : 16px;
	margin-left : 0px;
	margin-right : 0px;
	margin-bottom : 0px;
	margin-top : 0px;
}

.nbtn_left, .nbtn_left_hover, .nbtn_right, .nbtn_right_hover {
	width : 31px;
}

.nbtn {
	background-image : url('../images/btn/normal_button_middle.png');
	background-repeat : repeat-x;
}

.nbtn_hover {
	background-image : url('../images/btn/normal_button_hover_middle.png');
	background-repeat : repeat-x;
}

.nbtn_left {
	background-image : url('../images/btn/normal_button_left.png');
}

.nbtn_left_hover {
	background-image : url('../images/btn/normal_button_hover_left.png');
}

.nbtn_right {
	background-image : url('../images/btn/normal_button_right.png');
}

.nbtn_right_hover {
	background-image : url('../images/btn/normal_button_hover_right.png');
}

.nbtn a, .nbtn_hover a, .nbtn_left a, .nbtn_right a, .nbtn_left_hover a, .nbtn_right_hover a {
	color : #000000;
	text-decoration : none;
}
<script type="text/css">

</script>

</head>

<body>
<script type="text/javascript">
        window.onload = function() { create_nbtn("This is some text", "index.php", "zone1") }
</script>
<p id="zone1"></p>
</body>
</html>