Alertați utilizatorii când faceți clic pe un link

Lecția de astăzi vă va spune despre pluginul interesant LeaveNotice.

LeaveNotice (Notificare) - modul (plug-in, script) care vă permite să notificați utilizatorilor că părăsesc site-ul dvs. Pluginul a fost dezvoltat în așteptarea utilizării pe site-urile oficiale care aparțin, de exemplu, organizațiilor guvernamentale sau bancare. Datorită tipului de informații plasate de astfel de site-uri, poate fi necesar să se asigure că utilizatorii înțeleg că aceștia sunt conectați la site-ul care nu se află sub jurisdicția oficială. dar

Unele caracteristici / Câteva aspecte cheie ale pluginului LeaveNotice

• Ușor de instalat (în două etape).
• Este posibil să modificați aspectul utilizând foi de stil cascadă (CSS)

Alertați utilizatorii când faceți clic pe un link
Alertați utilizatorii când faceți clic pe un link

Pentru a instala pluginul pe site-ul dvs., procedați în felul următor:

2) Inițiați un plugin (eveniment) cu jQuery când DOM este gata. În acest stadiu, legăturile sunt definite, atunci când sunt selectate, se afișează casetele de dialog.

Dacă înțelegeți totul, vă propun să notați un minim și cel puțin să specificați numele site-ului. Pentru utilizatorul site-ului dvs., amintiți-vă numele.

Mai jos este un exemplu de introducere a unui nume de site:

Cu parametrul introdus în acest fel, utilizatorul nu va vedea adresa URL, dar - "Vă părăsiți site-ul Cool".

Toate proprietățile (cu excepția transparenței întreruperii) sunt preluate din fișierul CSS.

Dacă doriți să actualizați casetele de dialog pop-up, probabil că aveți nevoie de cunoașterea marcajului HTML exact necesar pentru a intra în modulul plug-in. Se pare ca aceasta:

Partea îndrăzneață a codului poate fi modificată sau completată. Astfel, toate valorile ID pot fi de asemenea scrise pentru parametri. Puteți crea un design diferit. Folosind o foaie de stil CSS în cascadă, puteți personaliza aproape orice detaliu al aspectului casetelor de dialog.

Un mic memento, dacă doriți să faceți caseta de dialog mai vie, introduceți o imagine de fundal în titlu. Un exemplu de astfel de cod pe care îl puteți vedea pe site-ul whitehouse.gov (click pe orice link extern pentru a vedea caseta de dialog. De exemplu, pe link-ul usa.gov în partea de jos a paginii.) In partea de sus este setat Whitehouse.gov site-ul logo-ul. Cred că o astfel de casetă de dialog merită atenție, probabil că am folosit această tehnică.

Pentru textul vizibil de utilizator, și anume mesajele de avertizare și legăturile de mesaje anterioare, există un parametru care vă permite să atașați chei la mesaj. Două chei posibile - și. Cheia va fi înlocuită cu numele site-ului introdus utilizând atributul siteName și înlocuit cu o adresă URL cu un link activat prin clic. Această acțiune se poate vedea în demo.

Despre parametrul overlayAlpha

Vă mulțumesc pentru atenție.

Ultimele 5 lecții din rubrica "jQuery"

Astăzi dorim să vă spunem despre biblioteca TypeIt - un plugin jQuery gratuit. Cu aceasta, puteți simula tastarea. Dacă totul este ajustat corect, puteți obține un efect foarte realist.

  • jQuery plugin pentru crearea unei cronologii.

  • jQuery plugin pentru crearea unei diagrame Gantt.

  • Un exemplu de încărcare a unui fișier prin PHP și jQuery ajax.

    Plugin-ul este interesant, dar personal nu-mi place foarte mult când există ferestre care apar și ieșite, enervant =)

  • să facă acest lucru, utilizatorul a mutat mouse-ul, îl avem mesajul dreapta „ai mutat mouse-ul la stânga„))) sau farted sute de ferestre ce frumusețe! Și, în general, toate nenorocitele baieti! Fă ceva băieți rulnoe!

  • În ceea ce mă privește, aceasta este o lecție foarte utilă.

  • Maxim Shkurupiy
  • 1. vkontakt fi imposibil, au făcut un site de decantare și a scrie ca și în cazul în care pe site-ul viruși MOGUDBYT kakomto și TRAYYANY ar fi pe VKontakte câteva dintre ele. 2. Această idee nu este nimic, fereastra modală este deja mai bună, dar ea este încă buggy. 3. „Ați schimbat poziția modificărilor mouse-ul pentru a intra în vigoare, trebuie să reporniți computerul. Reporniți acum?“ - Cheiz are dreptate.

  • 4. Trimiteți un mesaj + text înainte de link

  • ahha plugin foarte bun și util. DAR nu împreună facebox pentru că se deschid împreună. iar acest lucru este deja un bug. deci dacă există opțiuni de evitare, atunci mă bucur să ascult

  • Alertați utilizatorii când faceți clic pe un link

    Prin obținerea de informații imediat prin două canale (vedere și auz), eficiența predării este mult mai mare decât învățarea din cărți. Și temele și testele online vă vor permite să gândiți în mod constant în limba pe care o învățați și să vă verificați imediat cunoștințele!

    Alertați utilizatorii când faceți clic pe un link

    Alertați utilizatorii când faceți clic pe un link

    Dacă doriți să învățați HTML mult timp, atunci am o veste bună pentru dvs.!

    Alertați utilizatorii când faceți clic pe un link

    Dacă ați învățat deja HTML și doriți să treceți mai departe, următorul pas este să învățați tehnologia CSS.

    Alertați utilizatorii când faceți clic pe un link

    Dacă doriți să înțeleagă conceptele de domeniu si hosting, învață cum să creeze o bază de date, încărca fișiere pe un site web prin intermediul unui server FTP, crea subdomenii, configurați cutiile poștale pentru site-ul și să monitorizeze participarea, acest curs este conceput special pentru tine!

    Articole similare