ugrás a tartalomhoz

DIV megjelenítése, a beállítás megjegyzése

suexID · 2006. Feb. 9. (Cs), 20.18
Sziasztok!

Úgy néz ki a történet, hogy egyik meglévő oldalam kinézetét szeretném turbózni. Konkrétan egy blogról van szó, ami idáig nélkülözte az archívum, legutóbbi X komment, stb. elemeket és most ezeket szeretném elhelyezni egy oldalsávon. A bonyodalom az, hogy én ezt szeretném a lehető legfelhasználóbarátabb módon csinálni és lehetőleg a vakbarátságot szem előtt tartva.

Szeretném elérni, hogy a menüsáv minden új látogatónak jelenjen meg, és aztán mindenki maga dönthesse el, hogy egyes elemeit elrejti-e avagy továbbra is kíváncsi rájuk. Ehhez a következő részproblémákat kellene megoldanom:

  • DIV-ek megjelenítése és elrejtése - Az oldalsáv egyes részeit külön DIV-ekben helyezném el, és ezeket kellene egy sima link és egy ehhez hozzárendelt javascript segítségével megjeleníteni, illetve ha látható, akkor elrejteni és fordítva. Ezt a részt saját kútfőből is meg tudom írni, bár hasznos tippek, kódok jöhetnek.
  • A megjelenítést/elrejtés végző gomb állapotának változtatása - A gombot egy linkkel ellátott kép jelentené, amit CSS-sel pozícionálnék. A lényeg az, hogy látható a kérdéses DIV, akkor egy X-et ábrázoló kép jelenjen meg, illetve ha nem látható, akkor egy szemet ábrázoló kép. A képek megvannak, a CSS-XHTML kombóval nincs gond, de sajnos a javascript kódot nem nagyon tudom kivitelezni! :(
  • A beállítások megjegyzése cookie segítségével - Szeretném a visszatérő látogatóimat és az Ő szokásaikat tiszteletben tartani, ezért fontos volna, hogy a beállításokat sütik segítségével egyszerűen el tudjam tárolni a kliens oldalon, mivel felhasználói regisztrációra nincs lehetőség. Ha lenne, akkor könnyű dolgom lenne, de sajnos a sütik kezelésében nem vagyok jártas.


Tudom, hogy elsőre rendkívül sok ez így. Nem is várom el senkitől, hogy azonnal ugorjon és segítsen, és az egészet megírja helyettem. Én nagyon örülnék egy-egy hasznos kódrészletnek, rávezető cikknek is, persze figyelembe véve, hogy nem vagyok programozó, csak egy egyszerű hobbi dizájner. Ha ez számít valamit, akkor annyit hozzáteszek még, hogy a kód egy Wordpress alapú blog alá fog kerülni, ha kész lesz.

Előre is köszönök mindenféle hasznos, irányadó postot és fáradozást nektek!
 
1

display:block none

Jano · 2006. Feb. 10. (P), 01.27
Elrejtes megjelenites: display:block vagy none ertek es kesz. Link szinenek vagy kinezetenek allitasa class cserevel a legcelszerubb talan. Cookie kezelés mondjuk nezd meg mondjuk ezt a cikket: http://www.alistapart.com/stories/alternate/
2

Köszönöm, részben segített is

suexID · 2006. Feb. 10. (P), 07.12
  • Az első megoldást én is így gondoltam megvalósítani
  • Sajnos a class csere jelenleg nem jó, mivel képet szeretnék használni az elrejtéshez. Bár elgondolkoztam rajta, hogy mi lenne, ha egy fix szélességű elem hátterét cserélgetném mondjuk.
  • Az utolsó cikknek nagyon örültem, mert hasznát tudom venni egyik munkámnál, de sajnos nem ennél. Bár a sütik javascriptes kezelésére remek példa, és valószínűleg innen fogom átültetni a kódot.