Печать страницы

Название: JavaScript
Отправлено: tFF от Апрель 07, 2005, 19:23:46

Динамическое изменение класса в JS

Восстанавливаю исходные данные по теме.
Взято с официального сайта Мамбы (www.mamboserver.com (http://www.mamboserver.com)), уж очень понравилось мне их решение.

javascript:

Код:

sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

html:

Код:

<div id="nav"><ul>
<li class='active'><a href="http://www.mamboserver.com">Mamboserver</a></li>
<li><a href="http://news.mamboserver.com">News</a></li>
<li><a href="http://forum.mamboserver.com">Forums</a></li>
<li><a href="http://mamboforge.net">Projects</a></li>
<li><a href="http://help.mamboserver.com">Help</a></li>
</ul></div>

css:

Код:

div#nav li:hover, div#nav li.sfhover {
  background:url(../images/over_tab_l.png) no-repeat bottom left;
}
div#nav li:hover a, div#nav li.sfhover a {
  background:url(../images/over_tab_r.png) no-repeat bottom right;
}

Название: Вставка строки в позиции курсора с помощь
Отправлено: tFF от Январь 13, 2007, 14:50:46

Вставка строки в позиции курсора с помощью JavaScript (источник (http://alexking.org/blog/2003/06/02/inserting-at-the-cursor-using-javascript))

Цитировать

I discovered a real JavaScript gem in PHPMyAdmin this morning. They have code that inserts content into a <textarea> at the cursor position instead of just at the beginning/end of the content. This is something I thought wasn’t possible - I’m quite pleased I was wrong.

I’ll be glad to see this code spread quickly to web forms that use buttons to aid in styling text and inserting image and link tags. WordPress and other blog and web forum packages would really benefit from this. (PHPMyAdmin is GPL, so any other GPL app should be able to use their code directly with attribution).

Цитировать

Here is a quick look at a generic version of the technique:

Код:

function insertAtCursor(myField, myValue) {
//IE support
if (document.selection) {
myField.focus();
sel = document.selection.createRange();
sel.text = myValue;
}
//MOZILLA/NETSCAPE support
else if (myField.selectionStart || myField.selectionStart == '0') {
var startPos = myField.selectionStart;
var endPos = myField.selectionEnd;
myField.value = myField.value.substring(0, startPos)
+ myValue
+ myField.value.substring(endPos, myField.value.length);
} else {
myField.value += myValue;
}
}
// calling the function
insertAtCursor(document.formName.fieldName, 'this value');

Название: Drop Down Menus
Отправлено: tFF от Август 14, 2007, 13:50:29

http://www.alistapart.com/articles/dropdowns

Название: Top 10 JS Functions
Отправлено: tFF от Декабрь 24, 2009, 00:38:56

http://www.dustindiaz.com/top-ten-javascript/

Название: Re: JavaScript
Отправлено: tFF от Ноябрь 06, 2010, 23:25:04

Javascript Closures (http://jibbering.com/faq/notes/closures/)
(var a=function() {..} and more)

Also:
http://bytes.com/topic/javascript/answers/582971-problem-dynamically-set-onclick

Название: Re: JavaScript
Отправлено: tFF от Ноябрь 07, 2010, 08:51:14

YUI Compressor (http://developer.yahoo.com/yui/compressor/) - JavaScript Yahoo Safe and Robust Compressor (Packer/Minifier)

tFF.msk.ru :: Sharing tFFed mind

Технологично => Веб => Тема начата: tFF от Апрель 07, 2005, 19:23:46