{"id":1139,"date":"2022-05-24T12:20:15","date_gmt":"2022-05-24T11:20:15","guid":{"rendered":"https:\/\/wiskunst.nl\/?page_id=1139"},"modified":"2022-10-17T13:51:36","modified_gmt":"2022-10-17T12:51:36","slug":"lazarus-klokje-zichtbaarheid-en-pop","status":"publish","type":"page","link":"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-zichtbaarheid-en-pop\/","title":{"rendered":"Lazarus-Klokje-Zichtbaarheid en pop"},"content":{"rendered":"<p><strong><span class=\"collapseomatic \" id=\"id69de29fadec51\"  tabindex=\"0\" title=\"Afleveringen\"    >Afleveringen<\/span><div id=\"target-id69de29fadec51\" 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><a href=\"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-zonder-form\/\">Zonder form<\/a><\/li>\n<li>Zichtbaarheid en pop<\/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>We houden het nog even simpel.<\/h2>\n<p>In deze aflevering gaan we ervoor zorgen dat ons klokje altijd zichtbaar is, dat de doorzichtbaarheid instelbaar wordt en we voorzien het klokje met een pop-up-menu.<\/p>\n<p>We beginnen met het laatste.<\/p>\n<h4>Pop-up menu<\/h4>\n<p>Een pop-up-menu is het snelmenu dat zichtbaar wordt wanneer je met de rechter muisknop op het klokje klikt.<\/p>\n<p><span style=\"font-family: terminal, monaco, monospace;\">&#8211; Voeg op het frmKlokje een <em>PopupMenu<\/em> toe (tab <em>Standard<\/em>, 2<sup>e<\/sup> knopje van links).<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Geef de <em>Name<\/em> van het menu de naam <em><strong>popMenu<\/strong><\/em>.<\/span><\/p>\n<p>Het <em>PopupMenu<\/em>-component is, net als de <em>Timer<\/em>, onzichtbaar tijdens de uitvoer.<\/p>\n<p>In de <em>PopupMenu<\/em> zit een editor die actief wordt als je er op dubbel klikt.<\/p>\n<p><span style=\"font-family: terminal, monaco, monospace;\">&#8211; Dubbelklik op de <em>popMenu<\/em>.<\/span><\/p>\n<p>Nu is de editor zichtbaar en actief:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1592 size-full\" src=\"https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Klokje_04.jpg\" alt=\"\" width=\"616\" height=\"259\" srcset=\"https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Klokje_04.jpg 616w, https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Klokje_04-300x126.jpg 300w\" sizes=\"auto, (max-width: 616px) 100vw, 616px\" \/><\/p>\n<p>Het popup menu heeft al 1 item genaamd <em>New Item 1<\/em>. Dit is geen handige naam.<\/p>\n<p><span style=\"font-family: terminal, monaco, monospace;\">&#8211; Klik in de <em>Menu editor<\/em> op <em>New Item 1<\/em>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Verander de <em>Name<\/em> in <em><strong>popOnTop<\/strong><\/em>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Verander de <em>Caption<\/em> in <em><strong>OnTop<\/strong><\/em>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Klik het vinkje <em>Checked<\/em> aan.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Sluit de <em>Menu editor<\/em>.<\/span><\/p>\n<p>Nu moeten we drie zaken regelen. Allereerst gaan we er voor zorgen dat het klokje altijd bovenaan staat, dan gaan we het popup menu koppelen aan ons klokje en tot slot gaan we ervoor zorgen dat ons item <em>OnTop<\/em> gaat werken.<\/p>\n<h4>Klokje OnTop<\/h4>\n<p><span style=\"font-family: terminal, monaco, monospace;\">&#8211; Zorg ervoor dat de form geselecteerd is.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Zet de property <em>FormStyle<\/em> op <em><strong>fsSystemStayOnTop<\/strong><\/em>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Kies bij de property <em>PopupMenu<\/em> de waarde <strong><em>popMenu<\/em><\/strong>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Run het klokje.<\/span><\/p>\n<p>Zet het klokje op een ander venster en klik op dat venster. Als het goed is blijft het klokje nu zichtbaar:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1594 size-full\" src=\"https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Klokje_05.jpg\" alt=\"\" width=\"768\" height=\"480\" srcset=\"https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Klokje_05.jpg 768w, https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Klokje_05-300x188.jpg 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/p>\n<p>Klik met de rechtermuisknop op het klokje en aanschouw het menu:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1595 size-full\" src=\"https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Klokje_06.jpg\" alt=\"\" width=\"145\" height=\"52\" \/><\/p>\n<p><span style=\"font-family: terminal, monaco, monospace;\">&#8211; Sluit het klokje weer.<\/span><\/p>\n<p>We moeten nu de functionaliteit toevoegen voor wanneer de gebruiker op de menu optie <em>OnTop<\/em> klikt. Als er een vinkje staat dan moet het vinkje worden weggehaald en de <em>FormStyle<\/em> op <em>fsNormal<\/em> worden gezet, en als er geen vinkje staat dan moet er een vinkje komen en de <em>FormStyle<\/em> moet op <em>fsSystemStayOnTop<\/em> worden gezet.<\/p>\n<p>Er zijn twee manieren om de event-handler voor een menu optie te maken :<\/p>\n<ol>\n<li>Vanuit de <em>Menu editor<\/em> dubbel klikken op het item <em>OnTop;<\/em><\/li>\n<li>Vanuit de <em>Object Inspector<\/em> dubbel klikken op het item <em>popOnTop: TMenuItem<\/em>.<\/li>\n<\/ol>\n<p><span style=\"font-family: terminal, monaco, monospace;\">&#8211; Maak de <em>event-handler<\/em> voor de menu optie <em>OnTop<\/em> aan.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Voeg de volgende regels code toe:<\/span><br \/>\n<span style=\"font-size: 12pt;\"><em><span style=\"font-family: 'courier new', courier, monospace;\">&#8211;<\/span><strong><span style=\"font-family: 'courier new', courier, monospace;\">\u00a0\u00a0 <span style=\"font-size: 10pt;\">popOnTop.Checked := not popOnTop.Checked;<\/span><\/span><\/strong><\/em><\/span><br \/>\n<span style=\"font-size: 10pt;\"><em><strong><span style=\"font-family: 'courier new', courier, monospace;\">&#8211;\u00a0 \u00a0if popOnTop.Checked then<\/span><\/strong><\/em><\/span><br \/>\n<span style=\"font-size: 10pt;\"><em><strong><span style=\"font-family: 'courier new', courier, monospace;\">&#8211;\u00a0\u00a0 \u00a0 frmKlokje.FormStyle := fsSystemStayOnTop<\/span><\/strong><\/em><\/span><br \/>\n<span style=\"font-size: 10pt;\"><em><strong><span style=\"font-family: 'courier new', courier, monospace;\">&#8211;\u00a0\u00a0 else<\/span><\/strong><\/em><\/span><br \/>\n<span style=\"font-size: 10pt;\"><em><strong><span style=\"font-family: 'courier new', courier, monospace;\">&#8211;\u00a0\u00a0 \u00a0 frmKlokje.FormStyle := fsNormal;<\/span><\/strong><\/em><\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Run het klokje en test de menu optie OnTop.<\/span><\/p>\n<h4>Klokje doorzichtig<\/h4>\n<p>Voor de doorzichtigheid van het form kent Lazarus twee properties. Met de property <em>AlphaBlend<\/em> wordt de mogelijkheid tot doorzichtbaarheid aan of uit gezet. Als <em>AlphaBlend<\/em> aan staat dan bepaalt de waarde van <em>AlphaBlendValue<\/em> de mate van doorzichtbaarheid, waarbij de waarde 255 ondoorzichtbaar betekent en de waarde 0 totale onzichtbaarheid betekent.<\/p>\n<p>In het klokje gaan we de volgende gradaties van doozichtbaarheid aanbrengen: 100% (255), 75% (191), 50% (128) en 25% (64). Ook dit moet geregeld worden via het popup menu.<\/p>\n<p><span style=\"font-family: terminal, monaco, monospace;\">&#8211; Zet de property <em>AlphaBlend<\/em> van frmKlokje op <strong><em>True<\/em><\/strong>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Zet de property <em>AlphaBlendValue<\/em> op <em><strong>191<\/strong><\/em>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Open de <em>Menu editor<\/em>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Klik met de rechtermuisknop op het item <em>OnTop<\/em>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Kies de optie <em>Nieuw Item toevoegen (na)<\/em>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Geef <em>Name<\/em> de waarde <strong><em>popOpacity<\/em><\/strong>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Geef <em>Caption<\/em> de waarde <strong><em>Opacity<\/em><\/strong>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Klik met de rechtermuisknop op het item <em>Opacity<\/em>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Kies de optie <em>Maak submenu<\/em>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Geef <em>Name<\/em> van het nieuwe submenu item de waarde <strong><em>popOpacity100<\/em><\/strong>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Geef <em>Caption<\/em> de waarde <em><strong>100%<\/strong><\/em>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Voeg nog 3 submenu items toe met resp. de volgende <em>Name<\/em>&#8217;s en <em>Caption<\/em>&#8216;s:<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> <em>&#8211;<\/em><strong><em> popOpacity75<\/em> <\/strong>&#8211; <em><strong>75%<\/strong><\/em>, <em><strong>popOpacity50<\/strong> <\/em>&#8211; <em><strong>50%<\/strong><\/em> en <em><strong>popOpacity25<\/strong> <\/em>&#8211; <em><strong>25%<\/strong><\/em>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Zet de property <em>Checked<\/em> van het item <em>popOpacity75<\/em> op <strong><em>True<\/em><\/strong>.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1596 size-full\" src=\"https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Klokje_07.jpg\" alt=\"\" width=\"616\" height=\"259\" srcset=\"https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Klokje_07.jpg 616w, https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Klokje_07-300x126.jpg 300w\" sizes=\"auto, (max-width: 616px) 100vw, 616px\" \/><\/p>\n<p>En nu moeten we de event-handlers voor de nieuwe opties maken. En dit doen we nu recht-toe-recht-aan.<\/p>\n<p><span style=\"font-family: terminal, monaco, monospace;\">&#8211; Maak de event-handler voor <em>popOpacity100<\/em>.<\/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;\"><em> <span style=\"font-family: 'courier new', courier, monospace;\">&#8211;<\/span><strong><span style=\"font-family: 'courier new', courier, monospace;\">\u00a0 \u00a0popOpacity100.Checked := True;<\/span><\/strong><\/em><\/span><br \/>\n<span style=\"font-size: 10pt;\"> <em> <span style=\"font-family: 'courier new', courier, monospace;\">&#8211;<\/span><strong><span style=\"font-family: 'courier new', courier, monospace;\">\u00a0 \u00a0popOpacity75.Checked := False;<\/span><\/strong><\/em><\/span><br \/>\n<span style=\"font-size: 10pt;\"> <em> <span style=\"font-family: 'courier new', courier, monospace;\">&#8211;<\/span><strong><span style=\"font-family: 'courier new', courier, monospace;\">\u00a0 \u00a0popOpacity50.Checked := False;<\/span><\/strong><\/em><\/span><br \/>\n<span style=\"font-size: 10pt;\"> <em> <span style=\"font-family: 'courier new', courier, monospace;\">&#8211;<\/span><strong><span style=\"font-family: 'courier new', courier, monospace;\">\u00a0 \u00a0popOpacity25.Checked := False;<\/span><\/strong><\/em><\/span><br \/>\n<span style=\"font-size: 10pt;\"> <em> <span style=\"font-family: 'courier new', courier, monospace;\">&#8211;<\/span><strong><span style=\"font-family: 'courier new', courier, monospace;\">\u00a0 \u00a0frmKlokje.AlphaBlendValue := 255;<\/span><\/strong><\/em><\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Implementeer op dezelfde wijze de event-handlers voor de overige opties.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Denk even goed na over welke optie gecheckt moet worden en gebruik resp. de waardes <em><strong>191<\/strong><\/em>, <em><strong>128<\/strong> <\/em>en <em><strong>64<\/strong> <\/em>voor <em>AlphaBlendValue<\/em>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Run het klokje en speel met de nieuwe opties.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Stop het klokje hierna weer.<\/span><\/p>\n<h4>Klokje sluiten<\/h4>\n<p>Tot slot van deze aflevering gaan we het sluiten van het klokje ook via het popup menu regelen.<\/p>\n<p><span style=\"font-family: terminal, monaco, monospace;\">&#8211; Open de <em>Menu editor<\/em>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Klik met de rechter muisknop op de optie <em>Opacity<\/em>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Kies de optie <em>Nieuw Item toevoegen (na)<\/em>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Geef Name de waarde <em><strong>popSep1<\/strong><\/em>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Geef <em>Caption<\/em> de waarde <em><strong>&#8211;<\/strong><\/em>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Klik met de rechter muisknop op de optie <em>&#8211;<\/em>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Kies de optie <em>Nieuw Item toevoegen (na)<\/em>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Geef <em>Name<\/em> de waarde <em><strong>popSluit<\/strong><\/em>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Geef <em>Caption<\/em> de waarde <em><strong>Close<\/strong><\/em>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Dubbelklik op het item <em>Close<\/em>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Voeg de volgende regel code toe aan de event-handler <em>popSluitClick<\/em>:<\/span><br \/>\n<span style=\"font-size: 10pt;\"><em> <span style=\"font-family: terminal, monaco, monospace;\">&#8211;<\/span><strong><span style=\"font-family: terminal, monaco, monospace;\">\u00a0 \u00a0close;<\/span><\/strong><\/em><\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Sluit de <em>Menu editor<\/em>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Run de klok en test het nieuwe item.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1597 size-full\" src=\"https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Klokje_08.jpg\" alt=\"\" width=\"142\" height=\"105\" \/><\/p>\n<p>Door de property <em>Caption<\/em> van een &#8220;-&#8221; te voorzien wordt een seperator (scheiding) tussen de opties toegevoegd.<\/p>\n<p>Door de nieuwe optie <em>Close<\/em> hebben we in ons project nu te veel functionaliteit. We kunnen het klokje nu immers op twee verschillende manieren sluiten. Als u dat wilt dan kunt u deze beide mogelijkheden laten bestaan, anders kunt u de eerste mogelijkheid weghalen.<\/p>\n<p>Wanneer u besluit de (overbodige) code weg te halen, dan moet u dat op de juiste wijze doen:<\/p>\n<ol>\n<li>Haal de gehele event-handler in de <em>implementation<\/em>-sectie weg, dus vanaf <span style=\"font-size: 10pt;\"><em><span style=\"font-family: 'courier new', courier, monospace;\">procedure TfrmKlokje.lblTijdDblClick<\/span><\/em><\/span> t\/m de bijbehorende <span style=\"font-size: 10pt;\"><em><span style=\"font-family: 'courier new', courier, monospace;\">end;<\/span><\/em><\/span> ;<\/li>\n<li>In de <em>interface<\/em>-sectie bij <span style=\"font-size: 10pt;\"><em><span style=\"font-family: 'courier new', courier, monospace;\">TfrmKlokje = class&#8230;<\/span><\/em><\/span> de regel met <span style=\"font-size: 10pt;\"><em><span style=\"font-family: 'courier new', courier, monospace;\">procedure lblTijdDblClick&#8230;<\/span><\/em><\/span> .<\/li>\n<\/ol>\n<p>Als u 2 vergeet dan krijgt u een foutmelding voor het runnen. Deze foutmelding is gelukkig wel duidelijk.<\/p>\n<p>Tot slot nog een opmerking: De implementatie van de opacity-opties kan effici\u00ebnter door handig gebruik te maken van de parameter <em>Sender<\/em> (<em>TObject<\/em>). Maar dat valt, voor alsnog, buiten de scope van deze serie.<\/p>\n<p>In de volgende aflevering gaan we opties toevoegen voor het Font en de kleuren van ons klokje, en gaan we icoontjes voor de menu-opties toevoegen.<\/p>\n<p><a href=\"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-opmaak\/\">Naar de volgende aflevering&#8230;<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>We houden het nog even simpel. In deze aflevering gaan we ervoor zorgen dat ons klokje altijd zichtbaar is, dat de doorzichtbaarheid instelbaar wordt en we voorzien het klokje met een pop-up-menu. We beginnen met het laatste. Pop-up menu Een pop-up-menu is het snelmenu dat zichtbaar wordt wanneer je met de rechter muisknop op het [&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-1139","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Lazarus-Klokje-Zichtbaarheid en pop - 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-zichtbaarheid-en-pop\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Lazarus-Klokje-Zichtbaarheid en pop - Wiskunst\" \/>\n<meta property=\"og:description\" content=\"We houden het nog even simpel. In deze aflevering gaan we ervoor zorgen dat ons klokje altijd zichtbaar is, dat de doorzichtbaarheid instelbaar wordt en we voorzien het klokje met een pop-up-menu. We beginnen met het laatste. Pop-up menu Een pop-up-menu is het snelmenu dat zichtbaar wordt wanneer je met de rechter muisknop op het [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-zichtbaarheid-en-pop\/\" \/>\n<meta property=\"og:site_name\" content=\"Wiskunst\" \/>\n<meta property=\"article:modified_time\" content=\"2022-10-17T12:51:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Klokje_04.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-zichtbaarheid-en-pop\\\/\",\"url\":\"https:\\\/\\\/wiskunst.nl\\\/index.php\\\/programmeren1\\\/delphi-lazarus\\\/lazarus-klokje-intro\\\/lazarus-klokje-zichtbaarheid-en-pop\\\/\",\"name\":\"Lazarus-Klokje-Zichtbaarheid en pop - Wiskunst\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wiskunst.nl\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/wiskunst.nl\\\/index.php\\\/programmeren1\\\/delphi-lazarus\\\/lazarus-klokje-intro\\\/lazarus-klokje-zichtbaarheid-en-pop\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/wiskunst.nl\\\/index.php\\\/programmeren1\\\/delphi-lazarus\\\/lazarus-klokje-intro\\\/lazarus-klokje-zichtbaarheid-en-pop\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wiskunst.nl\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/Lazarus-Klokje_04.jpg\",\"datePublished\":\"2022-05-24T11:20:15+00:00\",\"dateModified\":\"2022-10-17T12:51:36+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/wiskunst.nl\\\/index.php\\\/programmeren1\\\/delphi-lazarus\\\/lazarus-klokje-intro\\\/lazarus-klokje-zichtbaarheid-en-pop\\\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/wiskunst.nl\\\/index.php\\\/programmeren1\\\/delphi-lazarus\\\/lazarus-klokje-intro\\\/lazarus-klokje-zichtbaarheid-en-pop\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\\\/\\\/wiskunst.nl\\\/index.php\\\/programmeren1\\\/delphi-lazarus\\\/lazarus-klokje-intro\\\/lazarus-klokje-zichtbaarheid-en-pop\\\/#primaryimage\",\"url\":\"https:\\\/\\\/wiskunst.nl\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/Lazarus-Klokje_04.jpg\",\"contentUrl\":\"https:\\\/\\\/wiskunst.nl\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/Lazarus-Klokje_04.jpg\",\"width\":616,\"height\":259},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/wiskunst.nl\\\/index.php\\\/programmeren1\\\/delphi-lazarus\\\/lazarus-klokje-intro\\\/lazarus-klokje-zichtbaarheid-en-pop\\\/#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-Zichtbaarheid en pop\"}]},{\"@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-Zichtbaarheid en pop - 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-zichtbaarheid-en-pop\/","og_locale":"nl_NL","og_type":"article","og_title":"Lazarus-Klokje-Zichtbaarheid en pop - Wiskunst","og_description":"We houden het nog even simpel. In deze aflevering gaan we ervoor zorgen dat ons klokje altijd zichtbaar is, dat de doorzichtbaarheid instelbaar wordt en we voorzien het klokje met een pop-up-menu. We beginnen met het laatste. Pop-up menu Een pop-up-menu is het snelmenu dat zichtbaar wordt wanneer je met de rechter muisknop op het [&hellip;]","og_url":"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-zichtbaarheid-en-pop\/","og_site_name":"Wiskunst","article_modified_time":"2022-10-17T12:51:36+00:00","og_image":[{"url":"https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Klokje_04.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-zichtbaarheid-en-pop\/","url":"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-zichtbaarheid-en-pop\/","name":"Lazarus-Klokje-Zichtbaarheid en pop - Wiskunst","isPartOf":{"@id":"https:\/\/wiskunst.nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-zichtbaarheid-en-pop\/#primaryimage"},"image":{"@id":"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-zichtbaarheid-en-pop\/#primaryimage"},"thumbnailUrl":"https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Klokje_04.jpg","datePublished":"2022-05-24T11:20:15+00:00","dateModified":"2022-10-17T12:51:36+00:00","breadcrumb":{"@id":"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-zichtbaarheid-en-pop\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-zichtbaarheid-en-pop\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-zichtbaarheid-en-pop\/#primaryimage","url":"https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Klokje_04.jpg","contentUrl":"https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Klokje_04.jpg","width":616,"height":259},{"@type":"BreadcrumbList","@id":"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-zichtbaarheid-en-pop\/#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-Zichtbaarheid en pop"}]},{"@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\/1139","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=1139"}],"version-history":[{"count":7,"href":"https:\/\/wiskunst.nl\/index.php\/wp-json\/wp\/v2\/pages\/1139\/revisions"}],"predecessor-version":[{"id":1599,"href":"https:\/\/wiskunst.nl\/index.php\/wp-json\/wp\/v2\/pages\/1139\/revisions\/1599"}],"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=1139"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}