| Abstract |
Classifying text into predefined categories is a fundamental task in information retrieval (IR). IR and web mining techniques have been applied to categorize web pages to enable users to manage and use the huge amount of information available on the web. Thus, developing user-friendly and automated tools for managing web information has been on a higher demand in web mining and information retrieval communities. Text categorization, information routing, identification of junk materials, topic identification and structured search are some of the hot spots in web information management. A great deal of techniques exists for classifying web documents into categories. Interestingly, almost none of the existing algorithms consider documents having 'varying contents' from the rest of the documents taken from the same domain (category) called web content outliers. In this paper, we take advantage of the HTML structure of web and n-gram technique for partial matching of strings and propose an n-gram-based algorithm for mining web content outliers. To reduce the processing time, the optimized algorithm uses only data captured in and tags. Experimental results using planted motifs indicate the proposed n-gram-based algorithm is capable of finding web content outliers. In addition, using texts captured in <Meta> and <Title> tags gave the same results as using text embedded in <Meta>, <Title>, and <Body> tags. </td>
</tr><tr>
<th>Starting Page</th>
<td>482 </td>
</tr><tr>
<th>Ending Page</th>
<td>487 </td>
</tr><tr>
<th>Page Count</th>
<td>6 </td>
</tr><tr>
<th>File Format</th>
<td>PDF </td>
</tr><tr>
<th>ISBN</th>
<td>1581139640 </td>
</tr><tr>
<th>DOI</th>
<td>10.1145/1066677.1066788 </td>
</tr><tr>
<th>Language</th>
<td>English </td>
</tr><tr>
<th>Publisher</th>
<td>Association for Computing Machinery (ACM) </td>
</tr><tr>
<th>Publisher Date</th>
<td>2005-03-13 </td>
</tr><tr>
<th>Publisher Place</th>
<td>New York </td>
</tr><tr>
<th>Access Restriction</th>
<td>Subscribed </td>
</tr><tr>
<th>Subject Keyword</th>
<td>Dissimilarity measure <i class="fa-solid fa-circle text-muted"></i> Web contents <i class="fa-solid fa-circle text-muted"></i> Text categorization <i class="fa-solid fa-circle text-muted"></i> Web mining <i class="fa-solid fa-circle text-muted"></i> N-grams </td>
</tr><tr>
<th>Content Type</th>
<td>Text </td>
</tr><tr>
<th>Resource Type</th>
<td>Article </td>
</tr> </table>
</div>
</div>
</div>
</main>
<!-- footer -->
<script>
$(document).ready(function() {
if($("#modal_login").length && location.protocol == "http:" && location.pathname.indexOf("_document/")!=3){
window.location.replace("https://" + location.hostname + location.pathname + location.search);
}
});
</script><footer class="footer">
<nav class="navbar navbar-expand-lg bg-primary">
<div class="container-fluid"> <ul class="navbar-nav"> <li class="nav-item">
<a class="nav-link" href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#modal_about"><i class="fa-solid fa-info-circle"></i> About</a>
</li> <li class="nav-item">
<a class="nav-link" href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#modal_disclaimer"><i class="fa-solid fa-gavel"></i> Disclaimer</a>
</li> </ul> <ul class="navbar-nav justify-content-end">
<li class="nav-item">
<a class="nav-link" href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#modal_feedback"><i class="fa-solid fa-message"></i> Feedback</a>
</li>
<li class="nav-item">
<a class="nav-link" href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#modal_sponsor"><i class="fa-solid fa-life-ring"></i> Sponsor</a>
</li>
<li class="nav-item">
<a class="nav-link" href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#modal_contact"><i class="fa-solid fa-phone-square"></i> Contact</a>
</li>
<li class="nav-item">
<a class="nav-link" href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#modal_chatbot"><i class="fa-solid fa-comments fa-beat-fade"></i> Chat with Us</a>
</li> </ul> </div>
</nav>
</footer><style type="text/css">
</style>
<div class="modal fade" id="modal_about" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">
<i class="fa-solid fa-info-circle"></i> About National Digital Library of India (NDLI)
</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
<span aria-hidden="true"></span>
</button>
</div>
<div class="modal-body">
<div class="d-flex justify-content-center">
<img src="/assets/img/ndli-logo-lg-green.svg" alt="NDLI logo" class="mx-auto d-block" height="100%" loading="lazy" style="width: 250px;">
</div>
<p class="pt-2">
National Digital Library of India (NDLI) is a virtual repository of learning resources which is not just a repository with search/browse facilities but provides a host of services for the learner community. It is sponsored and mentored by Ministry of Education, Government of India, through its National Mission on Education through Information and Communication Technology (NMEICT). Filtered and federated searching is employed to facilitate focused searching so that learners can find the right resource with least effort and in minimum time. NDLI provides user group-specific services such as Examination Preparatory for School and College students and job aspirants. Services for Researchers and general learners are also provided. NDLI is designed to hold content of any language and provides interface support for 10 most widely used Indian languages. It is built to provide support for all academic levels including researchers and life-long learners, all disciplines, all popular forms of access devices and differently-abled learners. It is designed to enable people to learn and prepare from best practices from all over the world and to facilitate researchers to perform inter-linked exploration from multiple sources. It is developed, operated and maintained from Indian Institute of Technology Kharagpur.
</p>
<p>
Learn more about this project <a href="http://project.ndl.gov.in" target="_blank">from here</a>.
</p>
<div class="d-flex justify-content-center">
<a target="_blank" href="https://www.bsigroup.com/en-IN/products-and-services/assessment-and-certification/validation-and-verification/client-directory-certificate/FS%20823721">
<img src="/assets/img/ISO_9001-2015.svg" class="img-fluid" style="width: 100px;">
</a>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
<i class="fa-solid fa-times"></i> Close
</button>
</div>
</div>
</div>
</div><div class="modal fade" id="modal_disclaimer" tabindex="-1" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">
<i class="fa-solid fa-gavel"></i> Disclaimer
</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
<span aria-hidden="true"></span>
</button>
</div>
<div class="modal-body">
<p>
NDLI is a conglomeration of freely available or institutionally contributed or donated or publisher managed contents. Almost all these contents are hosted and accessed from respective sources. The responsibility for authenticity, relevance, completeness, accuracy, reliability and suitability of these contents rests with the respective organization and NDLI has no responsibility or liability for these. Every effort is made to keep the NDLI portal up and running smoothly unless there are some unavoidable technical issues.
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
<i class="fa-solid fa-times"></i> Close
</button>
</div>
</div>
</div>
</div><script>
var feedtypes = {"overall":{"ui":"User Interface","ux":"User Friendliness","new":"Suggest a new Feature","other":"Other"},"account":{"login":"Log-In","regn":"Registration","recov":"Recovery","profile":"Profile Customize","other":"Other"},"se":{"search":"Search","br_subjectClass":"Browse by Subjects","br_educationalLevel":"Browse by Educational Levels","br_resourceType":"Browse by Resource Types","br_sourceOrganization":"Browse by Content Providers","content_avail":"Content Availability","content_quality":"Content Accessibility\/Quality","other":"Other"},"he":{"search":"Search","br_ddc":"Browse by Subjects","br_learningResourceType":"Browse by Resource Types","br_sourceOrganization":"Browse by Content Providers","br_educationalLevel":"Browse by Educational Levels","content_avail":"Content Availability","content_quality":"Content Accessibility\/Quality","other":"Other"},"re":{"search":"Search","br_asjc":"Browse by Subjects","br_sourceOrganization":"Browse by Content Providers","br_learningResourceType":"Browse by Resource Types","br_journal":"Browse by Journals","content_avail":"Content Availability","content_quality":"Content Accessibility\/Quality","other":"Other"},"cd":{"br_sourceOrganization":"Browse by Examinations","br_learningResourceType":"Browse by Resource Types","content_avail":"Content Availability","content_quality":"Content Accessibility\/Quality","other":"Other"},"ch":{"search":"Search","br_sourceOrganization":"Browse by Content Providers","br_learningResourceType":"Browse by Resource Types","content_avail":"Content Availability","content_quality":"Content Accessibility\/Quality","other":"Other"},"nw":{"br_sourceOrganization":"Browse by Content Providers","br_newspaper":"Browse by Newspapers","content_avail":"Content Availability","content_quality":"Content Accessibility\/Quality","other":"Other"},"pt":{"search":"Search","br_cpc":"Browse by CPC Classification","br_publisher_jurisdiction":"Browse by Jurisdictions","br_learningResourceType":"Browse by Resource Types","br_publisher_authority":"Browse by Issuing Authority","content_avail":"Content Availability","content_quality":"Content Accessibility\/Quality","other":"Other"},"lw":{"search":"Search","br_sourceOrganization":"Browse by Content Providers","br_learningResourceType":"Browse by Resource Types","br_legal_casetype":"Browse by Case Types","br_subject_lw":"Browse by Laws\/Acts","br_publisher_jurisdiction":"Browse by Jurisdictions","content_avail":"Content Availability","content_quality":"Content Accessibility\/Quality","other":"Other"},"service":{"club":"NDLI Club","idr_hosting":"IDR Hosting Service","dpc":"Digital Preservation Centre (DPC)","other":"Other"}};
$(document).ready(function() {
$("#feed_cat").on("change", function() {
$("#feed_subcat").html("");
$.each(window.feedtypes[$("#feed_cat").val()], function(val, disp) {
$("#feed_subcat").append("<option value=\"" + val + "\">" + disp + "</option>");
});
$("#feed_subcat").removeAttr("disabled");
$("#feed_subcat").selectpicker('refresh');
$("#fa-cat").removeClass("fa-bounce fa-circle-chevron-down");
$("#fa-cat").addClass("fa-circle-check");
$("#fa-subcat").addClass("fa-bounce fa-circle-chevron-down");
$("#fa-subcat").removeClass("fa-circle-check");
});
$("#feed_subcat").on("change", function() {
if ($("#feed_subcat").val().length) {
$("#fa-subcat").removeClass("fa-bounce fa-circle-chevron-down");
$("#fa-subcat").addClass("fa-circle-check");
} else {
}
});
});
</script>
<div class="modal fade" id="modal_feedback" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<form action="/page-feedback.php" method="post">
<input type="hidden" name="referer" value="/re_document/acm_dl/1234567_acm_proc/316082">
<div class="modal-header">
<h5 class="modal-title"><i class="fa-solid fa-message"></i> Feedback</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
<span aria-hidden="true"></span>
</button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-6">
<label class="form-label"><i class="fa-solid fa-circle-chevron-down fa-lg fa-bounce" id="fa-cat"></i> Select Category</label>
<select class="selectpicker show-tick" name="feed_cat" id="feed_cat" data-size="8" data-width="100%" title="Select category *" required>
<option value="overall">Overall</option><option value="account">User Account</option><option value="se">School Education</option><option value="he">Higher Education</option><option value="re">Research</option><option value="cd">Career Development</option><option value="ch">Cultural Archives</option><option value="nw">Newspaper Archives</option><option value="pt">Patents & Standards</option><option value="lw">Judicial Resources</option><option value="service">Services</option> </select>
</div>
<div class="col-6">
<label class="form-label"><i class="fa-solid fa-lg" id="fa-subcat"></i> Select Sub-Category</label>
<select disabled class="selectpicker show-tick" name="feed_subcat" id="feed_subcat" data-size="8" data-width="100%" title="Select sub-category *" required></select>
</div>
</div>
<hr />
<div class="form-floating">
<textarea name="feed_text" id="feed-text" class="form-control" placeholder="Write your feedback here" style="height: 175px" required></textarea>
<label for="feed-text">Write your feedback here *</label>
</div>
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-primary"><i class="fa-solid fa-share-from-square"></i> Submit</button>
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal"><i class="fa-solid fa-times"></i> Close</button>
</div>
</form>
</div>
</div>
</div><style type="text/css">
#modal_sponsor img {
height: 90px;
}
</style>
<div class="modal fade" id="modal_sponsor" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">
<i class="fa-solid fa-life-ring"> </i> Sponsor
</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
<span aria-hidden="true"></span>
</button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-4">
<img src="/assets/img/moe.png" class="img-fluid float-end" loading="lazy">
</div>
<div class="col-md-5">
<img src="/assets/img/landing-nmeict.jpg" class="img-fluid text-center" loading="lazy">
</div>
<div class="col-md-3">
<img src="/assets/img/digital-india.svg" class="img-fluid" loading="lazy">
</div>
</div>
<p class="pt-4">
Ministry of Education, through its National Mission on Education through Information and Communication Technology (NMEICT), has sponsored and funded the National Digital Library of India (NDLI) project.
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
<i class="fa-solid fa-times"></i> Close
</button>
</div>
</div>
</div>
</div><div class="modal fade" id="modal_contact" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-xl modal-fullscreen-md-down" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">
<i class="fa-solid fa-phone-square"></i> Contact National Digital Library of India
</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
<span aria-hidden="true"></span>
</button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-sm-6 text-center border-end">
Central Library (ISO-9001:2015 Certified)<br />Indian Institute of
Technology Kharagpur<br />Kharagpur, West Bengal, India | PIN - 721302
</div>
<div class="col-sm-2"></div>
<div class="col-sm-4">
<i class="fa-solid fa-map-location-dot"></i> <a href="https://maps.app.goo.gl/n134t4kb45v63d5q9">See location in the Map</a><br />
<i class="fa-solid fa-phone"></i> 03222 282435<br />
<i class="fa-solid fa-envelope"></i> Mail: <a href="mailto:support@ndl.gov.in?subject=Feedback">support@ndl.gov.in</a>
</div>
</div>
<table class="table table-striped table-bordered text-left mt-3">
<thead>
<tr>
<th>Sl.</th>
<th style="width: 325px;">Authority</th>
<th style="width: 575px;">Responsibilities</th>
<th>Communication Details</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Ministry of Education (GoI),<br>Department of Higher Education</td>
<td>Sanctioning Authority</td>
<td class="s3"><a target="_blank" href="https://www.education.gov.in/ict-initiatives">https://www.education.gov.in/ict-initiatives</a>
</td>
</tr>
<tr>
<td>2</td>
<td>Indian Institute of Technology Kharagpur</td>
<td>Host Institute of the Project: The host institute of the project is responsible for
providing infrastructure support and hosting the project</td>
<td><a target="_blank" href="https://www.iitkgp.ac.in">https://www.iitkgp.ac.in</a></td>
</tr>
<tr>
<td>3</td>
<td>National Digital Library of India Office, Indian Institute of Technology Kharagpur</td>
<td>The administrative and infrastructural headquarters of the project</td>
<td><i class="fa-solid fa-user"></i> Dr. B. Sutradhar <i class="fa-solid fa-envelope"></i> <a href="mailto:bsutra@ndl.gov.in">bsutra@ndl.gov.in</a>
</td>
</tr>
<tr>
<td>4</td>
<td>Project PI / Joint PI</td>
<td>Principal Investigator and Joint Principal Investigators of the project</td>
<td>
<!--
Prof. K. P. Sinhamahapatra (Mail: kalyanps@ndl.gov.in)
Prof. S. P. Khastgir
-->
<i class="fa-solid fa-user"></i> Dr. B. Sutradhar <i class="fa-solid fa-envelope"></i> <a href="mailto:bsutra@ndl.gov.in">bsutra@ndl.gov.in</a><br />
<i class="fa-solid fa-user"></i> Prof. Saswat Chakrabarti <i class="fa-solid fa-envelope"></i> <small class="text-muted">will be added soon</small>
</td>
</tr>
<tr>
<td>5</td>
<td>Website/Portal (Helpdesk)</td>
<td>Queries regarding NDLI and its services</td>
<td><i class="fa-solid fa-envelope"></i> <a href="mailto:support@ndl.gov.in">support@ndl.gov.in</a></td>
</tr>
<tr>
<td>6</td>
<td>Contents and Copyright Issues</td>
<td>Queries related to content curation and copyright issues</td>
<td><i class="fa-solid fa-envelope"></i> <a href="mailto:content@ndl.gov.in">content@ndl.gov.in</a></td>
</tr>
<tr>
<td>7</td>
<td>National Digital Library of India Club (NDLI Club)</td>
<td>Queries related to NDLI Club formation, support, user awareness program, seminar/symposium,
collaboration, social media, promotion, and outreach</td>
<td><i class="fa-solid fa-envelope"></i> <a href="mailto:clubsupport@ndl.gov.in">clubsupport@ndl.gov.in</a></td>
</tr>
<tr>
<td>8</td>
<td>Digital Preservation Centre (DPC)</td>
<td>Assistance with digitizing and archiving copyright-free printed books</td>
<td><i class="fa-solid fa-envelope"></i> <a href="mailto:dpc@ndl.gov.in">dpc@ndl.gov.in</a></td>
</tr>
<tr>
<td>9</td>
<td>IDR Setup or Support</td>
<td>Queries related to establishment and support of Institutional Digital Repository (IDR) and
IDR workshops</td>
<td><i class="fa-solid fa-envelope"></i> <a href="mailto:idr@ndl.gov.in">idr@ndl.gov.in</a></td>
</tr>
</tbody>
</table>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
<i class="fa-solid fa-times"></i> Close
</button>
</div>
</div>
</div>
</div>
<style type="text/css">
.chat-container {
height: 450px;
overflow-y: scroll;
padding: 0px 5px;
}
.chat-chatbot .card-body,
.chat-human .card-body,
.chat-chatbot .card-header,
.chat-human .card-header {
padding: 5px 10px;
}
#jumping-dots-container {
width: -webkit-fill-available;
}
.jumping-dots span {
position: relative;
margin-left: auto;
margin-right: auto;
animation: jump 1s infinite;
display: inline-block;
background-color: #0D7751;
width: 12px;
height: 12px;
border-radius: 50%;
margin-right: 3px;
}
.jumping-dots .dot-1 {
animation-delay: 200ms;
}
.jumping-dots .dot-2 {
animation-delay: 400ms;
}
.jumping-dots .dot-3 {
animation-delay: 600ms;
}
@keyframes jump {
0% {
bottom: 0px;
}
20% {
bottom: 5px;
}
40% {
bottom: 0px;
}
}
.chat-container {
display: flex;
flex-direction: column;
gap: 10px;
padding: 20px;
/* max-width: 500px; */
}
/* Common chat bubble style */
.chat-bubble {
max-width: 70%;
padding: 12px 16px;
border-radius: 16px;
position: relative;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 1.4;
}
/* Left-aligned bubble */
.chat-bubble.left {
background-color: #f1f0f0;
color: #000;
align-self: flex-start;
border-bottom-left-radius: 0;
}
.chat-bubble.left::after {
content: "";
position: absolute;
left: -8px;
bottom: 0;
width: 0;
height: 0;
border: 10px solid transparent;
border-top-color: #f1f0f0;
border-bottom: 0;
border-right: 0;
margin-left: -1px;
margin-bottom: -10px;
}
/* Right-aligned bubble */
.chat-bubble.right {
background-color: #0084ff;
color: #fff;
align-self: flex-end;
border-bottom-right-radius: 0;
}
.chat-bubble.right::after {
content: "";
position: absolute;
right: -8px;
bottom: 0;
width: 0;
height: 0;
border: 10px solid transparent;
border-top-color: #0084ff;
border-bottom: 0;
border-left: 0;
margin-right: -1px;
margin-bottom: -10px;
}
</style>
<script type="text/javascript">
$(document).ready(function() {
$("#chat-text").on('keypress', function(event) {
if (event.key === 'Enter') {
event.preventDefault()
send_chat();
}
});
});
function send_chat() {
var query = $("#chat-text").val();
var obj = {
'query': query
};
if ($("#chat-text").val()) {
$("#chat-msgs").append('<div class="chat-bubble right">\
<p class="text-muted small mb-0"><i class="far fa-clock"></i> ' + new Date().toLocaleTimeString() + '</p>\
<p>' + query + '</p>\
</div>\
');
}
$("#chat-msgs").append('<div class="float-start" id="jumping-dots-container">\
<i class="fa-solid fa-robot text-success"></i> <small class="text-muted">Chatbot is processing your request...</small>\
<div class="jumping-dots">\
<span class="dot-1"></span>\
<span class="dot-2"></span>\
<span class="dot-3"></span>\
</div>\
</div>');
$("#chat-msgs").scrollTop($("#chat-msgs").height()).animate("fast");
$("#chat-text").val("");
$.ajax({
url: "/ajax/chatbot.php",
method: "POST",
timeout: 0,
contentType: "application/json",
data: JSON.stringify(obj),
success: function(response, textStatus, jQxhr) {
$("#chat-msgs").append('<div class="chat-bubble left">\
<p class="text-muted small mb-0"><i class="far fa-clock"></i> ' + new Date().toLocaleTimeString() + '</p>\
' + response.reply + '\
</p>\
</div>');
},
error: function(jqXhr, textStatus, errorThrown) {
$("#modal_server_error").modal("show");
console.log(errorThrown);
},
complete: function(jqXHR, textStatus) {
startTypeSetting("result");
$("#jumping-dots-container").remove();
}
});
}
</script>
<div class="modal fade" id="modal_chatbot" tabindex="-1" aria-hidden="true" data-bs-backdrop="static" data-bs-keyboard="false">
<div class="modal-dialog modal-xl" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">
<i class="fa-solid fa-comments"></i> I will try my best to help you...
</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
<span aria-hidden="true"></span>
</button>
</div>
<div class="modal-body">
<div class="chat-container" id="chat-msgs"></div>
<div id="chat-input" class="mt-4">
<div class="input-group">
<input type="text" class="form-control" aria-describedby="button-chatbot-send" placeholder=" Enter your desired topic here" id="chat-text">
<button class="btn btn-primary" type="button" id="button-chatbot-send" onclick="javascript:send_chat()"><i class="fa-solid fa-paper-plane"></i> Send</button>
</div>
<div class="badge-group" style="display: none;"></div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
<i class="fa-solid fa-times"></i> Close
</button>
</div>
</div>
</div>
</div>
<!-- modals -->
<style type="text/css">
#table-cite {
th {
width: 100px;
}
td {
padding: 6px;
}
textarea {
height: 100px;
font-size: small;
padding: 0px;
}
}
</style>
<div class="modal fade" id="modal_cite" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">
<i class="fa-solid fa-quote-right"></i> Cite this Content
</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
<span aria-hidden="true"></span>
</button>
</div>
<div class="modal-body">
<table class="table" id="table-cite">
<tr class="text-center">
<td>
<div class="spinner-border" role="status">
<span class="visually-hidden">Loading...</span>
</div>
</td>
</tr>
</table>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
<i class="fa-solid fa-times"></i> Close
</button>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$("#modal_cite").on("show.bs.modal", function(event) {
if (!$("#table-cite th").length) {
$.post("/ajax/get-citation.php", {}, function(jsonObj) {
$("#table-cite").html("");
$.each(jsonObj.formats, function(type, value) {
// <br/><button class="btn btn-sm btn-secondary"><i class="fa-solid fa-paste"></i> Copy</button>
$("#table-cite").append('<tr class="border-bottom"><th>' + type + '</th><td>' + value + '</td></tr>');
});
$("#table-cite").append('<tr><th>BibTex</th><td><textarea class="form-control" readonly>' + jsonObj.bib + '</textarea></td></tr>');
}, "json").fail(function() {
//alert("Error: Please try again later... Server is not ready");
});
}
});
</script></body>
</html>
|