Как отобразить html-контент в элементе div при нажатии на ссылку href="", в django и django-messages?

Я пытаюсь отобразить HTML файл в div элемент. Я попробовал несколько примеров от js до jquery, но, похоже, ничего не работает. Я также использую django-message.

В inbox.html я пытаюсь отобразить содержимое сообщения в элементе div после нажатия на ссылку. Сообщение должно меняться после нажатия на другую ссылку. Это должно отображаться на одной и той же странице.

inbox.html:

{% extends "user_dashboard_page.html" %}
{% load static %}
{% block content %}
{% if user.is_authenticated %}
<link rel="stylesheet" type="text/css" href="{% static 'css/inbox.css' %}">
<script src="{% static 'js/inbox.js' %}"></script>

{% load i18n %}
{% if message_list %}

 <section class="sidebar">
    <div class="sidebar--inner">
     <div class="is-settings--parent">
      <div class="sidebar-menu">
        <ul>
          <li class="inboxItem isActive"><a href="#0">Inbox (<span class="numCount"></span>) 
         </a></li>
          <li class="sentItem"><a href="{% url 'messages_outbox' %}">Sent</a></li>
          <li class="spamItem"><a href="#0">Spam</a></li>
          <li class="trashItem"><a href="{% url 'messages_trash' %}">Trash</a></li>
        </ul>
      </div>
    </div>
   </div>
 </section>
 
<section class="view">
    <section class="emails is-component">
      <div class="emails--inner">
      <div>
         <h1 class="email-type">Inbox</h1>
          <!-- inbox email cards -->
          {% for message in message_list %}
          <div class="inbox">
             <div class="email-card">
               <div class="is-email--section has-img">
                 <div class="sender-img" style="">
                 </div>
                </div>
                <div class="is-email--section has-content">
                  <div class="sender-inner--content">
                    <p class="sender-name">From: {{ message.sender.username }}</p>
                
                **a link elements!!!**
                <p class="email-sum">Subject: <a href="{{ message.get_absolute_url }}">{{ 
                 message.subject }}</a></p>
                <p class="email-sum">Time: {{ message.sent_at|date:_("DATETIME_FORMAT") }}</p>
                  </div>
                </div>
               
            </div>
          </div>
          </div>
          {% endfor %}
        </div>
       </div>
    </section>

     <section class="full-email-view is-component">
        
          **div element that contains the entire content of the message!!!**
           <div class="mscontent">
                  **here content should be displayed**
           </div>

     </section>
</section> 

{% endif %} 
{% endif %}
{% endblock %}

Полное содержимое сообщения отображается на django-message view.html

view.html:

{% extends "django_messages/inbox.html" %}
{% load i18n %}
{% if user.is_authenticated %}

{% block content %}
<h1>{% trans "View Message" %}</h1>
 <dl class="message-headers">
    <dt>{% trans "Subject" %}</dt>
    <dd><strong>{{ message.subject }}</strong></dd>
    <dt>{% trans "Sender" %}</dt>
    <dd>{{ message.sender }}</dd>
    <dt>{% trans "Date" %} </dt>
    <dd>{{ message.sent_at|date:_("DATETIME_FORMAT")}}</dd>
    <dt>{% trans "Recipient" %}</dt>
    <dd>{{ message.recipient }}</dd>
</dl>
 {{ message.body|linebreaksbr }}<br /><br />

 {% if message.recipient.pk == user.pk %}
  <a href="{% url 'messages_reply' message.id %}">{% trans "Reply" %}</a>
 {% endif %}
   <a href="{% url 'messages_delete' message.id %}">{% trans "Delete" %}</a>
 {% comment %}Example reply_form integration
 {% if reply_form %}
 <h1>{% trans "Compose reply"%}</h1>
 <form action="{% url 'messages_reply' message.id %}" method="post">
  {% csrf_token %}
 <table>
 {{ reply_form.as_table }}
 </table>
  <input type="submit" value="{% trans 'Send' %} &raquo;"/>
 </form>
 {% endif %}
 {% endcomment %}
 {% endblock %}
 {% endif %}

Вернуться на верх