Články

Naprogramování integrálů v Javascriptu

Velmi jednoduchý, spíše začátek pro výpočet a zobrazení a výpočtu plochy pomocí integrálů. Pro parsování matematických funkcí je použita knihovna math.js V celém dokumentu zaměňte všechny &lt ; (bez mezery před středníkem) za levé závorky < a kód funguje (nechce se mi to řešit)… Plus některé věci nefungují jak mají, Číst více…

Od admin, před
Vyřešené problémy

Zjištění podpory prohlížeče zobrazení obrázků ve formátu WebP pomocí javascriptu

function testWebP(callback) { var webP = new Image(); webP.onload = webP.onerror = function () { callback(webP.height == 2); }; webP.src = 'data:image/webp;base64,UklGRjoAAABXRUJQVlA4IC4AAACyAgCdASoCAAIALmk0mk0iIiIiIgBoSygABc6WWgAA/veff/0PP8bA//LwYAAA'; }; testWebP(function(support) { (support)?console.log("podporuje"): console.log("nepodporuje"); }); Nebo lze vyzkoušet konkrétní typy obrázků… Animace, bez komprese, s kompresí, s průhledností pomocí skriptu od Google: // 'feature' can be one Číst více…

Od admin, před
Poznámky

Počet slov na stránce pomocí jQuery

Skript vezme všechen text, oddělá „bannedWords“ (například tečky a čárky) a pak až počítá slova. Jednotlivá slova, páry a po třech slovech. Protože však oddělává například tečky, tak konečné slovo věty a začáteční slovo druhé věty vezme jako spojený pár slov… Takto vytiskne 20 nejčastějších slov a slovních spojení. První Číst více…

Od admin, před
Poznámky

Zvětšení obrázku s pohybem při najetí myši – Hover image zoom magnification with mouse movement

Při najetí na obrázek se obrázek zvětší jako po najetí lupy s možností pohybu myši a obrázku. Každému obrázku, na který chcete efekt použít přidejte class=“magIMG“ Některé CSS mohou funkci znepřesnit, potom si musíte individuálně upravit CSS. CSS: .MagnifyImageDiv { position: relative; overflow:hidden; padding:0; margin:0; display: inline-block; } .MagnifyImageDiv .hovermagnified Číst více…

Od admin, před
Poznámky

.htaccess přesměrování stránek z http na https a odstranění www.

Pokud potřebujete, aby se domény 3. řádu přesměrovávaly na formát https://subdomena.domena.cz , pak použijte následující kód. Kód funguje i pro domény 2. řádu. #presmerovani http:// na https:// RewriteCond %{HTTPS} off RewriteRule .* https://%{HTTP_HOST}%{REQUEST_URI} [R=301] #presmerovani https://www. na https:// - odstranění www. RewriteCond %{HTTPS} on RewriteCond %{HTTP_HOST} ^www\.(.+)$ [NC] RewriteRule ^ Číst více…

Od admin, před
Vyřešené problémy

Datumy posledních N dní do pole – Javascript

Jak získat datumy posledních N dní do pole array pomocí čistého Javascriptu? Například naplnění pole posledními 7 dny: function LastNDays(pocet) { var labels=Array(pocet).fill().map((e,i)=>i); return labels.map(function(n) { var d = new Date(); d.setDate(d.getDate() - n); return (function(day, month, year) { return [day<10 ? '0'+day : day, month<9 ? '0'+(month+1) : (month+1), Číst více…

Od admin, před
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 https v htaccess: # presmerovani http na https a 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; border-radius:10px;'></span>"); }).mouseleave(function(){ $(".mosimg").remove(); }); </script> Libovolně můžete měnit CSS v Čí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: 1; } .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: Čí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 IE7*/ *+color:red; /* pracuje jen v IE7 */ color:red\9; /* Číst více…

Od admin, před