Архив

Публикации с меткой ‘javascript’
11 февраля 2010 Нет комментариев

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 />

Categories: Javascript Tags: ,
11 февраля 2010 1 комментарий

<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>

Результат будет таким:


Имя прикрепляемого файла:
Или укажите текст:
Categories: Javascript Tags:
11 февраля 2010 Нет комментариев

Для создания кнопки, при нажатии на которую пользователь будет перенаправлен на предидущую страницу используйте следующий html-код:

<button type="button" onclick="javascript:history.back();">Назад</button>

Обратите внимание, что необходимо указать type="button", т.к. атрибут type имеет значение по умолчанию submit, и если кпопка находится внутри формы, форма будет отправляться и страница перезагрузится.

Categories: Javascript Tags:
25 октября 2009 Нет комментариев

html:

<ul id='hornav'>
   <li><a href='#null'>Меню 1</a></li>
   <li><a href='#null'>Меню 2</a>
      <ul>
         <li><a href='#null' target='_blank'>Меню 2.1</a></li>
         <li><a href='#null' target='_blank'>Меню 2.2</a></li>
      </ul>
   </li>
   <li><a href='#null'>Меню 3</a>
      <ul>
         <li><a href='#null'>Меню 3.1</a>
            <ul>
               <li><a href='#null'>Меню 3.1.1</a></li>
               <li><a href='#null'>Меню 3.1.2</a></li>
               <li><a href='#null'>Меню 3.1.3</a></li>
            </ul>
         </li>
         <li><a href='#null'>Меню 3.2</a>
            <ul>
               <li><a href='#null'>Меню 3.2.1</a></li>
               <li><a href='#null'>Меню 3.2.2</a></li>
               <li><a href='#null'>Меню 3.2.3</a></li>
            </ul>
         </li>
         <li><a href='#null'>Меню 3.3</a>
            <ul>
               <li><a href='#null'>Меню 3.3.1</a></li>
               <li><a href='#null'>Меню 3.3.2</a></li>
               <li><a href='#null'>Меню 3.3.3</a></li>
            </ul>
         </li>
      </ul>
   </li>
</ul>

css:

#hornav, #hornav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: 1px solid #000;
	background: #515151;
	float: left;
	width: 100%;
}
#hornav li {
	float: left;
	position: relative;
	background: #515151;
	back\ground: none;
}
#hornav li ul {
	display: none;
	position: absolute;
	padding: 8px 0;
	width: 138px;
}
#hornav a {
	color: #fff;
	text-decoration: none;
	display: block;
	width: 120px;
	padding: 4px 10px;
}
#hornav a:hover {
	color: #fe572a;
	background: #ccc;
}
#hornav li:hover,
#hornav li.jshover {
	background: #333;
}
#hornav li li a {
	width: 118px;
	background: none;
}
#hornav li:hover ul,
#hornav li.jshover ul {
	display: block;
}
#hornav li:hover li ul,
#hornav li.jshover li ul {
	display: none;
	width: 138px;
	top: -9px;
	left: 113px;
}
#hornav li:hover li:hover ul,
#hornav li.jshover li.jshover ul {
	display: block;
}

javascript:

jsHover = function() {
   var hEls = document.getElementById('hornav').getElementsByTagName('LI');
   for (var i=0, len=hEls.length; i<len; i++) {
      hEls[i].onmouseover=function() { this.className+=' jshover'; }
      hEls[i].onmouseout=function() { this.className=this.className.replace(' jshover', ''); }
   }
}
if (window.attachEvent && navigator.userAgent.indexOf('Opera')==-1) window.attachEvent('onload', jsHover);
Categories: CMS Tags: , ,

В адресной строке браузера:
javascript:void(document.body.contentEditable = true);

js-закладка для последующего редактирования:
javascript:void(document.body.contentEditable = (document.body.isContentEditable) ? false : true);

Для устаревших версий браузеров:
javascript:void(document.designMode='on');

Categories: Web Tags: