Stima Soft

    M-am gandit sa fac o mica serie de post-uri referitoare la javascript in general, la jQuery in special.

    Personal, gasesc acest framework a fi unul excelent pentru fix-uri rapide, dar si pentru creare de interfete complete folosind AJAX.

    Un fix la care am apelat de curand a fost crearea unui link fara a folosi tag-ul a din html. Se poate realiza foarte usor, fara a modifica DOM-ul existent. Eu am folosit aceasta metoda deoarece nu vroiam sa modific structura DOM a documentului, pentru ca ar fi insemnat sa modific alte functii de javascript ce implementau diferite functionalitati.

    Este de la sine inteles faptul ca trebuie sa includeti framework-ul jQuery in head-ul paginii. jQuery poate fi descarcat de aici.

    In continuare voi descrie pasii ce trebuie urmati pentru a obtine acest element simulat.

HTML

<p id="simuLink">Buy design</p>


    Elementul DOM poate fi oricare altul, nu este obligatoriu sa fie p. Poate fi div, span, h, td, etc.

    Pentru a ii conferi un aspect de link acestui element, adaugam o definitie css de forma:

CSS

.simuLink {
    cursor:pointer;
    font-weight:bold;
    text-decoration:underline;
}


    Acum trecem la partea frumoasa, la implementarea functionalitatii cu ajutorul framework-ului jQuery.

JAVASCRIPT

$(document).ready(function(){
    $('p#simuLink').click(function() {
        document.location = 'http://url'; // a se edita
    });
});


    Codul javascript este destul de simplu si nu cred ca necesita explicatii suplimentare. Se observa ca prin prima linie a codului javascript, se ataseaza event-ul click elementului de tip p cu id-ul simuLink.

    Mai simplu nu se poate. Eu am gasit aceasta metoda ca fiind cea mai simpla ocolire a multor probleme legate de selectarea unui singur element a dintr-un element div, de exemplu, atunci cand trebuie sa avem mai multe link-uri in acel element div.

    Sper ca o sa va ajute acest mic truc.