JavaScript Bağlantıyı Pasifleştirme

Bu örnekte JavaScript ile bir HTML sayfasında oluşturulan bağlantı / link nasıl disabled hale getirilir bunu göreceğiz.

Örneğe ait kodlar aşağıdaki gibidir.

Kodları kopyala yapıştır yaparak çıkan sonucu görebilirsiniz.


<!DOCTYPE html>
<html>
  <head>
    <title>
      Link Pasifleştirme
    </title>
    <style>
      a.disabled {
        pointer-events: none;
      }
    </style>
  </head>
 
  <body style="text-align:center;">
    <h1 style="color:red;">
      www.tasarimkodlama.com
    </h1>
    <a href="https://www.tasarimkodlama.com/" id="linkId" target="_blank">
      LINK
    </a>
    <br /><br />
    <button onclick="disableLink()">
      disable  
    </button>
    <p id="linkStatus" style="color:green; font-size: 20px; font-weight: bold;"></p>
  </body>
</html>
 
<script>
                        let link = document.getElementById('linkId');
			let down = document.getElementById('linkStatus');
			function disableLink() {
			link.setAttribute('class', 'disabled');
			link.setAttribute('style', 'color: black;');
			down.innerHTML = 'Link disabled';
			}
</script>

<!DOCTYPE html>

<html>

<head>

<title>

Link Pasifleştirme

</title>

<style>

a.disabled {

pointer-events: none;

}

</style>

</head>

www.tasarimkodlama.com

</h1>

LINK

</a>

disable

</button>

</body>

</html>

let link = document.getElementById('linkId');

let down = document.getElementById('linkStatus');

function disableLink() {

link.setAttribute('class', 'disabled');

link.setAttribute('style', 'color: black;');

down.innerHTML = 'Link disabled';

}

</script>

JavaScript Bağlantıyı Pasifleştirme

Yorum Yap

İptal Et

Bunları da beğenebilirsiniz

Yorum Yap