{"id":1141,"date":"2022-05-24T12:20:57","date_gmt":"2022-05-24T11:20:57","guid":{"rendered":"https:\/\/wiskunst.nl\/?page_id=1141"},"modified":"2022-10-17T13:46:49","modified_gmt":"2022-10-17T12:46:49","slug":"lazarus-klokje-zonder-form","status":"publish","type":"page","link":"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-zonder-form\/","title":{"rendered":"Lazarus-Klokje-Zonder form"},"content":{"rendered":"<p><strong><span class=\"collapseomatic \" id=\"id69e59a19ec0fc\"  tabindex=\"0\" title=\"Afleveringen\"    >Afleveringen<\/span><div id=\"target-id69e59a19ec0fc\" class=\"collapseomatic_content \"><\/strong><\/p>\n<ul>\n<li><a href=\"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-start\/\">Start<\/a><\/li>\n<li>Zonder form<\/li>\n<li><a href=\"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-zichtbaarheid-en-pop\/\">Zichtbaarheid en pop<\/a><\/li>\n<li><a href=\"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-opmaak\/\">Opmaak<\/a><\/li>\n<li><a href=\"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-instellingen-bewaren\/\">Instellingen bewaren<\/a><\/li>\n<li><a href=\"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-analoog\/\">Analoog<\/a><\/li>\n<li><a href=\"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-analoog-opmaak\/\">Analoog opmaak<\/a><\/li>\n<li><a href=\"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-nieuwe-vensters\/\">Nieuwe vensters<\/a><\/li>\n<li><a href=\"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-alarm\/\">Alarm<\/a><\/li>\n<li><a href=\"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-finale\/\">Finale<\/a> <\/div><\/li>\n<\/ul>\n<h2>Het klokje loopt!<\/h2>\n<h4>Form verwijderen<\/h4>\n<p>Wel zit het klokje nog in een form en dat is niet de bedoeling. Ik bedoel hiermee dat ik het form niet wil zien, maar alleen het label waar de tijd staat. Uiteraard blijft het form wel bestaan maar moet aan het zicht onttrokken worden.<\/p>\n<p>Het klokje moet wel verplaatsbaar blijven en daar zit nu de uitdaging.<\/p>\n<p>Om te beginnen gaan we de knop OK weghalen.<\/p>\n<p><span style=\"font-family: terminal, monaco, monospace;\">&#8211; Klik in de form op de button <em>OK<\/em> en druk dan op de <em>Del(ete)<\/em>-toets.<\/span><\/p>\n<p>Lazarus verwijdert nu de knop van het form en in de code de verwijzing naar <em>TButton<\/em> in de class-definitie.<\/p>\n<p>Wat echter niet gebeurt is het weghalen van de event-handler <em>btnOkClick<\/em>. Dit moeten we zelf doen<\/p>\n<p><span style=\"font-family: terminal, monaco, monospace;\">&#8211; Ga naar het Broncode-venster en verwijder uit de class-definitie de regel met <em>procedure btnOkClick<\/em>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Verwijder in de <em>implementation<\/em>-sectie de gehele <em>procedure btnOKClick<\/em> (dus t\/m de <em>end;<\/em>).<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Run de applicatie en sluit deze daarna weer.<\/span><\/p>\n<p><strong><span style=\"font-family: helvetica, arial, sans-serif;\"><span style=\"text-decoration: underline;\">Handigheidje<\/span>: Wanneer u in de code de gehele regel waar de cursor staat wilt verwijderen kunt u <em>Ctrl+y<\/em> gebruiken (Och, waar is WordStar toch gebleven?).<\/span><\/strong><\/p>\n<p>Nu gaan we vanuit de code het form precies zo groot maken als het label.<\/p>\n<p>Het <em>Label<\/em> heeft de property <em>AutoSize<\/em>. Als deze de waarde <em>True<\/em> heeft dan wordt er automatisch voor gezorgd dat alle tekst in het label past. Ook wanneer het <em>Font<\/em> wijzigt zal de grootte van het <em>Label<\/em> worden aangepast. We moeten er dus voor zorgen dat wanneer het <em>Label<\/em> van grootte verandert het <em>Form<\/em> dit ook doet. En daarvoor heeft het <em>Label<\/em> een event <em>OnResize<\/em> dat &#8220;afgaat&#8221; wanneer het <em>Label<\/em> van grootte wijzigt. En dit event moeten we dus gaan afvangen.<\/p>\n<p><span style=\"font-family: terminal, monaco, monospace;\">&#8211; Klik op het form op het Label <em>lblTijd<\/em>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Ga in de <em>Object Inspector<\/em> naar de tab <em>Gebeurtenissen<\/em>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Zoek de regel met <em>OnResize<\/em>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Dubbelklik in het lege vak rechts naast <em>OnResize<\/em>.<\/span><\/p>\n<p>Het code-venster wordt weer zichtbaar en Lazarus heeft de event-handler <em>lblTijdResize<\/em> toegevoegd. In deze procedure gaan we het form even groot maken als het label.<\/p>\n<p><span style=\"font-family: terminal, monaco, monospace;\">&#8211; Voeg de volgende regels code toe in de <em>procedure lblTijdResize<\/em>:<\/span><br \/>\n&#8211; <span style=\"font-size: 10pt;\"><em><strong><span style=\"font-family: 'courier new', courier, monospace;\">\u00a0 frmKlokje.Width := lblTijd.Width;<\/span><\/strong><\/em><\/span><br \/>\n&#8211; <span style=\"font-size: 10pt;\"><em><strong><span style=\"font-family: 'courier new', courier, monospace;\">\u00a0 frmKlokje.Height := lblTijd.Height;<\/span><\/strong><\/em><\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Run nu het klokje weer.<\/span><\/p>\n<p>De hoogte van het form is nu precies goed. De breedte is echter (nog) niet goed:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1587 size-full\" src=\"https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Klokje_02.jpg\" alt=\"\" width=\"140\" height=\"54\" \/><\/p>\n<p>Dit komt omdat het form zelf nog knoppen heeft in de titel-balk. Deze moeten we eerst weghalen. Probleem wat hier dan bij optreedt is dat we de sluitknop gaan missen en dus het klokje niet meer kunnen afsluiten. Daarvoor gaan we eerst een (tijdelijke) oplossing maken.<\/p>\n<p><span style=\"font-family: terminal, monaco, monospace;\">&#8211; Sluit het klokje.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Selecteer in de form het label <em>lblTijd<\/em>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Ga in de <em>Object Inspector<\/em> naar de tab <em>Gebeurtenissen<\/em> en zoek de regel met <em>OnDblClick<\/em>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Dubbelklik in het vak daar rechts van.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Voeg in het code-venster de regel <span style=\"font-size: 10pt;\"><em><strong><span style=\"font-family: 'courier new', courier, monospace;\">close;<\/span><\/strong><\/em><\/span> toe<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Run het project en dubbelklik op de tijd.<\/span><\/p>\n<p>Het klokje sluit nu door te dubbel-klikken op de tijd.<\/p>\n<p>Even een paar opmerkingen tussen door.<\/p>\n<p><strong><span style=\"font-family: helvetica, arial, sans-serif;\"><span style=\"text-decoration: underline;\">Opmerking<\/span>: Ieder component heeft een default-event. Wanneer u in de form dubbelklikt op een component zal Lazarus de default event-handler aanmaken. Voor veel componenten zal dat het <em>OnClick<\/em>-event zijn, maar voor bijvoorbeeld de <em>Timer<\/em> is dat het <em>OnTimer<\/em>-event. Wanneer u een ander event dan het default-event wilt afvangen dan moet dat dus via de <em>Object Inspector<\/em> in de tab <em>Gebeurtenissen<\/em>.<\/span><\/strong><\/p>\n<p><strong><span style=\"font-family: helvetica, arial, sans-serif;\"><span style=\"text-decoration: underline;\">Opmerking<\/span>: Bijna alle events zullen bij het opstarten van de applicatie minimaal 1 keer afgaan. Dit geldt dus ook voor het <em>OnResize<\/em>-event van het label. Daarom werkt de code ook bij het starten van het klokje ondanks dat u wellicht het idee had dat het Font e.d. niet veranderd waren.<\/span><\/strong><\/p>\n<p>We gaan nu de randen van het form &#8220;verwijderen&#8221;.<\/p>\n<p><span style=\"font-family: terminal, monaco, monospace;\">&#8211; Klik ergens in de form (dus niet op het label of de timer).<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Ga naar de <em>Object Inspector<\/em> (tab <em>Eigenschappen<\/em>).<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Zoek de property <em>BorderStyle<\/em> en kies uit de combobox de waarde <strong><em>bsNone<\/em><\/strong>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Run het project en dubbelklik op de tijd om te stoppen. Lukt dit niet dan kunt u ook op de rode vierkante knop in Lazarus klikken.<\/span><\/p>\n<p>Door de property <em>BorderStyle<\/em> van het form op <em>bsNone<\/em> te zetten worden de randen van het form onzichtbaar. En dit is precies wat we wilden.<\/p>\n<h4>Klokje verplaatsen<\/h4>\n<p>Het enige dat we in deze aflevering nog moeten doen is ervoor zorgen dat het klokje naar een andere plaats kan worden versleept.<\/p>\n<p>Daarvoor hebben we drie events en een paar globale variabelen nodig.<\/p>\n<p>De werkwijze komt op het volgende neer:<\/p>\n<ol>\n<li>Als er met de muis op de klok wordt geklikt dan moet dit worden gedetecteerd en moet de positie worden bewaard;<\/li>\n<li>Als de linker muis-knop weer wordt losgelaten dan moet dit ook worden gedetecteerd;<\/li>\n<li>Als er met de muis op de klok wordt gesleept dan moet de positie van de klok met de muis meegaan.<\/li>\n<\/ol>\n<p>Regel 1 en 2 zijn nodig voor regel 3. Er wordt namelijk gesleept als de linker muis-knop wordt ingedrukt.<\/p>\n<p>Gelukkig hebben we genoeg soorten events om e.e.a. te laten werken. De events die we gaan gebruiken zijn: <em>OnMouseDown<\/em> (gaat af als een muisknop wordt ingedrukt), <em>OnMouseUp<\/em> (gaat af als een muisknop weer wordt losgelaten) en <em>OnMouseMove<\/em> (gaat af als de muis wordt bewogen).<\/p>\n<p>Omdat de verschillende events de muis-knop-status (op of neer) moeten weten gaan we gebruik maken van een globale variabele binnen het implementation-deel van de unit.<\/p>\n<p><span style=\"font-family: terminal, monaco, monospace;\">&#8211; Ga naar het Code-venster.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Voeg twee regels toe in het implementation-deel onder <span style=\"color: #ff0000;\">{$R *.lfm}<\/span>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Voeg de volgende regels code toe:<\/span><br \/>\n<span style=\"font-size: 10pt;\"><strong><em><span style=\"font-family: 'courier new', courier, monospace;\"> &#8211;\u00a0 \u00a0var<\/span><\/em><\/strong><\/span><br \/>\n&#8211; <span style=\"font-size: 10pt;\"><strong><em><span style=\"font-family: 'courier new', courier, monospace;\">\u00a0 \u00a0 MD: Boolean;<\/span><\/em><\/strong><\/span><br \/>\n&#8211; <span style=\"font-size: 10pt;\"><strong><em><span style=\"font-family: 'courier new', courier, monospace;\">\u00a0 \u00a0 MyX, MyY: integer;<\/span><\/em><\/strong><\/span><\/p>\n<p>De variabele <em>MD<\/em> (MouseDown) gaat onthouden of de muisknop is ingedrukt (<em>MD := True<\/em>) of niet (<em>MD := False<\/em>). De variabelen <em>MyX<\/em> en <em>MyY<\/em> gaan de positie van de klok onthouden wanneer de muis-knop wordt ingedrukt.<\/p>\n<p><span style=\"font-family: terminal, monaco, monospace;\">&#8211; Klik in de form op het label <em>lblTijd<\/em>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Activeer in de <em>Object Inspector<\/em> het event <em>OnMouseDown<\/em>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Voeg de volgende regels code toe:<\/span><br \/>\n&#8211; <span style=\"font-size: 10pt;\"><strong><em><span style=\"font-family: 'courier new', courier, monospace;\">\u00a0 MD := True;<\/span><\/em><\/strong><\/span><br \/>\n&#8211; <span style=\"font-size: 10pt;\"><strong><em><span style=\"font-family: 'courier new', courier, monospace;\">\u00a0 MyX := X;<\/span><\/em><\/strong><\/span><br \/>\n&#8211; <span style=\"font-size: 10pt;\"><strong><em><span style=\"font-family: 'courier new', courier, monospace;\">\u00a0 MyY := Y;<\/span><\/em><\/strong><\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Activeer (in de <em>Object Inspector<\/em>) het event <em>OnMouseMove<\/em>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Voeg de volgende regels code toe:<\/span><br \/>\n&#8211; <span style=\"font-size: 10pt;\"><strong><em><span style=\"font-family: 'courier new', courier, monospace;\">\u00a0 if MD then<\/span><\/em><\/strong><\/span><br \/>\n&#8211; <span style=\"font-size: 10pt;\"><strong><em><span style=\"font-family: 'courier new', courier, monospace;\">\u00a0 \u00a0 begin<\/span><\/em><\/strong><\/span><br \/>\n&#8211; <span style=\"font-size: 10pt;\"><strong><em><span style=\"font-family: 'courier new', courier, monospace;\">\u00a0 \u00a0 \u00a0 frmKlokje.Left := frmKlokje.Left + (X &#8211; MyX);<\/span><\/em><\/strong><\/span><br \/>\n&#8211; <span style=\"font-size: 10pt;\"><strong><em><span style=\"font-family: 'courier new', courier, monospace;\">\u00a0 \u00a0 \u00a0 frmKlokje.Top := frmKlokje.Top + (Y &#8211; MyY);<\/span><\/em><\/strong><\/span><br \/>\n&#8211; <span style=\"font-size: 10pt;\"><strong><em><span style=\"font-family: 'courier new', courier, monospace;\">\u00a0 \u00a0 end;<\/span><\/em><\/strong><\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Activeer het event <em>OnMouseUp<\/em>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Voeg de volgende regel code toe:<\/span><br \/>\n&#8211; <span style=\"font-size: 10pt;\"><em><strong><span style=\"font-family: 'courier new', courier, monospace;\">\u00a0 MD := False;<\/span><\/strong><\/em><\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Run het klokje en probeer het eens te verplaatsen.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Sluit het klokje weer door erop te dubbel-klikken.<\/span><\/p>\n<p>De events <em>OnMouseDown<\/em> en <em>OnMouseMove<\/em> (en ook <em>OnMouseUp<\/em>, maar dat is nu niet interessant) hebben een aantel parameters, waaronder <em>X<\/em> en <em>Y<\/em>. Deze bevatten de huidige <em>X<\/em> en <em>Y<\/em> positie van het label op het scherm. Bij de <em>OnMouseDown<\/em> worden deze onthouden in <em>MyX<\/em> en <em>MyY<\/em>.<br \/>\nBij <em>OnMouseMove<\/em> worden de <em>X<\/em> en <em>Y<\/em> positie van het form (resp. in <em>Left<\/em> en <em>Top<\/em>) bijgewerkt met de <em>X<\/em> en <em>Y<\/em> van de <em>OnMouseMove<\/em> t.o.v. de <em>X<\/em> en <em>Y<\/em> van de <em>OnMouseDown<\/em>. Daardoor kunt u nu de klok met de muis verplaatsen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1589\" src=\"https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Klokje_03.jpg\" alt=\"\" width=\"42\" height=\"16\" \/><\/p>\n<p>De puristen onder u hebben wellicht gemerkt dat de klok versleepbaar is met, om het even, welke muisknop ingedrukt dan ook. Dus ook met de rechter muisknop of het muiswieltje of een combinatie van knoppen ingedrukt is de klok te verslepen.<\/p>\n<p>Als u alleen de klok wilt verslepen met de linker muisknop ingedrukt dan moet u de eerste regel code in het <em>OnMouseDown<\/em>-event als volgt veranderen:<\/p>\n<p><span style=\"font-size: 10pt;\"><strong><em><span style=\"font-family: 'courier new', courier, monospace;\">\u00a0 MD := (Button = mbLeft);<\/span><\/em><\/strong><\/span><\/p>\n<p>In de parameter <em>Button<\/em> zit namelijk de waarde(s) van de ingedrukte knop(pen).<\/p>\n<p>We hebben ons doel bereikt. Het klokje loopt zonder form en is keurig versleepbaar.<\/p>\n<p>In de volgende aflevering gaan we een pop-up-menu toevoegen, ervoor zorgen dat het klokje doorzichtbaar wordt en altijd zichtbaar blijft.<\/p>\n<p><a href=\"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-zichtbaarheid-en-pop\/\">Naar de volgende aflevering&#8230;<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Het klokje loopt! Form verwijderen Wel zit het klokje nog in een form en dat is niet de bedoeling. Ik bedoel hiermee dat ik het form niet wil zien, maar alleen het label waar de tijd staat. Uiteraard blijft het form wel bestaan maar moet aan het zicht onttrokken worden. Het klokje moet wel verplaatsbaar [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1121,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-full-width.php","meta":{"_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"class_list":["post-1141","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Lazarus-Klokje-Zonder form - Wiskunst<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-zonder-form\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Lazarus-Klokje-Zonder form - Wiskunst\" \/>\n<meta property=\"og:description\" content=\"Het klokje loopt! Form verwijderen Wel zit het klokje nog in een form en dat is niet de bedoeling. Ik bedoel hiermee dat ik het form niet wil zien, maar alleen het label waar de tijd staat. Uiteraard blijft het form wel bestaan maar moet aan het zicht onttrokken worden. Het klokje moet wel verplaatsbaar [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-zonder-form\/\" \/>\n<meta property=\"og:site_name\" content=\"Wiskunst\" \/>\n<meta property=\"article:modified_time\" content=\"2022-10-17T12:46:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Klokje_02.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/wiskunst.nl\\\/index.php\\\/programmeren1\\\/delphi-lazarus\\\/lazarus-klokje-intro\\\/lazarus-klokje-zonder-form\\\/\",\"url\":\"https:\\\/\\\/wiskunst.nl\\\/index.php\\\/programmeren1\\\/delphi-lazarus\\\/lazarus-klokje-intro\\\/lazarus-klokje-zonder-form\\\/\",\"name\":\"Lazarus-Klokje-Zonder form - Wiskunst\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wiskunst.nl\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/wiskunst.nl\\\/index.php\\\/programmeren1\\\/delphi-lazarus\\\/lazarus-klokje-intro\\\/lazarus-klokje-zonder-form\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/wiskunst.nl\\\/index.php\\\/programmeren1\\\/delphi-lazarus\\\/lazarus-klokje-intro\\\/lazarus-klokje-zonder-form\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wiskunst.nl\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/Lazarus-Klokje_02.jpg\",\"datePublished\":\"2022-05-24T11:20:57+00:00\",\"dateModified\":\"2022-10-17T12:46:49+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/wiskunst.nl\\\/index.php\\\/programmeren1\\\/delphi-lazarus\\\/lazarus-klokje-intro\\\/lazarus-klokje-zonder-form\\\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/wiskunst.nl\\\/index.php\\\/programmeren1\\\/delphi-lazarus\\\/lazarus-klokje-intro\\\/lazarus-klokje-zonder-form\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\\\/\\\/wiskunst.nl\\\/index.php\\\/programmeren1\\\/delphi-lazarus\\\/lazarus-klokje-intro\\\/lazarus-klokje-zonder-form\\\/#primaryimage\",\"url\":\"https:\\\/\\\/wiskunst.nl\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/Lazarus-Klokje_02.jpg\",\"contentUrl\":\"https:\\\/\\\/wiskunst.nl\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/Lazarus-Klokje_02.jpg\",\"width\":140,\"height\":54},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/wiskunst.nl\\\/index.php\\\/programmeren1\\\/delphi-lazarus\\\/lazarus-klokje-intro\\\/lazarus-klokje-zonder-form\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/wiskunst.nl\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Programmeren\",\"item\":\"https:\\\/\\\/wiskunst.nl\\\/index.php\\\/programmeren1\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Delphi\\\/Lazarus\",\"item\":\"https:\\\/\\\/wiskunst.nl\\\/index.php\\\/programmeren1\\\/delphi-lazarus\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Lazarus-Klokje-Intro\",\"item\":\"https:\\\/\\\/wiskunst.nl\\\/index.php\\\/programmeren1\\\/delphi-lazarus\\\/lazarus-klokje-intro\\\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Lazarus-Klokje-Zonder form\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/wiskunst.nl\\\/#website\",\"url\":\"https:\\\/\\\/wiskunst.nl\\\/\",\"name\":\"Wiskunst\",\"description\":\"2\u221e\u2227&gt;\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/wiskunst.nl\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Lazarus-Klokje-Zonder form - Wiskunst","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-zonder-form\/","og_locale":"nl_NL","og_type":"article","og_title":"Lazarus-Klokje-Zonder form - Wiskunst","og_description":"Het klokje loopt! Form verwijderen Wel zit het klokje nog in een form en dat is niet de bedoeling. Ik bedoel hiermee dat ik het form niet wil zien, maar alleen het label waar de tijd staat. Uiteraard blijft het form wel bestaan maar moet aan het zicht onttrokken worden. Het klokje moet wel verplaatsbaar [&hellip;]","og_url":"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-zonder-form\/","og_site_name":"Wiskunst","article_modified_time":"2022-10-17T12:46:49+00:00","og_image":[{"url":"https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Klokje_02.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Geschatte leestijd":"7 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-zonder-form\/","url":"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-zonder-form\/","name":"Lazarus-Klokje-Zonder form - Wiskunst","isPartOf":{"@id":"https:\/\/wiskunst.nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-zonder-form\/#primaryimage"},"image":{"@id":"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-zonder-form\/#primaryimage"},"thumbnailUrl":"https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Klokje_02.jpg","datePublished":"2022-05-24T11:20:57+00:00","dateModified":"2022-10-17T12:46:49+00:00","breadcrumb":{"@id":"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-zonder-form\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-zonder-form\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-zonder-form\/#primaryimage","url":"https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Klokje_02.jpg","contentUrl":"https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Klokje_02.jpg","width":140,"height":54},{"@type":"BreadcrumbList","@id":"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-zonder-form\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wiskunst.nl\/"},{"@type":"ListItem","position":2,"name":"Programmeren","item":"https:\/\/wiskunst.nl\/index.php\/programmeren1\/"},{"@type":"ListItem","position":3,"name":"Delphi\/Lazarus","item":"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/"},{"@type":"ListItem","position":4,"name":"Lazarus-Klokje-Intro","item":"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/"},{"@type":"ListItem","position":5,"name":"Lazarus-Klokje-Zonder form"}]},{"@type":"WebSite","@id":"https:\/\/wiskunst.nl\/#website","url":"https:\/\/wiskunst.nl\/","name":"Wiskunst","description":"2\u221e\u2227&gt;","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wiskunst.nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"}]}},"_links":{"self":[{"href":"https:\/\/wiskunst.nl\/index.php\/wp-json\/wp\/v2\/pages\/1141","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wiskunst.nl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wiskunst.nl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wiskunst.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wiskunst.nl\/index.php\/wp-json\/wp\/v2\/comments?post=1141"}],"version-history":[{"count":8,"href":"https:\/\/wiskunst.nl\/index.php\/wp-json\/wp\/v2\/pages\/1141\/revisions"}],"predecessor-version":[{"id":1591,"href":"https:\/\/wiskunst.nl\/index.php\/wp-json\/wp\/v2\/pages\/1141\/revisions\/1591"}],"up":[{"embeddable":true,"href":"https:\/\/wiskunst.nl\/index.php\/wp-json\/wp\/v2\/pages\/1121"}],"wp:attachment":[{"href":"https:\/\/wiskunst.nl\/index.php\/wp-json\/wp\/v2\/media?parent=1141"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}