Toggle kapcsoló

A toggle kapcsolóval egy oldalon megjelenő szövegrészt lehet rejtetté tenni és csak annak megnyomására láthatóvá tenni vagy fordítva.
A weboldal háromféle ilyen kapcsolót beépítését támogatja az egyes oldalakba. Ezek a gomb, az egyszerű szöveg és a bitmap képi kapcsolók. Ezekböl mindegyikéből háromféle lehetséges:

  • A rejtett szöveg felett megjelenő kapcsoló.
  • A rejtett szöveg felett és alatt megjelenő kapcsolók.
  • A rejtett szöveg alatt megjelenő kapcsoló.

Szintaktika:

  • Gomb:
    <SPAN toggle="1" id="pelda1" tipus="1" helye="E" allapot="R" cime1="Mutasd" cime2="Rejtsd el" speed="300" color1="#009ada" color2="red" color3="white" color4="yellow" stilus="font-size: 11px; width:100px; height: 20px; padding: 0px; margin: 0 0 5 0;box-shadow: 2px 2px 2px black; font-weight:bold;">A kapcsolandó tartalom.</SPAN>

    Eredménye:
    A kapcsolandó tartalom.

  • Szöveg.
    <SPAN toggle="1" id="példa2" tipus="2" helye="E" allapot="R" cime1="Mutasd" cime2="Rejtsd el" speed="300" color2="red" color3="orange" color4="yellow" stilus="font-size: 16px; font-weight:bold;">A kapcsolandó tartalom.</SPAN>

    Eredménye:
    A kapcsolandó tartalom.

  • Bitmap kép:
    <SPAN toggle="1" id="példa3" tipus="3" helye="E" allapot="R" speed="300" keptip="3" stilus="box-shadow: 1px 0px #000000,-1px 0px #000000,0px 1px #000000,0px -1px #000000, 2px 2px 3px #000000;">A kapcsolandó tartalom.</SPAN>

    Eredménye:
    A kapcsolandó tartalom.


Minimál

Két paraméter megadásával is létre lehet hozni kapcsolót:
<SPAN toggle="1" id="példa4">A kapcsolandó tartalom.</SPAN>

Eredménye:
A kapcsolandó tartalom.

Bitmap kép típusú kapcsolóhoz kell egy harmadik paraméter is:
<SPAN toggle="1" id="példa5" tipus="3">A kapcsolandó tartalom.</SPAN>

Eredménye:
A kapcsolandó tartalom.

Toggle paraméterek

