Oldal: 1 / 1

Hogy lehet a böngésző tooltipjét kikapcsolni?

Elküldve: 2016.09.26. 20:25
Szerző: lmartin
Üdvözletem!
Készítek egy saját buborék-szöveg (tooltip) megjelenítő scriptet, de a böngésző is megjeleníti a title szöveget. Hogy lehet ezt a funkciót kikapcsolni?

Re: Hogy lehet a böngésző tooltipjét kikapcsolni?

Elküldve: 2016.09.27. 08:17
Szerző: gBaSoft
Nem lehet kikapcsolni, de van megoldás arra, hogy ne jelenjen meg az eredeti Tooltip buborék.

Kód: Egész kijelölése

jQuery(document).ready(function($){
   $('[title]').each(function() {
      $(this).data('title', $(this).attr('title')).removeAttr('title');
   });
});

A fenti script az összes olyan dokumentum elemnél, ahol létezik title elem, létrehoz egy data-title elemet és átmásolja a szöveget, majd törli a title attribútumot.
Ezután a böngésző már nem fogja megjeleníteni az eredeti tooltipet, mivel az már nem létezik.
Saját megjelenítéshez a data-title tartalmát lehet felhasználni.

Kód: Egész kijelölése

$('[data-title!=""]').on('hover', function() {
   alert($(this).data('title'));
});

Re: Hogy lehet a böngésző tooltipjét kikapcsolni?

Elküldve: 2016.09.27. 08:55
Szerző: lmartin
Köszönöm!
Lenne még egy kérdésem. A $(' .valami ').on('click', function() teljesen jól működik, egészen addig, amíg létre nem hozok futásidőben új .valami elemeket. Az újaknál nem történik semmi. Mi erre a megoldás?

Re: Hogy lehet a böngésző tooltipjét kikapcsolni?

Elküldve: 2016.09.27. 09:33
Szerző: gBaSoft
Próbáld meg a kattintást a következő módon "elkapni":

Kód: Egész kijelölése

$(document).on("click", ".valami", function() {
   ...
});

Re: Hogy lehet a böngésző tooltipjét kikapcsolni?

Elküldve: 2016.09.27. 09:43
Szerző: lmartin
Kösz a segítséget, kipróbálom. Egy utolsó problémámat is leírnám, nagyon nem értem a dolgot.
Van egy formom, amiben a következő kódot írtam (egy lenyíló szövegdobozról van szó)

Kód: Egész kijelölése

<select id="sel1">
   <option value="1">1. elem</option>
   <option value="1" selected="selected">2. elem</option>
   <option value="1">3. elem</option>
</select>

A gond az, hogy az első szövegen áll, hiába adtam meg a selectedet.
Firefox böngészőt használok.

Re: Hogy lehet a böngésző tooltipjét kikapcsolni?

Elküldve: 2016.09.27. 09:59
Szerző: gBaSoft
Jobb lenne különböző jellegű kérdéseknél új témát nyitni. A kérdés nem igazán a JavaScript, jQuery, Ajax fórumba való. Külön fórum van a Web - (HTML, CSS, egyéb) témáknak.
De ha már itt vagyunk, próbáld meg a selected-et önmagában használni, selected= nélkül. Ezenkívül tedd be minden select-be az autocomplete="off" paramétert.

Kód: Egész kijelölése

<select id="sel1" autocomplete="off">
   <option value="1">1. elem</option>
   <option selected value="1">2. elem</option>
   <option value="1">3. elem</option>
</select>