Mark Sarı renkli – İlim ve Hikmet

Mark işaretleme sarı renkli

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="https://cdn.jsdelivr.net/mark.js/8.6.0/jquery.mark.min.js" ></script>
    
<style>
mark {
  padding: 0;
  background-color:yellow;
}
mark.secondary {
  padding: 0;
  background-color: orange;
}
</style>
</head>
<body>

    <input type="text" name="keyword">
    <div class="context">
        Korkma, sönmez bu şafaklarda yüzen al sancak; <br>
        Sönmeden yurdumun üstünde tüten en son ocak. <br>
        O  benim  milletimin yıldızıdır, parlayacak; <br>
        O benimdir, o benim milletimindir ancak. <br> <br>
        Çatma, kurban olayım çehreni ey nazlı hilâl! <br>
        Kahraman ırkıma bir gül… ne bu şiddet bu celâl? <br>
        Sana olmaz dökülen kanlarımız sonra helâl,  <br>
    </div>



<script> 
 $(function() {
  var mark = function() {
    // Read the keyword
    var keyword = $("input[name='keyword']").val();
    // Remove previous marked elements and mark
    // the new keyword inside the context
    $(".context, .context2").unmark({
      done: function() {
        $(".context, .context2").mark(keyword);
      }
    });
  };
  $("input[name='keyword']").on("input", mark);
});
 
</script>

</body>
</html>

<!DOCTYPE html>

<head>

<title>Document</title>

<style>

mark {

padding: 0;

background-color:yellow;

}

mark.secondary {

padding: 0;

background-color: orange;

}

</style>

</head>

<body>

Korkma, sönmez bu şafaklarda yüzen al sancak; <br>

Sönmeden yurdumun üstünde tüten en son ocak. <br>

O benim milletimin yıldızıdır, parlayacak; <br>

O benimdir, o benim milletimindir ancak. <br> <br>

Çatma, kurban olayım çehreni ey nazlı hilâl! <br>

Kahraman ırkıma bir gül… ne bu şiddet bu celâl? <br>

Sana olmaz dökülen kanlarımız sonra helâl, <br>

</div>

$(function() {

var mark = function() {

// Read the keyword

var keyword = $("input[name='keyword']").val();

// Remove previous marked elements and mark

// the new keyword inside the context

$(".context, .context2").unmark({

done: function() {

$(".context, .context2").mark(keyword);

}

});

};

$("input[name='keyword']").on("input", mark);

});

</script>

</body>

</html>