ManyCodes.com – codes & scripts Get free programming codes and tutorials!

28Jul/090

How to put a print button on your website

Here is how you can put a print button on your website.

Put the code below within your site's source code. If you dont know how to implement this code into your site, please goto how to implement the code to your website

Code:

<!-- Print Page Script
Use this script to have your
users print your HTML page
-->
<SCRIPT LANGUAGE="JavaScript">
if (window.print) {
document.write('<form> '
+ '<input type=button name=print value="Click" '
+ 'onClick="javascript:window.print()"> To Print this page!</form>');
}
// End -->
</script>
<font face="Tahoma"><a target="_blank" href="http://www.manycodes.com/category/java/javascript-codes/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font>
28Jul/090

How to put a back and forward button on your website

Here is how you can put a back and forward button on your website.

Put the code below within your site's source code. If you dont know how to implement this code into your site, please goto how to implement the code to your website

Code:

<!-- this script is from www.manycodes.com -->
<!-- Start of Back/Forward Buttons Script-->
<!-- Instructions: Just put this script anywhere on your webpage
 and you will give your visitor 2 Back and Forward Navigation
 buttons.  Designed for websites that have multiple webpages.
-->
<SCRIPT LANGUAGE="JavaScript">
<!-- hide this script tag's contents from old browsers
function goHist(a)
{
 history.go(a);      // Go back one.
}
//<!-- done hiding from old browsers -->
</script>
<FORM METHOD="post">
<INPUT TYPE="button" VALUE="  BACK " onClick="goHist(-1)">
<INPUT TYPE="button" VALUE="FORWARD" onClick="goHist(1)">
</form>

<!-- End of Back/Forward Buttons Script -->

<font face="Tahoma"><a target="_blank" href="http://www.javascriptfreecode.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font></textarea>
<br>
<input style="CURSOR: hand" id="copy" onclick="highlight('copypaste');" value="Highlight &amp; copy to clipboard" style="border: 1px solid rgb(206, 44, 13); color: rgb(206, 44, 13); font-family: Tahoma; font-size: 8pt; background-color: rgb(227, 229, 231);" type="button"></p>
 <p>

 <a href="index.htm">
 <img border="0" src="images/home2.gif" width="17" height="17">
 Back to main page</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
 <a href="contactus.htm">
 <img border="0" src="images/icon_friends_20x20.gif" width="20" height="20">Contact
 us for any questions or comments</a></p>
 </form>
 </td>
 </tr>
 <tr>
 <td height="42" align="left" valign="top">
 <p align="center">The code is active (<b>Sample Code</b>):
 you can see it in the area below or on the page</td>

 </tr>
 </table>
 <p align="center">

<!-- Start of Back/Forward Buttons Script-->
<!-- Instructions: Just put this script anywhere on your webpage
 and you will give your visitor 2 Back and Forward Navigation
 buttons.  Designed for websites that have multiple webpages.
-->
<SCRIPT LANGUAGE="JavaScript">
<!-- hide this script tag's contents from old browsers
function goHist(a)
{
 history.go(a);      // Go back one.
}
//<!-- done hiding from old browsers -->
</script>
<FORM METHOD="post">
<INPUT TYPE="button" VALUE="  BACK " onClick="goHist(-1)">
<INPUT TYPE="button" VALUE="FORWARD" onClick="goHist(1)">
</form>

<!-- End of Back/Forward Buttons Script -->
<pre><font face="Tahoma"><a target="_blank" href="http://www.manycodes.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font>
</pre>
</td>
 <td width="4" align="left" valign="top"> </td>
 </tr>
 </table></td>
 </tr>
 <tr>
 <td><img src="images/trans.gif" width="10" height="10"></td>
 </tr>
 <tr>
 <td height="32" background="images/bottom_bg.gif">
 <a name="©">©</a> 2006. All rights reserved, Designed by:
 <a href="http://www.manycodes.com/"><span style="text-decoration: none">
free codes</span></a></td>
 </tr>
 </table></td>
 </tr>
