Weboldalkészítõ suli

[Giraffe1]

Hmmm. Eddig csak kliens oldali megoldásokkal foglalkozott a websuli, és egyelõre nem is igazán terveztük az "áttérést" a sötét szerver oldalra. (Sõt, felmerült, hogy némiképp ritkítani kellene a sorozat számait, de 3-4 lecke (szinte) biztosan még le fog menni egyben.)

 

Márpedig az RSS készítése igencsak szerveroldali feladat. Amirõl esetleg inkább szó lehet(ne), hogy RSS-eket (akár több forrásból érkezõket is) kicsit szebben, áttekinthetõbben megjeleníteni JavaScript segítségével...

[Pjotr]

Szerveroldali, ha automatán generáltatom az RSS-t. De mi van, ha kézzel (nem híroldalt akarok üzemeltetni )? Bár egy RSS dokumentum nem egy bonyolult valami, ahogy elnézem. De egyébként a szebb megjelenítés jó ötlet, az is jól jönne (nekem ).

---

Ritkítaniii?! Ehh...

[kléni]

Zsiráfnak az ikon:

http://pcworld.hu/apix/0911/websuli19-ff_selected.png

Ha esetleg így sem vennéd észre, a címsor környékén keresd

[Giraffe1]

Erre kérdeztem, hogy arra gondolsz-e, hogy a képek többsége Firefoxon készült? Igen azon. Többször próbáltam barátkozni az Operával és a Chrome-mal is, de egyelõre mindig volt valami difi - vagy csak egyszerûen webfejlesztésre a legkényelmesebb a Firefox.

 

[payskin]

Amúgy mi is az a narancssárga ikon a példaképek tetején?

Az RSS ikont kérdezi.

 

Én azt kérdezem, mi van mellette? (A nyíl meg a kék...)

[kléni]

Ez valami kiegészítő, ami midnen oldalhoz odateszi az ikont, vagy lesz rss?

 

Amúgy hogyha az egymásba ágyazott táblák ideje lejárt, akkor a validor miért nem ír még ki hibát?

[payskin]

Mert szintaktikailag nem helytelen. Szemantikailag az.

[Giraffe1]

Jé, tényleg valamitõl aktiválódott az RSS ikon. Nem tudom miért, hiszen ehhez az oldalhoz természetesen nincs RSS beállítva. Miután néha kísérletezem különbözõ kiegészítõkkel, lehet, hogy valamelyik - azóta már rég eltávolított - addon tréfált meg.

 

A nyíl az általam használt Vista Aero témában az URL "okézására" szolgál, a "kék" pedig az egyik kedvencem, az Xmarks kiegészítõjének egy plusz szolgáltatása, ami plusz infókat ad egyes oldalakról, illetve hasonlókat kínál fel. Ez fõként a google-s kereséseknél segít néha, de az Xmarks nem emiatt, hanem a könyvjelzõk szinkronizálása miatt van fent.

 

@kléni

Az egymásba ágyazott táblák szintaktikailag nem hibásak, így a validátornak sincsen semmi baja vele, csak több ok miatt sem praktikusak. Például egy ilyen oldalon próbáld meg áthelyezni a menüt fentrõl balra egy honlap n+1 oldalán! Ugyanezt egy jól megtervezett oldalon mindössze néhány perc - és egyetlen CSS állomány módosításával jár.

[KGigi]

Vagy lehet használni CodeIgnitert, ha sok oldal van, és akkor csak egy vezérlőt kell átírni.

 

RSS-t terveztek a websuliban? Engem érdekelne. Azt tudom, hogy sima XML van mögötte, de a megvalósítás rejtély.

[Garono]

Maga az RSS egészen egyszerû, csak akkor van gond, ha az oldal tartalma dinamikus (blog, hírportál, stb.). Mert ilyenkor PHP-val kell folyamatosan frissíteni azt a bizonyos XML fájlt.

[kléni]

Esetleg kiegészítésbe a 19es fejezetbe oda lehetne írni a fájl, és lenyíló mező behelyettesítését is, bár gondolom a technika ugyan az, de attól még ott lehetne, esetleg tippek is.

[Giraffe1]

Véletlenül nem a 20. részre gondolsz? Mert a képes helyettesítés abban van.

 

A szövegmezõknél és a gomboknál más a helyzet, azoknál simán CSS-bõl megoldható a kérdés (például háttérképekkel). A <select> listákkal kicsit összetettebb a dolog, mert azok mûködése kicsit összetettebb.

