Înlocuirea spoilerului învechit în

Un spoiler este un hack care vă permite să ascundeți informațiile într-un container original invizibil și să-l sunați făcând clic pe linkul de identificare pentru containerul respectiv. Această opțiune este convenabilă pentru ascunderea vizuală a datelor neimportante, dar dacă acestea sunt necesare, acestea pot fi contactate oricând.







În DLE există o astfel de oportunitate și este bine. Dar implementarea sa, odată cu dezvoltarea jQuery și HTML ca standard, de mai mulți ani lasă mult de dorit.

Bătrânul merge la luptă


HTML-ul vechiului spoiler arată astfel:


Nu-mi plac, nu-i așa? Obțineți atributele id și stil pentru

sau href .

Acum să ne uităm la funcția j # 097; vascript:


Și acest cod este frumos și funcțional pentru astăzi? Nu!

Noua versiune. Comparați-l cu cel existent!


HTML-ul arată astfel:


Funcția jQuery este după cum urmează:

Nu există niciun sens în compararea CSS deoarece nu există nimic critic în vechiul cod și nimic nou în cel nou. Acest lucru se datorează faptului că, de exemplu, se utilizează aspectul cel mai simplu, cel mai simplu.







Introducerea unui nou model


1. Deschideți /engine/classes/parse.class.php. găsiți șirul:


și înlocuiți-l cu:


apoi găsiți linia:


apoi căutați o funcție:


și înlocuiți-l cu unul nou:


2. În fișierul de stil necesar, adăugați:

Verificați imaginile spoiler-plus.gif și spoiler-minus.gif din directorul cu imagini. Dacă acestea nu sunt disponibile, acestea trebuie descărcate. Dacă există, dar într-un alt dosar, atunci în CSS de mai jos nu uitați să schimbați calea.

Vechile stiluri pot fi șterse. Ele sunt, de obicei, în motor.css. Numele de clase care nu mai sunt necesare. text_spoiler și .title_spoiler


3. Deschideți /engine/classes/js/dle_js.js. găsiți funcția:


și înlocuiți-l cu:

Rezumat: contra și pro.


Să începem cu cei răi. Și nu doar pentru că minus este suficient de semnificativ pentru cei care au folosit deja o mulțime de spoilere pe site.

Faptul este că versiunile vechi și noi au diferențe evidente de structură HTML, iar înlocuirea va duce la inoperabilitatea tuturor spoilerelor vechi.


Ei bine, avantajele sunt evidente, ca și pentru mine:
- cod de două ori și jumătate mai puțin
- opțiune mai flexibilă pentru stil







Trimiteți-le prietenilor: