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>