O sugestie de tip pop-up este un element destul de important al designului unui site web modern. Și dacă este încă proiectat frumos și nu este abuzat de aplicație.
Mă duc direct la subiect:
În corpul paginii trebuie să existe un div cu vizibilitate = "ascuns" și poziție = "absolut". Desigur, ea poate fi creată dinamic, dar o las la discreția ta, ca într-adevăr, la designul ei. Utilizați sfatul degetului de genul:
- însăși funcția de tip tooltip, determină afișarea promptului, deoarece parametrii primesc elementul care a numit sfatul și textul prompt
- hide_info ascunde tooltip-ul
- funcția ietruebody este necesară pentru a ține seama de curbura IE a diferitelor versiuni
- funcția positiontip poziționează butonul de îndreptare în timp ce mouse-ul se mișcă peste ținta
- funcția de apariție oferă un aspect neted al unui indiciu
mișcați mouse-ul peste textul de mai jos:
Puteți aplica absolut la toate elementele. Rețineți, de asemenea, că nimic nu ne împiedică să folosim etichete html în textul indicației.
Nu este clar cum să utilizați acest script ... Unde și cum arată elementul cu id = # 'mess #'? Scriptul meu nu funcționează, IE oferă o eroare, în restul browserelor nu se întâmplă nimic. Am încercat să-mi dau seama cum a fost făcut acest indiciu pe această pagină, dar nici eu n-am înțeles nimic. Chiar aceeași funcție de tip tooltip și elementul misterios cu id = # 'mess #' nu au putut fi găsite. Este posibil să dați scriptului acest indiciu pur și simplu în codul html fără conexiuni de script, astfel încât să poată fi copiat în browser și lipit într-un fișier cu extensia html?
Și dacă rescrieți, de asemenea, jQuery, așa va fi scurt. Apropo, pot face ceva pentru a recunoaște atributul rel și acțiunea a fost efectuată pe ea? tip
...
Multumesc minunate lucrări minunate Super ... am găsit multe pe site-ul dvs.) PS Cine nu este clar ... id = # 'mess #' trebuie să scrieți la Div ...
Vă mulțumim pentru exemplu. Am folosit-o pe site-ul meu. Adevărul din IE nu este afișat exact așa cum ar trebui, atunci când poziționează tooltip-ul, lățimea lui scade când marginea elementului este atinsă.
Salutări! Mutarea butonului de ajutor nu funcționează. Spune-mi ce poate exista un motiv?
Înainte de aplicarea oricăror metode obiect html încorporate vă sfătuiesc să le verificați în acest fel: (document.getElementById ! document.all) sau (document.all ! window.opera) sau cumva în acest fel și pentru a verifica dacă există o metodă de care aveți nevoie. De exemplu, aici: var cursorX = e.pageX. e.pageX. e.clientX + ietruebody () scrollLeft; Și este ciudat că este scris în unele locuri variabila e într-un alt eveniment din acest script este același lucru. Oamenii sunt înșelați de
Oamenii cu care am o problemă cu acest script: Dacă mizeria se află în apropiere (în cod) cu apelantul, atunci totul funcționează (dar alte obiecte se suprapun) și dacă partea de jos este în fața