JavaScript

[tFF]

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

Восстанавливаю исходные данные по теме.
Взято с официального сайта Мамбы (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]

Вставка строки в позиции курсора с помощью 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');

[tFF]

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

[tFF]

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

[tFF]

Javascript Closures
(var a=function() {..} and more)

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

[tFF]

YUI Compressor - JavaScript Yahoo Safe and Robust Compressor (Packer/Minifier)