Zobrazují se příspěvky se štítkemHTML. Zobrazit všechny příspěvky
Zobrazují se příspěvky se štítkemHTML. Zobrazit všechny příspěvky

středa 14. prosince 2016

Jak zamezit kopírování textu z HTML stránky

Někdy se hodí aby nebylo možné jednoduše zkopírovat text z vaší HTML stránky.

<html>
<head>
<style type="text/css">
P {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
</style>
</head>
<body>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo 
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse 
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat 
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>

<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod 
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu 
fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in 
culpa qui officia deserunt mollit anim id est laborum.</div>
</body>

</html>
Zdroj: http://stackoverflow.com/questions/9620122/stop-html-text-being-highlighted

úterý 29. listopadu 2016

Jak vyvolat dialog tisku pro PDF

<html>
<body>
<h1>Reporting</h1>
<!-- <iframe id="reportView" name="reportView" style="display:none;" ></iframe> -->
<hr/>
<button onclick="javascript:printIframe();">Print</button>
<script type="text/javascript">
function createIframeReportViewer()
{
 var ifm = document.createElement("IFRAME"); 
 ifm.id = 'reportView';
 ifm.style = "display:none;";
 document.body.appendChild(ifm);
}

function printIframe(){
 createIframeReportViewer();
 document.getElementById("reportView").onload = function(){
  alert("PDF was loaded.");
  var frm = document.getElementById("reportView").contentWindow;
         frm.focus();
         frm.print();
 }
 document.getElementById('reportView').src = "data.pdf";

        return false;
}
</script>
</body>
</html>
Do iFrame se načte PDF a jakmile se dokončí jeho stahování tak se vyvolá dialog tisku.

Poznámka:
Je potřeba zkoušet pře server protože při spouštění lokálního HTML souboru se nenastaví origin a je problém s vyvoláním akce tisku nad iFramem.

Zdroje:
http://stackoverflow.com/questions/9616426/javascript-print-iframe-contents-only
http://stackoverflow.com/questions/6000987/dynamically-set-iframe-src
https://en.wikipedia.org/wiki/Same-origin_policy
https://developer.mozilla.org/en-US/docs/Web/Security/Same-origin_policy
http://www.w3schools.com/jsref/met_document_createelement.asp

čtvrtek 29. října 2015

Jak v systému nastavit akci po kliku na mailto: odkaz a jak ho správně vytvořit

Nastavení systému

Aby reagoval na kliknutí na odkaz protokolu mailto:, se dá ve Win8 nastavit v:
Ovládací panely / Programy / Výchozí programy / Otevírat určený typy souborů vždy pomocí konkrétního programu
Na konci seznamu je část protokoly kde najdete položku s názvem MAILTO
dvojklikem můžete zvolit jinou aplikaci.

Zdroj:
http://www.nextofwindows.com/how-to-change-default-mailto-behavior-in-windows-8

Jak správně sestavit link

  • Pokud URL bude obsahovat mezery tak nebude správně fungovat.
  • Pokud nahradíte mezery znakem '+' promítne se Vám například do těla e-mailu
  • Je zapotřebí zakódovat URL pomocí HTML entit a nahradit tak např. mezery za %20
Příklad:
<a href="mailto:prijemce@example.com?subject=Ahoj%20Jak%20Se%20Mas&body=Kouknmi%20se%20na%20Web%20http%3A%2F%2Fwww.verebro.com%2F.">Share Link By Email</a>

Zdroje: