#417 improvements

This commit is contained in:
Hamid Reza Mohammadi 2023-12-13 20:15:36 +03:30
parent 7f9ab3bad3
commit 49ba4139a3
4 changed files with 31 additions and 7 deletions

View File

@ -87,7 +87,16 @@
</div>
@if (Model.GanjoorPage != null && Model.GanjoorPage.Poem != null)
{
<div class="clear-both margin-15px" id="main-inline-div" style="display:none">
<input type="search" name="inline-search" id="inline-search" class="text-align-center" placeholder="جستجو در متن" size="35" value="" onkeyup="inlineHighlight()">
<a onclick="inlineUnHighlight()" role="button" class="cursor-pointer">
<i class="noindent-info-button close-button"></i>
</a>
<div id="inline-search-matches" class="inline-small"></div>
</div>
}
</div>

View File

@ -240,12 +240,11 @@
@if(Model.GanjoorPage.Poem != null)
{
<div class="clear-both margin-15px">
<input type="search" name="inline-search" id="inline-search" class="text-align-center" placeholder="جستجو در متن" size="35" value="" onkeyup="inlineHighlight()">
<a onclick="inlineUnHighlight()" role="button" class="cursor-pointer">
<i class="noindent-info-button close-button"></i>
</a>
<div id="inline-search-matches" class="inline-small"></div>
<script>
</script>
<div class="clear-both margin-15px" id="fake-inline-div">
<input type="search" name="fake-inline-search" id="fake-inline-search" class="text-align-center" placeholder="جستجو در متن" size="35" value="" oninput="displayMainInlineSearch()">
</div>
}

View File

@ -1996,6 +1996,7 @@ fieldset {
.inline-small{
display:inline;
font-size:small;
color: gold;
}

View File

@ -1363,10 +1363,25 @@ function inlineHighlight() {
function inlineUnHighlight() {
document.getElementById('inline-search').value = '';
document.getElementById('fake-inline-div').value = '';
document.getElementById('inline-search').classList.remove("background-red");
$('#inline-search-matches').text('');
var context = document.getElementById('garticle');
$(context).unmark();
document.getElementById('fake-inline-div').style.display = 'block';
document.getElementById('main-inline-div').style.display = 'none';
document.getElementById('fake-inline-search').value = '';
document.getElementById('fake-inline-search').focus();
}
function displayMainInlineSearch() {
document.getElementById('fake-inline-div').style.display = 'none';
document.getElementById('main-inline-div').style.display = 'block';
var txt = document.getElementById('fake-inline-search').value;
document.getElementById('inline-search').value = txt;
document.getElementById('inline-search').setSelectionRange(txt.length, txt.length);
document.getElementById('inline-search').focus();
}