|
|
Line 18: |
Line 18: |
| $('#show-article-wrapper').css('display', 'block'); | | $('#show-article-wrapper').css('display', 'block'); |
|
| |
|
| // Update the fixed column content with card information | | // ... (your existing code) |
| var entryNumber = $(this).find('.entry-number').text();
| |
| var title = $(this).find('.title').text();
| |
| var people = $(this).find('.people').text();
| |
| var type = $(this).find('.type').text();
| |
| var entity = $(this).find('.entity').text();
| |
| var discipline = $(this).find('.discipline').text();
| |
| var subject = $(this).find('.subject').text();
| |
| var description = $(this).find('.description').html();
| |
| | |
| // Update the fixed column content
| |
| $('#article-title').html('<p class="article-entry-number">' + entryNumber + '</p><p class="article-people">' + people + '</p>');
| |
| $('#article-content').html(
| |
| '<p class="article-title">' + title + '</p>' +
| |
| '<p class="article-type">' + type + '</p>' +
| |
| '<div class="article-metadata">' +
| |
| '<div class="article-metadata-column">' +
| |
| '<p class="article-metadata-label">Entity</p>' +
| |
| '<p class="article-metadata-value">' + entity + '</p>' +
| |
| '</div>' +
| |
| '<div class="article-metadata-column">' +
| |
| '<p class="article-metadata-label">Discipline</p>' +
| |
| '<p class="article-metadata-value">' + discipline + '</p>' +
| |
| '</div>' +
| |
| '<div class="article-metadata-column">' +
| |
| '<p class="article-metadata-label">Subject(s)</p>' +
| |
| '<p class="article-metadata-value">' + subject + '</p>' +
| |
| '</div>' +
| |
| '</div>' +
| |
| '<p class="article-label-description">Description:</p>' +
| |
| '<div class="article-description">' + description + '</div>'
| |
| );
| |
|
| |
|
| // Apply the fade-out effect to the #list element | | // Apply the fade-out effect to the #list element |
| $('#list').addClass('fade-out'); | | $('#list').addClass('fade-out'); |
|
| |
| // Get the height of #show-article content
| |
| var showArticleContentHeight = $('#show-article').height();
| |
|
| |
| // Set the height of #article-frame
| |
| $('#article-frame').height(showArticleContentHeight);
| |
| }); | | }); |
|
| |
|
Line 69: |
Line 32: |
| $('#show-article-wrapper').css('display', 'none'); | | $('#show-article-wrapper').css('display', 'none'); |
| } | | } |
| | }); |
| | |
| | // Hover effect for scrolling |
| | $('#show-article-wrapper').hover(function () { |
| | // On hover, enable scrolling on #show-article-wrapper |
| | $(this).css('overflow-y', 'auto'); |
| | }, function () { |
| | // On hover out, disable scrolling on #show-article-wrapper |
| | $(this).css('overflow-y', 'hidden'); |
| }); | | }); |
| } else { | | } else { |