Vyřešené problémy

Vynucení požadavku http jako https

Pokud mám na stránkách odkaz nebo obrázek s http (např. <a href=“http://mylog.cz/obrazek.png“><img src=“http://mylog.cz/obrazek.png“></a>) a potřebuji jej zavolat jako https, pak přidejte do hlavičky html kód: <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> POZOR!!! tento kód zablokuje všechny nezabezpečené přenosy! Kód pro přesměrování http na Číst více…

Od admin, před
Poznámky

Zobrazit obrázek v atributu na hover pomocí jQuery

Například pokud chceme zobrazit obrázek, který máme v „href“ atributu elementu „a“: Html: <div class="showimg"><a href="/cesta/k-souboru.jpg">Na hover zobraz obrázek v href</a></div> Javascript: <script> $(".showimg a").attr("style", "position:relative").mouseenter(function(){ var img=$(this).attr("href"); $(this).append("<span class='mosimg' style='position:absolute; bottom: 105%;left:0px;'><img src='"+ img + "' style='max-width:1000px;border:1px solid #999; Číst více…

Od admin, před
Poznámky

Android Javascript debugger

Jak zjistit chybu v javascriptu na Android telefonech: <script> window.onerror = function (message, url, lineNo){ alert('Error: ' + message + '\n' + 'Url: ' + url + '\n' + 'Line Number: ' + lineNo); return true; } </script>

Od admin, před
Poznámky

Bootstrap carousel fade effect

Fading effect u Bootstrap Carouselu Přidat hlavnímu divu Carouselu class „carousel-fade“ CSS: .carousel-fade .carousel-inner .item { opacity: 0; transition-property: opacity; } .carousel-fade .carousel-inner .active { opacity: 1; } .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: Číst více…

Od admin, před
Poznámky

CSS hacky pro IE

Pokud potřebujeme CSS jen pro různé verze IE CSS: #hack{ color:red; /* všechny prohlížeče */ color:red !important; /* všechny prohlížeče kromě IE6 */ _color:red; /* pracuje jen v IE6 */ *color:red; /* IE6, IE7 */ +color:red; /* pracuje jen v Číst více…

Od admin, před
Poznámky

Přesměrování http na https pomocí htaccess

RewriteCond %{HTTPS} off RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI} Pokud potřebujeme vždy k URI přidat www. – https://www.mylog.cz/ (když někdo napíše mylog.cz bez www) RewriteCond %{HTTPS} off RewriteRule .* https://%{HTTP_HOST}%{REQUEST_URI} RewriteCond %{HTTP_HOST} !^www\. RewriteRule .* https://www.%{HTTP_HOST}%{REQUEST_URI}

Od admin, před
Poznámky

Kopírování obrázků pomocí jQuery a přiřazení eventů klonům

Kopírování (klonování) obrázků do jiného elementu pomocí jQuery. A povolení přiřazení událostí (bind events) těmto kopiím (klonům), protože defaultně toto nefunguje. $('.preview-pic img').each(function(index, element) { $(this).clone(element, true).appendTo($('#magnified .modal-footer'));  // zkopírujeme všechny obrázky z divu preview-pic do divu .modal-footer. True povolí Číst více…

Od admin, před
Poznámky

Show / hide element na stránce

Skript pro zobrazení a skrytí elementů na stránce. Univerzálně stačí přiřadit třídy showhider-X „tlačítku“ a showhide-X prvku, který chceme skrýt (kde X je číslo, které spojuje elementy). HTML <p><input id="checkbox" class="checkboxstyle" type="checkbox" /><label class="showhider-1" for="checkbox">Po kliknutí se zatrhne checkbox a Číst více…

Od admin, před
Poznámky

jQuery vypsání obrázků pomocí html

Script vypíše všechny obrázky na stránce popořadě (opakují se pokud použijete jeden obrázek vícekrát) za div .container var images=$("img"); images.each(function( index ) { $(".container").append("Všechny obrázky v dokumentu: " + images[index].outerHTML); }) Pokud chcete jen první obrázek pak stačí změnit skript Číst více…

Od admin, před