I created a simple database and there is a live search,i want to know how to highlighting search keywords in the table. I've been using other means but still it doesn't work. please help me
this is my code :
$(document).ready(function(){
load_data();
function load_data(search){
$.ajax({
url:"get_data.php",
method:"POST",
data: {
search: search
},
success:function(data){
$('#hasil').html(data);
}
});
}
$('#search').keyup(function(){
var search = $("#search").val();
load_data(search);
});
function highlight_word(hasil)
{
var text = document.getElementById("search").value;
if(text)
{
var pattern=new RegExp("("+text+")", "gi");
var new_text=hasil.replace(pattern, "<span class='highlight'>"+text+"</span>");
document.getElementById("hasil").innerHTML=new_text;
}
}
html :
<input type="text" class="form-control" id="search" name="search" >
<div id="hasil"></div>
You've never called highlight_word() function somewhere. you may replace your success function via:
success:function(data){
$('#hasil').html(data);
highlight_word(data);
}
Follow This Article. You could this way
[https://stackoverflow.com/questions/8644428/how-to-highlight-text-using-javascript][1]