ugrás a tartalomhoz

Lenyiló szövegek html-ben vagy szövegszerkesztőben...

alagutaso · 2009. Nov. 15. (V), 21.09
Sziasztok!

Első kérdésként tisztázzuk a nevet:
láttam weblapokon olyat, hogy egy szöveg bizonyos részére (pl. valamelyik mondatra) kattintva további szöveg jelenik meg (a mondat alatt), ami aztán visszacsukható..
mi ennek a hivatalaos neve? előtűnő szöveg, lenyiló szöveg, megjelenő szöveg? és angolul?

Szeretnék úgy megírni egy dokumentumot, hogy ilyenekkel rakom tele. (Ez az én fixa ideálom, nekem ez szimpatikusabb információrendezés, mint holmi tartalomjegyzék meg ugrólinkek)

A legjobb lenne ha soha nem kellene egyetlen html kódot se látnom, így a második kérdésem az lenne, hogy tudtok-e olyan szövegszerkesztő programról, ami engedi ezt a funkciót?


Ha nincs ilyen (csúnya lenne), akkor megírom a doksit html-ben a dreamweaver ugyis egy barátságos jószág. Ezesetben meg tudná valaki mondani, hogy a dreamweaver (cs3 és cs4 is van nálam) hogyan nevezi ezt a funkciót, melyik menüből érhető el?


Végezetül mindkét esetben (szövegszerkesztő, dreamweaver) érdekelne, hogy lehet-e ezeket egymásba "ágyazni", azaz a megjelenő szöveg egy mondatára kattintva egy újabb szöveg jelenik meg, aminek egy részére kattintva egy újabb, és így tovább?


Köszi minden választ,

Dávid
 
1

Tooltip

janoszen · 2009. Nov. 15. (V), 22.43
Tooltip, inline popup vagy hasonló. Mivel JavaScript, ezért nem lesz vizuális szerkesztő hozzá, magadnak kell megírni.
2

Ilyesmivel

S3RI0US · 2009. Nov. 17. (K), 09.30
tudok szolgálni: link.
Megfelel?
nem lehet benne "egymásba ágyazni" de ilyen egyszerűt nem találsz még egyet :)

Tamás
3

még egy ötlet

S3RI0US · 2009. Nov. 17. (K), 11.43
Ez nem saját kód, nem is teszteltem, de nekem szimpatikus... =)
<td><a href="./akarmi.php" onMouseover="ddrivetip('Ide jön a szöveg amit szertnél!', 200)" onMouseout="hideddrivetip()"></a></td>
4

kevesebb hozzászólás, több gondolkozás

gex · 2009. Nov. 17. (K), 12.51
1. a ddrivetip az szerinted működik csak így magában vagy esetleg szükség lenne hozzá egy javascriptre is, ami tartalmazza magát a függvényt?

2. az infobubi tag-et melyik szabványban találtad?
5

GEX

S3RI0US · 2009. Nov. 17. (K), 13.21
a javascript fent van az oldalamon, csak vártam mit szól hozzá, az infobubis meg nem szabvány, am az sem az én kódom...
7

ÉN

gex · 2009. Nov. 17. (K), 16.33
fent van az oldalamon
és az hol van? azon belül hol a script? vagy ez már az általános műveltség része kéne hogy legyen?

am az sem az én kódom...
szar, nem is a tiéd, akkor miért ajánlod másnak?
8

mert jónak tartja

alagutaso · 2009. Nov. 22. (V), 04.37
..azért ajánlja

az oldalára mutató link meg az előző hozzászólásában van.
gondolom az az ő oldala.

az más kérdés, hogy ha nem ír saját maga után közvetlen egy másik hozzászólást, hanem szerkeszti az előzőt, akkor nem lett volna félreértés.. :)
6

köszi az eddigieket..

alagutaso · 2009. Nov. 17. (K), 14.19
ahogy elnézem abban egyetértetek, hogy ez mindenképp javascriptes megoldást igényel..

