diff --git a/_layouts/post.html b/_layouts/post.html
index dca7641..f46dd9e 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -97,10 +97,34 @@ $.get(BlogAPI + "/suggest?id={{ page.url }}&update=" + lastUpdated.valueOf(), fu
searchMap[search[i].url] = search[i];
}
+ var tooltip = $('
').appendTo('body').hide();
for (var j = 0; j < data.length; j++) {
var item = searchMap[data[j].id];
if (item) {
- suggest.append('' + item.title + ' - ' + item.date + '
');
+ var link = $('' + item.title + '');
+ var contentPreview = item.content.replace(/<[^>]+>/g, "").substring(0, 100);
+
+ link.hover(
+ function(e) {
+ tooltip.text($(this).data('content'))
+ .css({
+ top: e.pageY + 10,
+ left: e.pageX + 10
+ })
+ .show();
+ },
+ function() {
+ tooltip.hide();
+ }
+ ).mousemove(function(e) {
+ tooltip.css({
+ top: e.pageY + 10,
+ left: e.pageX + 10
+ });
+ }).data('content', contentPreview);
+
+ suggest.append(link);
+ suggest.append(' - ' + item.date + '
');
}
}
});
diff --git a/assets/css/style.scss b/assets/css/style.scss
index 18b596f..11b603d 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -154,4 +154,17 @@ section{
section {
width: auto;
}
+}
+
+.content-tooltip {
+ position: absolute;
+ background: #fff;
+ border: 1px solid #ddd;
+ padding: 8px 12px;
+ border-radius: 4px;
+ box-shadow: 0 2px 10px rgba(0,0,0,0.1);
+ max-width: 300px;
+ z-index: 1000;
+ font-size: 14px;
+ line-height: 1.4;
}
\ No newline at end of file