Anonymní profil peter – Programujte.com

Příspěvky odeslané z IP adresy 2001:718:2601:258:a888:d5...–

peter

JavaScript, AJAX, jQuery › canvas toDataURL SecurityError

18. 12. 2017 #219029

Mam programem na miniatury (viz url).
Kdyz pretahnete obrazek z plochy , vyrobi to miniaturu do canvas1 (napravo) a kliknete SaveX, tak se otevre nove okno se zmenseninou.
Kdyz obrazek pretahnete z jine webove stranky, ukazuje v canvas1 zmenseninu, ale po kliknuti na SaveX skonci v konzoli s chybou pro funkci toDataURL (viz kousek kodu dole):

SecurityError: The operation is insecure.

Co s tim? Zkousel jsem googlovat, tam je neco jako document.domain nebo img.crossOrigin, ale neumim to asi pouzit. Kdyz si dam alerty, tak deaulft je oboji null nebo undefined, na img, canvasu, coz by podle dokumentace melo znamenat nastaveni anonymous. Zkusil jsem tam vnutit anonymous, ale pak kupodivu neslo pretahnout ani obrazek do programu
Potreboval bych udelat to, ze ze stareho webu si pretahnu mysi obrazek sem a hnedka z canvas1 ho pretahuji na novy web do vizualniho editoru. Zatim mi to teda tak nefunguje, jen po kliknuti na saveX mi to zobrazi data obrazku v base64.

http://mlich.zam.slu.cz/js-imager/image-peter-b.htm

MM.func.saveX = function(event)
    {
//    document.domain = ???
    var canvas1;
    canvas1 = MM.imager.obj.canvas1;
//canvas1.crossOrigin = "anonymous" // ??? null
    window.open(canvas1.toDataURL("image/png"));
    event.preventDefault();
    }

peter

JavaScript, AJAX, jQuery › Jquery submit bez refreshu

18. 12. 2017 #219025

Jo, na submit zapomen, ten se tyka jen formulare. Ledaze bys ten formular dal do neviditelneho iframe. Pak si v iframe muzes submitovat, jak je libo a data prenaset do vnejsiho okna.

peter

JavaScript, AJAX, jQuery › Jquery submit bez refreshu

18. 12. 2017 #219024

https://api.jquery.com/jquery.post/

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery.post demo</title>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
 
<form action="/" id="searchForm">
  <input type="text" name="s" placeholder="Search...">
  <input type="submit" value="Search">
</form>
<!-- the result of the search will be rendered inside this div -->
<div id="result"></div>
 
<script>
// Attach a submit handler to the form
$( "#searchForm" ).submit(function( event ) {
 
  // Stop form from submitting normally
  event.preventDefault();
 
  // Get some values from elements on the page:
  var $form = $( this ),
    term = $form.find( "input[name='s']" ).val(),
    url = $form.attr( "action" );
 
  // Send the data using post
  var posting = $.post( url, { s: term } );
 
  // Put the results in a div
  posting.done(function( data ) {
    var content = $( data ).find( "#content" );
    $( "#result" ).empty().append( content );
  });
});
</script>
 
</body>
</html>

peter

CSS › Skrytí prvku při určitém roz…

18. 12. 2017 #219023

ups, tak raci znova, googluj (v zavorce jedna z prvnich stranek z googlu)
css media (https://www.jakpsatweb.cz/css/media.html)
css grid layout (https://developer.mozilla.org/…_Grid_Layout)
css flex-flow layout (https://css-tricks.com/…-to-flexbox/)

peter

CSS › Skrytí prvku při určitém roz…

18. 12. 2017 #219022

css flex-flow layout
css grid layout
css media layout