ezek szerint nem, hogy szövegszerkesztő program nem létezik ilyen, de még dreamweaver-ben se tudom csak úgy menüből előhozni. :(

ez így szívás..

nekem ez arra kéne, hogy úgy írjak meg egy kábé 300 oldalas doksit, hogy alapból csak egy oldal (a tartalomjegyzék szövegesen), és azt nyitogatom le... az olvasó nyitja le azt a részt, amire kiváncsi, aztán ha valamit nem ért tovább nyitja, stb.. teljesen kinyitva lenne 300 oldal..

ez még akkor is macerás lenne, ha menüből hozhatnám be a parancsot, hogy ne is kelljen kódot látnom, de így javascripttel..

.. ehhez sokmindent kéne megtanulnom még :)

kössz srácok, de sajna ezt így inkább kihagyom

ha esetleg valaki valahol belefut véletlenül egy ilyen szövegszerkesztőbe (hátha valaki a világon csinált már egy noname, senki által nem ismert ilyet) szóljon lécci.

kösz mindent
9

Lehet, hogy félreértem, de

hosszu.kalman · 2009. Nov. 23. (H), 12.13
Lehet, hogy félreértem, de nekem úgy tűnik nem buborékot keresel, hanem lenyitható fieldset-et.
Olyasmit mint itt.

Ez itt konkrétan Drupal alá szól, de át lehet írni a js-t. Ezzel szerintem el tudod szeparálni egymástól a tartalmakat lenyíló rendszerben ahogy szeretnéd, és nincs akadálya annak sem, hogy az egyik kinyitható tartalomban legyen egy újabb kinyitható.

Feltöltöttem egy képet ahol látszódnak az egymásba ágyazott lenyitható fieldset-ek is. Megnézheted itt

Nem ismerem a dreamweaver-t, de szerintem különösebb matek nélkül be lehet szúrni js-t és fieldset-et is. Gondolom a felületen meg lehet adni hogy a fieldset milyen osztály(ok)ba tartozzon, és oda megadod hogy collapsible collapsed. Ekkor az oldal betöltődésekor meg fogja nézni a js az összes collapsible osztályba tartozó fieldset-et és rárakja a click eseményt, a collapsed-eket pedig bezárja automatikusan.

Lehet hogy félreértem amit szeretnél, de nekem úgy tűnik ezt keresed, és ezt meg tudod csinálni a szövegszerkesztővel is, mivel csak osztályokat kell megadnod az egyes elemeknek.
10

Közben volt egy kis időm, és

hosszu.kalman · 2009. Dec. 3. (Cs), 16.31
Közben volt egy kis időm, és letakarítottam a Drupal által használt js-eket és feltettem egy teszt oldalt ahol meg lehet nézni.
Ezzel a megoldással minden különösebb nélkül lehet szerkesztővel lenyíló szövegeket készíteni. Meg lehet nézni itt:
http://www.kalman-hosszu.com/oldalak/collapsible/

Ha érdekel, akkor leírom hogyan kell használni.
11

Nagyon szépen köszi

alagutaso · 2009. Dec. 28. (H), 01.47
Bocs, hogy csak most válaszolok.. nem néztem a fórumot.
Valóban kértértelmű volt a nyitóhozzászólásom, és még azt se fogtam föl, hogy a többiek nem arra gondolnak, amire én..

..arra gondoltam, amire Te

Pontosan erre van szükségem. Köszi a sok melót, amit beletettél a válaszba.

Nagyon amatőr vagyok, de azért igyekeztem fölfogni a forrást. Le is szedtem, el is helyeztem a fájlokat magamnál a megfelelő helyre. Remélem szabad, már használom is.

Innentől elleszek, mert a design igényeimet, megoldom css-sel.

Annyit még mondj el lécci, hogy az egyes menük körüli keretet, hogyan tudom kiszedni, vagy módosítani, mert ahogy látom az nem a css része.. gondolom valamelyik js fájl tartalmazza, de ahoz tök vagyok.

Köszi mégegyszer nagyon az eddigieket.


Dávid
12

fieldset

Pal_ur · 2010. Jan. 4. (H), 19.38
A keretet a böngésződ teszi ki, a fieldset elemet így jeleníti meg. Tudod CSS-ből módosítani.
13

Nekem is kéne egy ilyen

raen · 2012. Júl. 26. (Cs), 12.36
Légyszi fel tudod rakni mégegyszer ezt a kódot, mert már nem érhető el. Köszi :)