HTML:
<td style="cursor: pointer;" id="logo" onclick="window.location.href='/'"></td>
CSS:
#logo {
background: url(logo.png) no-repeat;
height: 100px;
width: 200px;
}
Можно использовать в header сайта, для перехода на главную страницу при нажатии на логотип. Преимущества такого способа заключаются в том, что пропадает возможность при клике правой кпопкой мыши сохранить логотип, как было бы в том случае, если поместить в эту ячейку <a href="/"><img src="logo.png" atl="logo" /></a>
1. Запрет правой кнопки мыши (к сожалению только для Internet Explorer):
<script type="text/javascript" language="JavaScript">
document.oncontextmenu = new Function("return false");
</script>
или более сложный вариант (также работает только для Internet Explorer):
<script type="text/javascript" language="JavaScript">
var mymessage = "Материалы защищены от копирования.";
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
}
function rtclickcheck(keyp){
if (document.layers && keyp.which != 1) {
alert(mymessage);
return false;
}
if (document.all && event.button != 1) {
alert(mymessage);
return false;
}
}
document.onmousedown = rtclickcheck
</script>
2. Запрет кеширования страницы (добавить в head):
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv=Cache-Control content=no-cache />
<script type='text/javascript'>
function sel_iff()
{
if(document.htm.iffile.checked)
{
document.htm.namefile.disabled=false;
document.htm.text.disabled=true;
}
else
{
document.htm.namefile.disabled=true;
document.htm.text.disabled=false;
}
}
</script>
<form action='' name='htm'>
<label for='iffile'>Прикрепить файл:</label><input type='checkbox' onclick='sel_iff()' name='iffile' id='iffile' value='on' /><br />
Имя прикрепляемого файла:<input type='text' disabled name='namefile' /><br />
Или укажите текст:<input type='text' name='text' id='text' />
</form>
Результат будет таким:
Для создания кнопки, при нажатии на которую пользователь будет перенаправлен на предидущую страницу используйте следующий html-код:
<button type="button" onclick="javascript:history.back();">Назад</button>
Обратите внимание, что необходимо указать type="button", т.к. атрибут type имеет значение по умолчанию submit, и если кпопка находится внутри формы, форма будет отправляться и страница перезагрузится.