</table>
</body>
</html>
<pre><font face="Tahoma"><a target="_blank" href="http://www.manycodes.com/category/java/javascript-codes/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font></pre>
28Jul/090

How to a put a button to goto the go to top of page

Here is how you can put a button to goto the go to top of page.

Put the code below within your site's source code. If you dont know how to implement this code into your site, please goto how to implement the code to your website

Code:

<!-- this script is from www.manycodes.com -->
<!-- START OF Watermark Jump to Top Link DHTML -->


<!-- SUMMARY BRIEF

 This DHTML script will put a small watermark
 link in the bottom right corner of your page
 that will stay there even when the page scrolls.
 This link will always take the user back to
 the top of the page.

-->


<!-- Put this portion of the script inside of your <HEAD> tag -->


<script>
<!--

// Change this text to the text that you want to be displayed as the link on your page.

var displayed="<nobr><font size=2 face=Arial><b>[Top]</b></font></nobr>"

// === DO NOT EDIT ANYTHING BELOW THIS LINE!!! === //

var logolink='javascript:window.scrollTo(0,0)'
var ns4=document.layers
var ie4=document.all
var ns6=document.getElementById&&!document.all

function regenerate(){
window.location.reload()
}
function regenerate2(){
if (ns4)
setTimeout("window.onresize=regenerate",400)
}

if (ie4||ns6)
document.write('<span id="logo" style="position:absolute;top:-300;z-index:100">'+displayed+'</span>')

function createtext(){ //function for NS4
staticimage=new Layer(5)
staticimage.left=-300
staticimage.document.write('<a href="'+logolink+'">'+displayed+'</a>')
staticimage.document.close()
staticimage.visibility="show"
regenerate2()
staticitns()
}

function staticit(){ //function for IE4/ NS6
var w2=ns6? pageXOffset+w : document.body.scrollLeft+w
var h2=ns6? pageYOffset+h : document.body.scrollTop+h
crosslogo.style.left=w2
crosslogo.style.top=h2
}

function staticit2(){ //function for NS4
staticimage.left=pageXOffset+window.innerWidth-staticimage.document.width-28
staticimage.top=pageYOffset+window.innerHeight-staticimage.document.height-10
}

function inserttext(){ //function for IE4/ NS6
if (ie4)
crosslogo=document.all.logo
else if (ns6)
crosslogo=document.getElementById("logo")
crosslogo.innerHTML='<a href="'+logolink+'">'+displayed+'</a>'
w=ns6? window.innerWidth-crosslogo.offsetWidth-20 : document.body.clientWidth-crosslogo.offsetWidth-10
h=ns6? window.innerHeight-crosslogo.offsetHeight-15 : document.body.clientHeight-crosslogo.offsetHeight-10
crosslogo.style.left=w
crosslogo.style.top=h
if (ie4)
window.onscroll=staticit
else if (ns6)
startstatic=setInterval("staticit()",100)
}

if (ie4||ns6){
window.onload=inserttext
window.onresize=new Function("window.location.reload()")
}
else if (ns4)
window.onload=createtext

function staticitns(){ //function for NS4
startstatic=setInterval("staticit2()",90)
}

//-->
</script>


<!-- END OF Watermark Jump to Top Link DHTML -->

<font face="Tahoma"><a target="_blank" href="http://www.manycodes.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font>
28Jul/090

How to Close the browser with a button

Here is how you can close the browser with a button.

Put the code below within your site's source code. If you dont know how to implement this code into your site, please goto how to implement the code to your website

Code:

<!-- this script is from www.manycodes.com -->
<!-- Start of Close Browser Script -->
<!-- When the "Close Window" button is clicked, this script
 will close the browser window that the webpage is in.
-->
<script language="JavaScript">
<!--

function closeIt() {
 close();
}

// -->
</script>

<center>
<form>
<input type=button value="Close Window" onClick="closeIt()">
</form>
</center>

<!-- End of Close Browser Script -->

<font face="Tahoma"><a target="_blank" href="http://www.manycodes.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font>