Uut foorumis

Õpetus: Fabrik elementide näitamine/peitmine

Fabrik elementide näitamine või peitmineFabrik on tõsine tööriist Joomlale, mille käsitlemine polegi nii keeruline kui on keegi kes natuke õetusi jagaks :) Tänane teema on see kuidas teatud valikute järgi vormide elemente kas peita (hide) või näidata (show).

Teeme lihtsa näite kuidas teha nii, et kui kasutaja tuleb lehele, siis näidatakse vormi ühte elementi ja kui kasutaja selles elemendis teeb valiku, siis näidatakse ka teist elementi.

1. Loo uus vorm enda jaoks vajalike parameetritega (näites nimi "Kaotame ära“).

2. Loo elementide all uus element (vt pilt nr 1) – radio button, sildiks "Kas tahad“ ja nimeks "tahtmine“, millel loome:

a) üheks valiku väärtuseks "ei“ ja sildiks "Tahan“;

b) teise valiku väärtuseks "jah“ ja sildiks "Ei taha“ ning lisaks märgime selle vaikimisi valituks. Salvestame.

Pilt. 1

Pilt 1

3. Loome uue elemendi (vt pilt nr 2), näiteks drop down, sildiks "uus valik“ ja nimeks
"lisavalik“.

a) Esimeseks valikuks drop downil: väärtus "vali“ , silt "Tee oma valik“ ja paneme linnukese et ta on vaikimisi valikuks.

b) Teised elemendis luua oma soovi järele. Salvestame.

Pilt. 2

Pilt 2

4. Võtame viimase elemendi uuesti lahti ja valime paremalt valiku JavaScript (vt pilt nr 3).

Siin lisame uue skripti: action - "load“, suure lahtri alt esimesse valikusse "hide“, teise "uus valik“, kolmandasse "==“ ja viimasesse "vali“. Sellega me määrame ära et lehe laadimisel peidetakse ära vormi element "uus valik“ kui selle väärtuseks on "vali“. Lehe laadimisel aga on just see valik. Salvestame.

Pilt. 3

Pilt 3

5. Võtame lahti vormi esimese elemendi ja ka siin võtame ette JavaScript akna (vt pilt nr 4).

Siin loome kaks JavaScripti:

a) action - "change“, suure lahtri alt valikutesse: "show“, "uus valik“, "==“, "ei“. See
tähendab et kui radio button valikus valitakse „Ei taha“, siis kaotatakse drop down valik ära.

b) action - "change“, suure lahtri alt valikutesse: "hide“, „uus valik“, "!=“, "ei“. See
tähendab et kui radio button valikus valitakse "Tahan“, siis näidatakse drop down valikut.

Salvestame.

Pilt. 4

Pilt 4

Ja nüüd võib oma vormi avalikult vaadata. Näite kohta vorm ise on nähtav SIIN.

PS! Kui valik ei tööta või saate javascripti kohta veateate, siis minge Joomla pluginate haldusesse ja lülitage tööle plugin: System - Mootools Upgrade. Varasemas Mootools koodis on viga onLoad osas. Ilus mull ja kiidusõnad kommentaaridesse, probleemid ja lisaküsimused foorumisse Fabriku alakategooriasse SIIN.

blog comments powered by Disqus
Toeta eraser.ee eluspüsimist!