Lehet, hogy egyszer még visszatérünk az ûrlapokhoz, de többfelõl jött jelzés, hogy most már foglalkozzunk kicsit mással is, így tértünk át a képgalériákra.

[kléni]

A leírás alapján megcsináltam, hogyha nincs a mezőbe írva semmi, akkor a neve alapján rakjon oda szöveget, viszont hogyha van alap szövege a mezőnek, azt is lecseréli. Ez most természetes? (azért merült fel hogy az, mivel ha val bele írva valami, akkor ugye nem érvényesül)

[Giraffe1]

A példaprogram úgy mûködik, hogy az inicializáláskor azokhoz az <input> elemekhez, amelyekhez van defValue elem, betesszük a változó alapértelmezett értékének; a releaseControl funkció pedig ezt teszi mindig vissza, ha a felhasználó üresen hagyta a szövegmezõt (a csak szóközöket is üresnek tekintjük).

 

Ha ez valamiért gondot jelent, akkor a programot viszonylag egyszerûen át lehet írni úgy, hogy az alapértelmezett értékeket hagyja békén, de akkor figyelni kell arra, hogy a magyarázó szöveget kivegyük az ûrlap elküldése elõtt.

[kléni]

Át szeretném írni, hogy tagok helyett id-t vegyen figyelembe ez a kattintható dolog, hogy input-ot és textarea-t is tudjak így formázni. Amikor átírom, természetesen nem működik

var input = document.getElementsById("neves");

 

Az id jó. Így nem lehet formázni az elemet?

[Pjotr]

ID --> csak egy lehet belőle az oldalon (adott ID-ből, itt a "neves"-ből)

getElement --> s <-- ById --> elemeket keresek, amelyeknek ugyanaz az ID-je --> HIBA

[kléni]

ír: (Vagyis akkor hogy tudhatok meg több className-t?)

[Giraffe1]

Ahogyan azt Pjotr is írta - és Balázs a sorozatban - egy adott id-bõl egy lehet, ezért is azonosító. Természetesen arra is van mód, hogy osztály alapján vizsgáljunk elemeket, például:

var form = document.getElementById("formName");
var inputs = form.getElementsByTagName("input");
for (var i = 0, num = inputs.length; i < num; i++) {
   if (inputs[i].className == "longText") {
      ...
   }
}

Így a "..." helyén már csak a longText osztályú <input> elemekkel foglalkozunk.

 

Csak csendben jegyezném meg, hogy hasonló módszert többször is használtunk a Lorem Ipsum konferencia különbözõ oldalain.

[kléni]

Eddig oké, de én most textarea-ba is szeretnék tenni ilyet, azért nem jó a TagName.

[Giraffe1]

Akkor használd a form.getElementsByTagName("*"); formát, ami mindegyik elemet összeszedi a formon belül.

[marko4400]

Sziasztok!

 

Nagyon hasznosnak találom a weboldalkészítő sulit, köszönet érte. Viszont volna egy kérdésem:

ha az oldalamon olyan tartalmat, pl. híreket akarok elhelyezni, amit napi vagy heti rendszerességgel is frissítek, és azt akarom, hogy az az aloldalakon is megjelenjen, akkor hogy oldom ezt meg? Mert hát az összes aloldalon mindig megváltoztatni a híreket nagyon sokáig tartana. Én arra gondoltam, hogy létrehozok egy külön oldalt, amin csak a hírek szerepelnek, és valahogy ezt kell beágyaznom a főoldalba és az aloldalakba is, de nem sikerült rájönnöm, hogy ezt hogyan kéne...

 

Köszönet előre is a segítségért!

Edited February 10, 2010 by marko4400

[payskin]

Ez nem annyira fog összejönni már sima HTML, CSS útvonalon. Úgyhogy nincs más hátra, mint megtanulni programozni, mondjuk, PHP-ben és statikus oldalak helyett dinamikus weboldalakat készíteni.

[marko4400]

Köszi a gyors választ!

[Giraffe1]

Balázst azzal egészíteném ki, hogy lehet - és talán néhányan javasolni is fogják -, de csak általunk nem igazán javasolt, több problémát is felvetõ módokon (l. keretek és beágyazott keretek )

[marko4400]

Erre gondoltam én is, de ez ma már elég régi és nem éppen megfelelõ megoldásnak számít; amúgy mintha errõl írnának is a fórumon. Egyébként hasonló probléma jelentkezhet akkor, ha valaki csak a honlap elkészítése után gondol arra, hogy angolra is lefordítsa, és azt szeretné, hogy minden aloldalról elérhetõ legyen az angol nyelvû változat.