ООП (OOP)-шиза на Javascript

[Alex_3112]

теги meta с description он пока ещё нормально воспринимает

Но если description/keywords не подкреплены текстом на странице, результат ниже.

[crazy-mike]

Но если description/keywords не подкреплены текстом на странице, результат ниже.

В общем случае можно "подкреплённые текстом" страницы понасоздавать - даже из одного текста специально для поисковиков. Но показывать их "нормальному юзеру" совсем не обязательно. :grum:
Тот "шютк" с document.write именно для этого и нужен.

[crazy-mike]

Самое прикольное, что "полностью на Javascript страничка" грузится быстрее. Можно даже окна делать через теги div с z-index. :grum:

[crazy-mike]

Так - просто "набросок". div вместо popup windows.

var Sh = {
   xWindow :function (zicon,ztitle) {
    win=document.createElement("div");
    tt=document.createElement("div"); 
    tt.setAttribute("style",
      "display :table; width :100%; height :1em; background-color :#0000c2; "+ 
      "color :#ffffff; font-weight :bold; text-align :right"
    );
    ico=document.createElement("img");
    ico.style.width="1em"; ico.style.height="1em";
    ico.src=zicon;
    dc1=document.createElement("div");
    dc1.setAttribute("style","display :table-cell; text-align :left");
    dc1.appendChild(ico);
    dc2=document.createElement("div");
    dc2.setAttribute("style","display :table-cell; text-align :center");
    dc2.appendChild(document.createTextNode(ztitle));
    dc3=document.createElement("div");
    dc3.setAttribute("style","display :table-cell; width :1em");
    xclose=document.createElement("img");
    xclose.src="./im/close.gif";
    xclose.style.width="1em"; xclose.style.height="1em";
    xclose.style.border="1px solid";
    xclose.title="ъБЛТЩФШ";
    xclose.style.cursor="pointer";
    xclose.addEventListener("click",
      function(ev) {
        ev.stopPropagation();
        c=ev.currentTarget;
    w=c.parentNode.parentNode.parentNode; m=w.parentNode;
    m.removeChild(w);
      },
      false
    );
    dc3.appendChild(xclose);
    tt.appendChild(dc1);
    tt.appendChild(dc2);
    tt.appendChild(dc3);
    win.appendChild(tt);            
    return win;        
  },
  .....
} 

Ну - примерно как "наши окошки лучше ваших"! Тег div.
"Типа окно" создаётся по w=Sh.xWindow("icon","title");
Для того чтобы его "показать" - w.setAttribute("style","z-index :....; position : ...; ....");
Вообще-то главное - z-index. Кроме того "рабочий стол" желательно забить какой-то "фоновой хреовиной" - иначе "это" нигде кроме Мазиллы не будет правильно "перерисовываться".

[crazy-mike]

:grum::grum::grum:

[марик - камарик]

Мне тоже так кажется.

var aliens = {
nomoney: true,
spaceship: function () {
},
laserCannon: function() {
},
Obama :function() {
}
};

:grum:
Описания функций через запятую!!!! Только aliens могли такое учудить!

А помоему, круто1 Так и должно быть! Жабаскрипт - будуюсее программирования

собственно, почему нет?

[crazy-mike]

А помоему, круто1 Так и должно быть! Жабаскрипт - будуюсее программирования

собственно, почему нет?

Мне оно тоже в последнее время очень сильно нравится. Специально целый вебсайт переделал - там теперь всё через JavaScript + AJAX (фактически существует всего одна (на самом деле две - одна специально для Internet Explorer)) HTML-страница и очень много "модулей на JavaScript. А вместо "окошек" - теги div с разными значениями z-index.
Самое прикольное - что так (через "dynamic JavaScript") можно полностью имитировать почти любой GUI. Основная неприятность - несовместимость моделей обработчиков событий в Internet Explorer в всех остальных браузерах (Mozilla Compatible). Но даже это "преодолимо" (просто код выносится отдельно).
Даже вот таким довольно тупым способом (но всё равно работает):

[algoritm]

А вот например как можно сделать интерфейс работающий за счет движения курсора, это очень быстро, странно что интерфейсы такого типа ещё мало используются
<html>
<head>
<script type="text/javascript">
var a=0;
function mouseOver1()
{
a=1;
document.getElementById("t1").value="so"
}
function mouseOver2()
{
if (a==1)
{
a=0;
document.getElementById("t1").value="some words";
}
}
</script>
</head>
<body>

<textarea width="100" height="50" onmouseover="mouseOver1()"> </textarea>
<textarea width="100" height="50" onmouseover="mouseOver2()"> </textarea>
<br> <br> <br>
<center>
<textarea id="t1">so</textarea>
</center>

</body>
</html>
:cheer:

сейчас кстати этот пример почему то не работает в chrome 4 а в FF3 и IE8 работает,
вот форма для простого тестинга
http://www.w3schools.com/html/tryit....=tryhtml_basic
:grum: :cheer:

[Olezhik]

сейчас кстати этот пример почему то не работает в chrome 4 а в FF3 и IE8 работает,
вот форма для простого тестинга
http://www.w3schools.com/html/tryit....=tryhtml_basic
:grum: :cheer:

пора уже на [JQuery] переходить

[crazy-mike]

сейчас кстати этот пример почему то не работает в chrome 4 а в FF3 и IE8 работает,
вот форма для простого тестинга
http://www.w3schools.com/html/tryit....=tryhtml_basic
:grum: :cheer:

:wink1::wink1::wink1::wink1::wink1::wink1::wink1:: wink1::wink1::wink1::wink1::wink1::wink1::wink1::w ink1::wink1::wink1::wink1:
и не должен работать.
function mOver(ev) { ev.stopPropagation();
.....
}
:wink1::wink1::wink1::wink1:
как минимум.
Ну и вместо a.value="...." надо бы a.textContent="....";