• Login
  • Register
  • Zoek
This Thread
  • Everywhere
  • This Thread
  • This Forum
  • Articles
  • Pages
  • Forum
  • Filebase Entry
  • More Options

ICTscripters

Dé plek voor IT

Dé plek voor IT

Login

Geavanceerde opties
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
  3. ICT Nieuws
  4. Blog
  5. Marktplaats
    1. Werk
    2. Advertenties
    3. Domeinnamen
    4. Websites
    5. Design & lay-outs
    6. Scripts
    7. Overige
  6. Design
  7. Leden
    1. Actieve bezoekers
    2. Team
    3. Leden zoeken
  8. Downloads
  9. Goedkope domeinnamen
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
  3. ICT Nieuws
  4. Blog
  5. Marktplaats
    1. Werk
    2. Advertenties
    3. Domeinnamen
    4. Websites
    5. Design & lay-outs
    6. Scripts
    7. Overige
  6. Design
  7. Leden
    1. Actieve bezoekers
    2. Team
    3. Leden zoeken
  8. Downloads
  9. Goedkope domeinnamen
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
  3. ICT Nieuws
  4. Blog
  5. Marktplaats
    1. Werk
    2. Advertenties
    3. Domeinnamen
    4. Websites
    5. Design & lay-outs
    6. Scripts
    7. Overige
  6. Design
  7. Leden
    1. Actieve bezoekers
    2. Team
    3. Leden zoeken
  8. Downloads
  9. Goedkope domeinnamen
  1. Dé plek voor IT - ICTscripters
  2. Forum
  3. Scripting & programmeren
  4. Javascript + Ajax

Forum

  • RPG game gebouwd met AI

    Frenzo.Webservice 11 juni 2026 om 19:44
  • Het Grote Vibe Code Topic

    Syntax 1 juni 2026 om 20:05
  • PWYL source gezocht

    Syntax 29 mei 2026 om 14:03
  • Ictscripters Chat

    AarClay 21 april 2026 om 11:34
  • Help testers nodig voor android app Urgent

    Servertjee 20 februari 2026 om 12:07
  • Partner Gezocht om meerdere NFT Collecties op Open Sea te Plaatsen

    Servertjee 20 februari 2026 om 12:06
  • Afspraken systeem met planbeperking

    Jeffrey.Hoekman 20 februari 2026 om 11:52
  • Developer Gezocht

    Servertjee 19 februari 2026 om 17:31

Marktplaats

  • 359 Nieuwe Domeinnamen Mei 2026

    shiga 1 juni 2026 om 12:45
  • Sicarras.com - Moderne Mafia Text-Based RPG

    Jeffrey.Hoekman 27 mei 2026 om 17:40
  • 370 Nieuwe Domeinnamen April 2026

    shiga 1 mei 2026 om 12:06

