> For the complete documentation index, see [llms.txt](https://inscada.gitbook.io/ins/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://inscada.gitbook.io/ins/master/user-interface/development/animations/set.md).

# Click

Click animasyon mimik ekran üzerinde kullanıcıların mouse olaylarının programlandığı animasyon tipidir. Bu animasyon türünde mimik ekran üzerinde mouse on-click, click-down, click-up, mouse over olaylarına bağlı script'ler yazabilir, set operasyonları bağlayabilirsiniz.

![Resim 1 : On-Click Expression](https://3007461553-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LLGnZudlzfM63QD-_cp%2F-LkSnaqVdOoAZTfTw3k5%2F-LkSndHG0JR8dHubkUKc%2FOnClick_Expression.png?alt=media\&token=40ae5ba1-17b3-4f33-9256-49e0106564dd)

Resim 1'de görüldüğü gibi mimik ekran üzerinde seçili bir nesne için click animasyon formunu açtığınızda karşınıza dört adet mouse olayı için tanımlama formu açılacaktır. Bunlar ;

* Mouse on-Click
* Mouse on-Down
* Mouse on-Up
* Mouse over

Bu olaylara bağlı olarak ;

* Expression
* Collection
* Set

operasyonları yapabilirsiniz.

{% hint style="info" %}
On-Click olayı içerisinde on-Down ve on-Up olaylarınıda barındırır. On-Down ve On-Up olaylarını beraber kullanarak push buttonlar yapabilirisiniz.
{% endhint %}

## Click-Expression

Click-Expression ile bir nesnenin mouse olayına bağlı olarak custom bir expression yazabilirsiniz.

![Resim 2 : On-Click Expression Form](https://3007461553-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LLGnZudlzfM63QD-_cp%2F-LkSnaqVdOoAZTfTw3k5%2F-LkSolQSSOkAbewu8Ogj%2FOnClick_Expression_Form.png?alt=media\&token=505f9f94-a70e-4f3a-9d3f-a262c75fcae6)

Resim 2'de görüldüğü gibi bir nesne üzerinde mouse-click yapıldığında çalışmasını istediğimiz bir javascript yazılmıştır. Örneğimizdeki bu script nesneye tıklandığında, "Hellow World" yazısını bilgilendirme mesajı olarak tüm kullanıcılara gönderir. (Bakınız Notification). "Increaser" isimli değişkeni okur ve değerini 5 arttırır.

## Click-Collection

Click-Collection ile bir nesnenin mouse olayına bağlı olarak expression kütüphanesinde hazır bir expression'ının çalıştırılmasını sağlayabilirsiniz. (Bakınız [Expressions](https://inscada.gitbook.io/ins/user-interface/development/expressions))

![Resim 3 : Click-Collection.](https://3007461553-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LLGnZudlzfM63QD-_cp%2F-LkSnaqVdOoAZTfTw3k5%2F-LkSq-jFhwJz51lFFXdG%2FOnClick_Expression_Collection.png?alt=media\&token=735baa23-f139-4ab8-a54c-358644a52879)

Resim 3'te görüldüğü gibi mouse olayımıza bağlamak için expression kütüphanemizden hazır expressionlardan birini seçebiliriz.

## Click-Set

Click-Set ile bir nesneye bağlı olarak set operasyonu çalıştırabilirsiniz.

![Resim 4 : Click-Set ](https://3007461553-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LLGnZudlzfM63QD-_cp%2F-LkSnaqVdOoAZTfTw3k5%2F-LkSqkpiNI2C-hf590cc%2FOnClick_Set.png?alt=media\&token=aa69311e-8cfd-4093-9aca-18b0cfaab4cb)

Resim 4'te görüldüğü gibi bir nesneye tıkladığınızda çalıştırmak istediğiniz set operasyonunu seçebiliyorsunuz. 

* Set-Auto : Bir değişkene default olarak girilen değerin set edilmesini sağlar.
* Set-Manuel : Bir değişken değerinin Num-Pad aracılığı ile değiştirilmesini sağlar.

![Resim 5 : Num-Pad](https://3007461553-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LLGnZudlzfM63QD-_cp%2F-LkSnaqVdOoAZTfTw3k5%2F-LkSs4dI7f-3NJ7x3kt-%2FSet_Numpad.png?alt=media\&token=5229ad8f-0e07-4220-a7c9-034b4cebde1b)

* Set-Yes/No : Bir değişken değerinin default değer olarak set edilmeden önce kullanıcıdan onay (confirmation) alınmasını sağlar.

![Resim 6 : Yes/No](https://3007461553-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LLGnZudlzfM63QD-_cp%2F-LkSnaqVdOoAZTfTw3k5%2F-LkSsepWLnFdvws6tIDa%2FClick_Set_YesNo.png?alt=media\&token=ddb26561-1e6d-4979-ae20-5807448c5469)

{% hint style="info" %}
Set Operasyon formlarındaki notification checkbox'ı set operasyonu yapıldığında sisteme bağlı kullanıcılara mesaj gönderilmesini ve log kayıtlarına düşmesini sağlar.
{% endhint %}

## Click - Alarm

Click Alarm ile animasyonlarınıza alarmlarınızı anlık izleyebilmek veya historisini görebilmek için kullanabilirsiniz.

![Resim1 :Animation Alarm Alanı](https://3007461553-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LLGnZudlzfM63QD-_cp-887967055%2Fuploads%2Fjo2Im0C3Qc43CejOFN4K%2Fclick%20alarm%20ana%20sayfa.jpg?alt=media\&token=70fbf81b-2b19-4ea1-a9b8-041fc311af09)

Resim 1 de görüldüğü gibi animation ekranımıza kırmızı ile işaretlediğimiz alanda alarm elementini görmekteyiz. " Ctrl "  tuşu yardımıyla elgili elementi seçerek ekranın sağ üst köşesinde bulunan ![](https://3007461553-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LLGnZudlzfM63QD-_cp-887967055%2Fuploads%2FsTDV6kgSmuHE7Rd95xXW%2Fedit.jpg?alt=media\&token=3dc8d4b4-fedd-47de-ab65-df2764a80327) "edit animation element " ikonu yardımı ile element ayarları sayfasına ulaşılır.

![Resim 2: Edit Animation Element Menüsü](https://3007461553-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LLGnZudlzfM63QD-_cp-887967055%2Fuploads%2FeyXAsnc4GvxI0QULLrCd%2Fclick.jpg?alt=media\&token=8e10afed-2b71-4044-b7a3-9809fa371fdd)

Resim 2 de açılan ekranımızda alarm ve alarm grupları otomatik olarak ekrana gelmektedir. Burada ![](https://3007461553-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LLGnZudlzfM63QD-_cp-887967055%2Fuploads%2F6nexTzp728hL6098W3jV%2F1.jpg?alt=media\&token=6f3ca184-fdc0-4aca-8537-d6c291feca72) ve ![](https://3007461553-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LLGnZudlzfM63QD-_cp-887967055%2Fuploads%2F2RHjLMVpnjWO8KT7PSZW%2F2.jpg?alt=media\&token=d0cfa77d-9425-4ed6-85bd-043b27b06ed4) ikonları ile ilgili elementi seçtiğimizde hangi özelliğin pop-up olarak açılıp görüneceğini seçiyoruz. 

İlgili özelliği Monitör olarak seçtiğimizde ; " görselleştirme " menüsünde ilgili elemente tıkladığımızda o anda açık olan alarmları gösteren resim 3 te görünen pencere açılacaktır. 

![Resim 3: Animation Alarm Monitör Penceresi](https://3007461553-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LLGnZudlzfM63QD-_cp-887967055%2Fuploads%2FrOV57RavlFU2yuBVHWXC%2Falarmmm.jpg?alt=media\&token=31809aba-3880-4780-ad3e-e0d4dc10fbfc)

İlgili özelliği "History"  olarak seçtiğimizde ise ayarladığınız gün sayısına göre alarm geçmişinizi gösteren resim 4 te görünen pencereniz açılacaktır. 

![Resim 4: Animation Alarm history penceresi](https://3007461553-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LLGnZudlzfM63QD-_cp-887967055%2Fuploads%2FAY17UAMvJrKqUie6JIPT%2Fhisto.jpg?alt=media\&token=05fb05c6-85a5-476b-b6a4-339dd6cd964e)

Click alarm özelliği ile animasyonunuza eklediğiniz alarmlarınızı farklı bir menüye gitmeden projenizi " görselleştirme" menüsünde izlerken alarm elementlerini tıkladığınızda alarmlarınızı ve alarm geçmişlerinizi takip edebileceksiniz.