Lekcja 37 - praca domowa

Dział poświęcony JavaScriptowi - tworzeniu dynamicznym stron WWW.

Lekcja 37 - praca domowa

Postprzez keymillo » czwartek, 8 września 2016, 19:08

Cześć,

Chciałbym się tylko upewnić czy poprawnie wykonałem zadanie domowe, chodzi o przygotowanie skryptu, który będzie usuwał funkcję i zdarzenie z innego obiektu, a także uwzględniał wcześniejsze wersje IE. W Firefox wszystko działa poprawnie, ale nie wiem jak w poprzednich wersjach IE, i czy ogólnie kod jest poprawny, czy można było to lepiej napisać.

To mój kod (dla uproszczenia wszystko w pliku html):

<!doctype html>
<html>
<head>
</head>

<body>
<div id="test">Ten tekst sluzy do testu</div>

<div id="stop">STOP POWIEKSZANIE</div>

<script>

function makeEvent(obj, eventName, functionToInvoke)
{
if (document.addEventListener)

obj.addEventListener(eventName, functionToInvoke);

else
obj.attachEvent("on"+eventName, functionToInvoke);
}

function removeEvent(obj1, obj2, eventName1, eventName2, functionToCancel)
{
if (document.removeEventListener)

obj1.addEventListener(eventName1, function() {obj2.removeEventListener(eventName2, functionToCancel);});

else
obj1.attachEvent("on"+eventName1, function() {obj2.detachEvent("on" + eventName2, functionToCancel);});
}

function zmienKolor()
{
this.style.color="red";
}

function zmienKolor2()
{
this.style.color="black";
}

function powiekszCzcionke()
{
var fontSize = parseInt(window.getComputedStyle(this).fontSize);
this.style.fontSize = (++fontSize) + "px";
}

var test = document.getElementById("test");
var stop = document.getElementById("stop");

window.onload = function ()
{
makeEvent(test, "mouseover", zmienKolor);
makeEvent(test, "mouseover", powiekszCzcionke);
makeEvent(test, "mouseout", zmienKolor2);
removeEvent(stop, test, "click", "mouseover", powiekszCzcionke);
}

</script>
</body>
</html>
keymillo
Nowicjusz
 
Posty: 3
Dołączył(a): czwartek, 8 września 2016, 18:57

Re: Lekcja 37 - praca domowa

Postprzez Morfidon » piątek, 9 września 2016, 13:07

Hej,

Czy mógłbyś zamieścić kod tutaj:
https://jsfiddle.net/

?

Pozdrawiam
Morfidon
Administrator
Administrator
 
Posty: 1309
Dołączył(a): wtorek, 5 sierpnia 2008, 21:48

Re: Lekcja 37 - praca domowa

Postprzez keymillo » piątek, 9 września 2016, 19:35

keymillo
Nowicjusz
 
Posty: 3
Dołączył(a): czwartek, 8 września 2016, 18:57

Re: Lekcja 37 - praca domowa

Postprzez Morfidon » piątek, 9 września 2016, 20:09

Kod jest prawidłowy, jedynie do czego bym się doczepił to do braku wcięć - to jest bardzo ważne. Bardzo źle się go w takiej postaci czyta.
Morfidon
Administrator
Administrator
 
Posty: 1309
Dołączył(a): wtorek, 5 sierpnia 2008, 21:48

Re: Lekcja 37 - praca domowa

Postprzez keymillo » piątek, 9 września 2016, 20:40

ok, pisałem go w notatniku, dlatego tak jest, a później jeszcze wrzuciłem na forum i stąd go skopiowałem następnie do tego edytora online.

następnym razem będą wcięcia :)

dzięki za sprawdzenie.
keymillo
Nowicjusz
 
Posty: 3
Dołączył(a): czwartek, 8 września 2016, 18:57


Powrót do JavaScript

Kto przegląda forum

Użytkownicy przeglądający ten dział: Brak zidentyfikowanych użytkowników i 1 gość