Screenshot bij laden pagina

  • SimoneOnline
  • 12 januari 2017 om 14:47
  • SimoneOnline
    Student
    Ontvangen Reacties
    1
    Berichten
    57
    • 12 januari 2017 om 14:47
    • #1

    Hoi,

    Ik heb nu onderstaande code maar nu moet ik op een button klikken voordat een screenshot wordt gemaakt van een div. Wie weet hoe ik dit kan aanpassen zodat deze wordt gemaakt bij het laden van de pagina?

    Code
    <script type="text/javascript">
    $(document).ready(function(){
    	/*BEGIN DOWNLOAD HTML CONTENT AS IMAGE*/
    	if($("#image-canvas").length>0) {
    		$(".save-image").on('click', function() {
    			$("#image-canvas").height($($(this).attr('data-print-area')).height());
    			$("#image-canvas").width($($(this).attr('data-print-area')).width());
    			$($(this).attr('data-print-area')).html2canvas({
    				onrendered: function (canvas) {
    	              var formdata = {
    	                              image_code:canvas.toDataURL("image/png")
    	                            };
    	              //console.log(formdata);
    	              $.post("screenshot/saveimage.php", formdata, function(msg) {
    	                console.log(msg);
    	                window.location.href=msg;
    	              });
    				}
    			});
    	    });    
    	}		
    	/*END DOWNLOAD HTML CONTENT AS IMAGE*/
    });
    </script>
    Toon Meer
  • Guest, wil je besparen op je domeinnamen? (ad)
  • FangorN
    Professional
    Ontvangen Reacties
    196
    Articles
    2
    Berichten
    737
    • 12 januari 2017 om 15:21
    • #2

    Breng het opslaan van de afbeelding onder in een aparte functie. Roep deze functie aan wanneer je de afbeelding wilt opslaan:
    - bij het laden van de pagina (kan direct in het ready() { ... } blok)
    - bij het klikken op de save-button

  • SimoneOnline
    Student
    Ontvangen Reacties
    1
    Berichten
    57
    • 12 januari 2017 om 18:24
    • #3

    Zou je een voorbeeld kunnen maken met bovenstaande? Ik krijg het niet werkende. Weet niet hoe ik de on click weg krijg...

  • FangorN
    Professional
    Ontvangen Reacties
    196
    Articles
    2
    Berichten
    737
    • 13 januari 2017 om 01:18
    • #4

    Ik ging er min of meer vanuit dat je beide wilt? Automatisch bij het laden van de pagina, op afroep bij het klikken op de save-knop? Dat zou dan zoiets worden?

    HTML
    <script type="text/javascript">
    //<![CDATA[
    function saveImage() {
        // moved if statement to function
        if ($("#image-canvas").length > 0) {
            $("#image-canvas").height($($(this).attr('data-print-area')).height());
            $("#image-canvas").width($($(this).attr('data-print-area')).width());
            $($(this).attr('data-print-area')).html2canvas({
                onrendered: function (canvas) {
                    var formdata = {
                        image_code:canvas.toDataURL('image/png')
                    };
                    // console.log(formdata);
                    $.post('screenshot/saveimage.php', formdata, function(msg) {
                        console.log(msg);
                        window.location.href = msg;
                    });
                }
            });
        } else {
            // @todo maybe some feedback here like "can't save image"?
        }
    } // function saveImage
    
    
    $(document).ready(function() {
        // save image on load
        saveImage();
    
    
        // save image on click
        $(".save-image").on('click', function() {
            saveImage();
        });
    });
    //]]>
    </script>
    Toon Meer

    Als je het onclick gedeelte weg wilt hebben haal je gewoon het on click blok weg. Ik geloof dat alle haken goed staan maar je moet maar even kijken.

    Overigens als $(document).ready() niet werkt kun je overwegen om $(window).load() te gebruiken om de code pas effectief te maken als alle objecten, frames en afbeeldingen op de pagina zelf zijn geladen zoals hier staat uitgelegd.

Participate now!

Heb je nog geen account? Registreer je nu en word deel van onze community!

Maak een account aan Login

ICT Nieuws

  • Quanscient ontvangt €10M om AI- en kwantum-native hardware engineering te bevorderen - Tech.eu

    ICTscripters 27 mei 2026 om 12:03
  • Datalek bij leverancier Canvas - Universiteit van Amsterdam

    ICTscripters 10 mei 2026 om 12:03
  • Data privacy in 2026: Hoe de naleving van GDPR verandert

    ICTscripters 8 mei 2026 om 12:16

Blogs

  • Functioneel ontwerp

    Dees 28 december 2014 om 12:38
  • Access Control List implementatie in PHP/MySQL - deel 1/2

    FangorN 28 december 2018 om 12:35
  • Access Control List implementatie in PHP/MySQL - deel 2/2

    FangorN 29 december 2018 om 12:37

Gebruikers die dit topic bekijken

  • 1 Gasten
  1. Marktplaats
  2. Design
  3. Voorwaarden
  4. Ons team
  5. Leden
  6. Geschiedenis
  7. Regels
  8. Links
  9. Privacy Policy
ICTscripters ©2005 - 2026 , goedkope hosting door DiMoWeb.com, BE0558.915.582
Sponsors: Beste kattenhotel provincie Antwerpen | Beste Zetes eid kaartlezer webshop
Style: Nexus by cls-design
Stylename
Nexus
Manufacturer
cls-design
Licence
Commercial styles
Help
Supportforum
Visit cls-design