JavaScript - İletişim Kutuları
JavaScript, üç önemli iletişim kutusu türünü destekler. Bu iletişim kutuları, herhangi bir girdi hakkında onay almak veya kullanıcılardan bir tür girdi almak için, yükseltmek ve uyarmak için kullanılabilir. Burada her diyalog kutusunu tek tek tartışacağız.
Uyarı İletişim Kutusu
Kullanıcılara bir uyarı mesajı vermek için çoğunlukla bir uyarı iletişim kutusu kullanılır. Örneğin, bir giriş alanı bir metin girmeyi gerektiriyorsa ancak kullanıcı herhangi bir giriş sağlamıyorsa, o zaman doğrulamanın bir parçası olarak, bir uyarı mesajı vermek için bir uyarı kutusu kullanabilirsiniz.
Yine de, daha dostça mesajlar için bir uyarı kutusu kullanılabilir. Uyarı kutusu, seçmek ve ilerlemek için yalnızca bir düğme "Tamam" verir.
Misal
<html>
<head>
<script type = "text/javascript">
<!--
function Warn() {
alert ("This is a warning message!");
document.write ("This is a warning message!");
}
//-->
</script>
</head>
<body>
<p>Click the following button to see the result: </p>
<form>
<input type = "button" value = "Click Me" onclick = "Warn();" />
</form>
</body>
</html>Çıktı
Onay İletişim Kutusu
Bir onay iletişim kutusu çoğunlukla herhangi bir seçenek üzerinde kullanıcının onayını almak için kullanılır. İki düğmeli bir iletişim kutusu görüntüler:OK ve Cancel.
Kullanıcı Tamam düğmesine tıklarsa, pencere yöntemi confirm()true dönecek. Kullanıcı İptal düğmesini tıklarsa,confirm()yanlış döndürür. Aşağıdaki gibi bir onay iletişim kutusu kullanabilirsiniz.
Misal
<html>
<head>
<script type = "text/javascript">
<!--
function getConfirmation() {
var retVal = confirm("Do you want to continue ?");
if( retVal == true ) {
document.write ("User wants to continue!");
return true;
} else {
document.write ("User does not want to continue!");
return false;
}
}
//-->
</script>
</head>
<body>
<p>Click the following button to see the result: </p>
<form>
<input type = "button" value = "Click Me" onclick = "getConfirmation();" />
</form>
</body>
</html>Çıktı
Bilgi İstemi İletişim Kutusu
Komut istemi iletişim kutusu, kullanıcı girdisi almak için bir metin kutusunu açmak istediğinizde çok kullanışlıdır. Böylelikle kullanıcı ile etkileşime geçmenizi sağlar. Kullanıcının alanı doldurması ve ardından Tamam'ı tıklaması gerekir.
Bu iletişim kutusu, adı verilen bir yöntem kullanılarak görüntülenir. prompt() bu iki parametre alır: (i) metin kutusunda görüntülemek istediğiniz bir etiket ve (ii) metin kutusunda görüntülenecek varsayılan bir dize.
Bu iletişim kutusunda iki düğme vardır: OK ve Cancel. Kullanıcı Tamam düğmesini tıklarsa, pencere yöntemiprompt()metin kutusundan girilen değeri döndürür. Kullanıcı İptal düğmesini tıklarsa, pencere yöntemiprompt() İadeler null.
Misal
Aşağıdaki örnek, bir bilgi istemi iletişim kutusunun nasıl kullanılacağını gösterir -
<html>
<head>
<script type = "text/javascript">
<!--
function getValue() {
var retVal = prompt("Enter your name : ", "your name here");
document.write("You have entered : " + retVal);
}
//-->
</script>
</head>
<body>
<p>Click the following button to see the result: </p>
<form>
<input type = "button" value = "Click Me" onclick = "getValue();" />
</form>
</body>
</html>