Vendosja e blloqeve të fshehura të tekstit përmirëson perceptimin vizual të një faqe në faqen e internetit - ajo ngarkohet në shfletues saktësisht ashtu siç e ka krijuar vetë projektuesi, pavarësisht nga sasia e informacionit të postuar. Përveç kësaj, është më i përshtatshëm për vizitorin - në kërkim të bllokut të nevojshëm të informacionit, ai nuk ka pse të shikojë nëpër të gjithë grupin, por vetëm "majat e ajsbergut" të vegjël.
Është e nevojshme
Njohuri themelore të HTML dhe JavaScript
Udhëzimet
Hapi 1
Përdorni një funksion të personalizuar JavaScript për të fshehur dhe shfaqur blloqet e dëshiruara të tekstit në një faqe HTML. Një funksion i përbashkët për të gjitha blloqet është shumë më i përshtatshëm sesa shtimi i kodit në secilin prej tyre veç e veç. Në pjesën e kokës së kodit burimor të faqes, vendosni etiketat e skenarit hapës dhe mbyllës, dhe midis tyre krijoni një funksion të zbrazët me një emër, për shembull, shkëmbim dhe një ID të kërkuar të parametrit të hyrjes: ndërrimi i funksionit (id) {}
Hapi 2
Shtoni dy rreshta të kodit JavaScript në trupin e funksionit, midis mbajtësve të kaçurrelave. Rreshti i parë duhet të lexojë gjendjen aktuale të bllokut të tekstit - pavarësisht nëse shikimi i tij është aktiv ose jo. Mund të ketë disa blloqe të tilla në një dokument, kështu që secili duhet të ketë identifikuesin e tij - është funksioni i tij që merr id si parametër i vetëm hyrës. Duke përdorur këtë identifikues, ai kërkon bllokun e nevojshëm në dokument, duke caktuar vlerën e dukshmërisë / padukshmërisë (gjendja e pronës së ekranit) ndryshores sDisplay: sDisplay = document.getElementById (id).style.display;
Hapi 3
Rreshti i dytë duhet të ndryshojë vetinë e shfaqjes së bllokut të dëshiruar të tekstit në të kundërtën - të fshehë nëse teksti është i dukshëm dhe të tregojë nëse është i fshehur. Kjo mund të bëhet me kodin e mëposhtëm: document.getElementById (id).style.display = sDisplay == 'asnjë'? '': 'asnje';
Hapi 4
Shtoni stilin e mëposhtëm në seksionin e kokës: a {kursori: treguesi} Do t'ju duhet kjo për të shfaqur drejt treguesin e miut kur vendosni mbi një etiketë jo të plotë të lidhjes. Me ndihmën e lidhjeve të tilla, ju organizoni që faqja të ndryshojë dukshmërinë / padukshmërinë e blloqeve të tekstit.
Hapi 5
Vendosni këto lidhje ndërrimi në tekst përpara çdo blloku të fshehur dhe në blloqet në fund të tekstit, shtoni një lidhje të ngjashme. Mbyllni tekstin e padukshëm në etiketat e hapësirës që kanë cilësinë e padukshmërisë në atributet e tyre të stilit. Për shembull: Zgjero tekstin +++ Ky është teksti i fshehur --- Në këtë shembull, klikimi mbi një lidhje tre plus do të thërrasë funksionin e mësipërm në ngjarjen onClick, duke ia kaluar ID-në e bllokut që do të bëhet i dukshëm. Dhe brenda bllokut ekziston një lidhje prej tre minusësh me të njëjtat funksione - duke klikuar mbi të do të fshihet teksti.
Hapi 6
Krijoni numrin e kërkuar të blloqeve të tekstit, të ngjashëm me atë të përshkruar në hapin e mëparshëm, duke mbajtur mend të ndryshoni ID-të në atributin id të etiketës span dhe në ndryshoren e kaluar në funksion nga ngjarja onClick në dy lidhjet.