Paraméterek Tipusok TARTALMA
GOMB
(1)
SZÖVEG
(2)
BITMAP KÉP
(3)
toggle + + + Ha értéke 1 akkor működik a kapcsoló, minden más esetben nem.
id + + + egyedi azonosító (kötelező megadni)
tipus + + + A tipus száma. 1, 2 vagy 3
(Alapértelmezés: 1)
1 = gomb
2 = szöveg
3 = kép
helye + + + Meghatározza, hol helyezkedjen el a kapcsoló.
E = Elején
M = Elején-végén
V = Végén
(Alapértelmezése: E)
allapot + + + A kapcsoló indulási állása.
R = Rejtve
M = Mutatva
(Alapértelmezése: R)
cime1 + + - Bezárt állapot szövege
(Alapértelmezése: Kinyit)
cime2 + + - Nyitott állapot szövege
(Alapértelmezése: Bezár)
color1 + + - Alap háttérszin.
Alapértlemezése:
gomb: világosszürke (#D6D6D6)
szöveg: átlátszó
color2 + + - Rámutatáskori háttérszin.
Alapértelmezése:
gomb: sárga (#FBF300)
szöveg: átlátszó
color3 + + - Alap betüszin.
Alapértelmezése:
gomb: fekete (#000000)
szöveg: narancssárga (#F6A339)
color4 + + - Rámutatáskori betüszin.
Alapértelemezése:
gomb: fekete (#000000)
szöveg: ciánkék (#07A0B2)
stilus + + + A kapcsoló STYLE paraméterei
speed + + + A váltás sebessége miliszekundumban.
(Alapértelmezése: 0)
kep1a - - + Bezárt állapot egyedi képe. (utvonallal)
kep1h - - + Bezárt állapot rámutatáskori egyedi képe. (utvonallal)
kep2a - - + Nyitott állapot egyedi képe. (utvonallal)
kep2h - - + Nyitott állapot rámutatáskori egyedi képe. (utvonallal)
keptip - - + A beépített váltóképek tipusszáma.
(1-től 7-ig, alapértelmezése: 1)
tipuskep1akep1hkep2akep2h
1
2
3
4
5
6
7

Bitmap kép tipusú kapcsoló választásakor, ha nem adunk meg egyedi képeket és ezt a paramétert sem, akkor lép érvénybe az alapértelmezése.
Amennyiben beállítjuk ezt a paramétert, az egyedileg megadott képek érvényüket vesztik.
+ = haszálja, - = nem használja

Példák a gombok elhelyezésére:

Button:

A kapcsoló az elrejthető tartalom felett helyezkedik el:
A kapcsoló az elrejthető tartalom felett helyezkedik el. Rákattintva a tartalom megjelenik vagy eltűnik. Megjelenítéskor az oldal tartalmát lefelé tolja.
Paraméterrel állítható, hogy alaphelyzetben rejtve vagy mutatva legyen a tartalom.

A kapcsolók az elrejthető tartalom felett és alatt helyezkednek el.
A kapcsolók az elrejthető tartalom felett és alatt helyezkednek el. Rájuk kattintva a tartalom megjelenik vagy eltűnik. Rejtett állapotban csak a felső kapcsoló látszik, rákattintva jelenik meg a tartalom és alatta az alsó kapcsoló. Bármelyik gomb újboli megnyomására a tartalom és az alsó gomb újra eltűnik. Megjelenítéskor az oldal tartalmát és az alsó gombot lefelé tolja.
Paraméterrel állítható, hogy alaphelyzetben rejtve vagy mutatva legyen a szöveg.

A kapcsoló az elrejthető tartalom alatt helyezkedik el.
A kapcsoló az elrejthető tartalom alatt helyezkedik el. Rákattintva a tartalom megjelenik vagy eltűnik. Megjelenítéskor az oldal tartalmát és a gombot lefelé tolja.
Paraméterrel állítható, hogy alaphelyzetben rejtve vagy mutatva legyen a szöveg.

Szöveges:

A kattintható szöveg az elrejthető tartalom felett helyezkedik el:
A kattintható szöveg az elrejthető tartalom felett helyezkedik el. Rákattintva a tartalom megjelenik vagy eltűnik. Megjelenéskor az oldal tartalmát lefelé tolja.
Paraméterrel állítható, hogy alaphelyzetben rejtve vagy mutatva legyen a tartalom.

A kattintható szövegek az elrejthető tartalom felett és alatt helyezkednek el:
A kattintható szövegek az elrejthető tartalom felett és alatt helyezkednek el. Rájuk kattintva a tartalom megjelenik vagy eltűnik. Rejtett állapotban csak a felső szövegkapcsoló látszik, rákattintva jelenik meg a tartalom és az alsó szövegkapcsoló. Bármelyik szövegkapcsolóra újboli megnyomására eltűnik a tartalom és az alsó szövegkapcsoló. Megjelenítéskor az oldal tartalmát lefelé tolja.
Paraméterrel állítható, hogy alaphelyzetben rejtve vagy mutatva legyen a szöveg.

A kattintható szöveg az elrejthető tartalom alatt helyezkedik el
A klikkelhető szöveg az elrejtendő szöveg alatt helyezkedik el. Klikkelésre az elrejtett szöveg megjelenik az oldal tartalmát lefelé tolva. A klikkelhető szövegre ujra klikkelve a szöveg ujra eltűnik.
Paraméterrel állítható, hogy alaphelyzetben rejtve vagy mutatva legyen a szöveg.

Bitmap kép:

A kapcsoló kép az elrejthető tartalom felett helyezkedik el:
A kapcsoló kép az elrejthető tartalom felett helyezkedik el. Rákattintva a tartalom megjelenik vagy eltűnik. Megjelenéskor az oldal tartalmát lefelé tolja.
Paraméterrel állítható, hogy alaphelyzetben rejtve vagy mutatva legyen a tartalom.

A kapcsoló képek az elrejthető tartalom felett és alatt helyezkednek el:
A kapcsoló képek az elrejthető tartalom felett és alatt helyezkednek el. Rájuk kattintva a tartalom megjelenik vagy eltűnik. Rejtett állapotban csak a felső kép látszik, rákattintva jelenik meg a tartalom és az alsó kapcsoló kép. Bármelyik kép újboli megnyomására eltűnik a tartalom és az alsó kapcsoló kép. Megjelenítéskor az oldal tartalmát lefelé tolja.
Paraméterrel állítható, hogy alaphelyzetben rejtve vagy mutatva legyen a tartalom.

A kapcsoló kép az elrejthető tartalom alatt helyezkedik el:
A kapcsoló kép az elrejthető tartalom alatt helyezkedik el. Rákattintva a tartalom megjelenik vagy eltűnik. Megjelenéskor az oldal tartalmát a kapcsoló képpel együtt lefelé tolja.
Paraméterrel állítható, hogy alaphelyzetben rejtve vagy mutatva legyen a tartalom.

Bejelentkezés név:  jelszó:   [regisztráció]