Viikkotehtävä 7 ja Ajax - Luento 16

• Luentotaltiointi
• Viikkotehtävä 7
  • Kysymyksiä
• Ajax-esimerkkejä

Käsittelemme edellisen viikkotehtävän ja jatkamme Ajaxin parissa.

Viikkotehtävä 7

• Palautteet ja kuvaajat
• Malliratkaisut

Kysymyksiä

• miksei innerHTML?

  element.innerHTML = "<p><span><strong>...foobar...</strong></span></p>";

  • innerHTML on epästandardi funktio, joka ei toimi XML-dokumenttien kanssa
  • Käsittelee merkkijonoja ei dokumenttipuuta
  • Aiheuttaa epäluettavaa koodia
  • On monesti DOM-operaatioita nopeampi ja yksinkertaisempi
  • Mahdollistaa rikkinäisen tai epävalidin XHTML-koodin syöttämisen dokumenttiin. Mahdollinen tietoturvariski
  • innerHTML muuttaa lisättävää merkkijonoa
  • innerHTML-lisäyksen tulos ei ole suoraan käsiteltävissä
  • Mahdolliset nimiavaruusongelmat
• Kuinka JavaScriptissä voisi määrittää luokkia/olioita ja tehdä niiden avulla näppärästi uudelleenkäytettäviä komponentteja?
  • Core Javascript 1.5 Guide: Details of the Object Model
  • Prototype: Class.create ja Object.extend

Ajax-esimerkkejä

Esimerkit tarvitsevat Prototype-kirjastoa.

• Rekisteröitymislomake
  • Lisätty harrastuslajien ja harrastuksien haku.
  • Huomaa, että Form.serialize ja Form.Element.serialize vaativat, että lomake-elementeillä on name-ominaisuus.
• Ajax-chat
  • Versiot 1 & 2 ovat kokeiluja, ne toimivat vain yhden käyttäjän kesken :)
  • Versiossa 3 on kommenteissa ehdotuksia miten toteutus voitaisiin saada toimimaan monen käyttäjän kesken.
  • Huomaa myös uusi Ajax.PeriodicalUpdater, jota chatin päivittämisessä silloin kun käyttäjä ei itse lähettele viestejä.
• Drag & drop
  • Tässä tarvitaan Scriptaculous-kirjastoa Prototypen lisäksi.