Posted By

EgoAnt on 09/02/11

Tagged

Versions (?)

Last Edited at 09/02/11 08:13am

Statistics

Viewed 542 times

Favorited by 0 user(s)

Related snippets

JavaScript NOSCRIPT Sample

/ Published in: HTML

This is just a quick sample that shows how to have a button visible on a page only if the person has JavaScript enabled.

Highlighted TextExpand

<!DOCTYPE html>
<html>
<head>
<title>JavaScript NOSCRIPT Sample</title>
<style>
	body
	{
		margin: 0px;
		padding: 0px;
		background: url(http://static2.grsites.com/archive/textures/misc/misc221.gif);
	}
	.alphaBkg
	{
		position: fixed;
		width: 100%;
		height: 100%;
		background: #000;
		margin: 0px;
		padding: 0px;
		opacity: .5;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);	
	}
	
	.modal
	{
		position: fixed;
		width: 250px;
		height: 40px;
		background: #cfcfcf;
		border: 4px solid #fff;
		left: 50%;
		margin-left: -125px;
		top: 50%;
		margin-top: -20px;
		text-align: center;
	}
	
	.inputButton
	{
		font-size: 12px;
		width: 200px;
		height:42px;
		position: absolute;
		left: 50%;
		margin-left: -100px;
		top: 50%;
		margin-top: -21px;
	}
	
</style>
</head>
<body>

<input type="button" id="sampleButton" value="Is your JS working?" onclick="alert('Yes! JavaScript Working!');" class="inputButton" style="display: none;" />

URL: http://www.egoant.com/tutorials/samples/JSDisabledSample.html

Report this snippet Tweet