przeglądanie zdjęć w Quick CMS 5.4 ADD

Husarz

Avatar: Husarz

2014-12-04 12:07

Witam,

Zauważyłem, że jak się kliknie na zdjęcie 2 razy lewym przyciskiem myszy, to zdjęcie się zaznacza i robi się całe niebieskie (w każdej przeglądarce internetowej), każde następne przeglądane w pokazie slajdów jest też niebieskie.

Jak zablokować podwójne kliknięcie myszy by zachowało się jak pojedyczne, gdzie jakoś za pomocą java script?

Z góry dziękuję za pomoc.

» Quick.Cms v5.x

Łukasz

Husarz

Avatar: Husarz

2014-12-08 16:36

Nikt nie wie jak naprawić mój problem??

Łukasz

pawgraf

Avatar: pawgraf

2014-12-08 16:59

Moża to zrobic przy pomocy CSS a dokladniej

-webkit-user-select: none; /* Chrome i Safari */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE 10 i wyżej */
-o-user-select: none; /* Aktualnie niewspierane */
user-select: none; /* Aktualnie niewspierane */

ewentualnie można coś podziałać z jQuery >= 1.8

(function($){
$.fn.disableSelection = function() {
return this
.attr('unselectable', 'on')
.css('user-select', 'none')
.on('selectstart', false);
};
})(jQuery);


Wujek google ma dużo do powiedzenia na ten temat

Paweł

Husarz

Avatar: Husarz

2014-12-08 23:51

Dzięki. Rozwiązanie CSS cześciowo spełnia moje oczekiwanie:
Użycie poniższego powoduje, że obrazek się nie zaznacza, ale podpis pod nim i ramka nad już tak.

img{

-webkit-user-select: none; /* Chrome i Safari */
-khtml-user-select: none;
-moz-user-select: none; /* Firefox */
-o-user-select: none; /* Aktualnie niewspierane */
user-select: none; /* Aktualnie niewspierane */

}

Kiedy z kolei użyję:

div, img{

-webkit-user-select: none; /* Chrome i Safari */
-khtml-user-select: none;
-moz-user-select: none; /* Firefox */
-o-user-select: none; /* Aktualnie niewspierane */
user-select: none; /* Aktualnie niewspierane */

}

to działa prawie tak jak należy (nie ma zaznaczonego podpisu ani ramki), ale wówczas nie mogę nic zaznaczyć na mojej stronie, a to nie ma sensu....aż tak nie chcę utrudniać ludziom życia.


PS. Jeśli chodzi o rozwiązanie z Jquery, to jak mam je zastosować w quick CMS 5.4 ADD, który plik należy zmodyfikować?

Łukasz

pawgraf

Avatar: pawgraf

2014-12-13 12:06

W pliku mlbox.js ktory znajduje sie w plugins/mlbox po lini mlbox_mlct=mlbox_mld.createElement("div"); dodaj mlbox_mlct.className = "JAKAS_NAZWA";

i pozniej w stylach dla .JAKAS_NAZWA ustaw style

-webkit-user-select: none; /* Chrome i Safari */
-khtml-user-select: none;
-moz-user-select: none; /* Firefox */
-o-user-select: none; /* Aktualnie niewspierane */
user-select: none; /* Aktualnie niewspierane */

nie jest to super rozwiazanie poniewaz nie dziala na starszuch przegladarkach

Paweł

Husarz

Avatar: Husarz

2015-01-06 11:21

dobrze rozumiem?

1. dodaję do pliku mlbox.js { po lini mlbox_mlct=mlbox_mld.createElement("div"); } np. mlbox_mlct.className = "fox";
2. następnie w folderze template\uzywany_szablon tworze plik: style.fox, o zawartości:

-webkit-user-select: none; /* Chrome i Safari */
-khtml-user-select: none;
-moz-user-select: none; /* Firefox */
-o-user-select: none; /* Aktualnie niewspierane */
user-select: none; /* Aktualnie niewspierane */


Podejrzewam, że źle zrozumiałem poprzednią sugestię, dlatego proszę o sprostowanie, co źle zrobiłem, bez skrótów myślowych i uproszczeń.

Husarz

Avatar: Husarz

2015-01-13 13:37

pomożecie w temacie? Prośba zwłaszcza do pawgraf, który zaczął temat, ale nie do końca rozumiem o co chodziło....stąd powyżej moje pytanie uzupełniające...

Łukasz

Do góry
o nas | kontakt