【问题标题】:how to display the contents displayed in another html inside a div of the parent html file如何在父html文件的div内显示另一个html中显示的内容
【发布时间】:2021-10-17 20:21:18
【问题描述】:

以下代码显示,当单击锚标记时,将检索与该特定标题相关的内容并显示在另一个 html 页面名称 doc1.html 中。 将其重定向到此文件中存在的下一页的链接。 judge_civil.html 文件

<div class="container-middle">
  <div id="limitations" class="tabcontent">
    {% for data in law_data %} {% if data.law_type == 'civil' and
    data.law_category == 'limitations' %}
    <div class="tab">
      <!--<button class="tablinks" onclick="openLawtype(event,'title')">{{data.title}} &nbsp<i class="fas fa-chevron-circle-right"></i></button>-->
      <a href="{% url 'doc1' data.pk %}" target="_blank">{{data.title}}</a
      ><br /><br />
    </div>

    {% endif %} {% endfor %}
  </div>
</div>

点击链接时,与 {{data.title}} 关联的内容将打开并使用我传递的主键动态显示在新的 html 文件中。 doc1.html 中的代码如下

<p>{{ object.judgements|safe}}</p>

但现在我想在下面的judge_civil.html中显示doc1.html中显示的内容:

<div class="container-right"></div>

我认为这只能通过 javascript 来完成。我根本不懂 javascript,所以如果你能给我提供这个任务的代码,那将非常有帮助。

如果需要,我还提供模型和 viwes 和 urls 代码:

models.py

class Laws(models.Model):
    date= models.DateField(default=timezone.now)
    title= models.CharField(max_length=225, help_text="judgement title")
    judgements= RichTextField(blank=True, null= True)
    law_type= models.CharField(max_length=40, choices= type_of_law)
    law_category= models.CharField(max_length=60, choices= category)

    def __str__(self):
        return self.title

views.py

def judge_civil(request):
    law_data= Laws.objects.all().order_by('-date')

    return render(request, 'judge_civil.html', {'law_data': law_data} )


class Doc1DetailView(DetailView):
    model= Laws
    template_name = 'doc1.html'

urls.py

urlpatterns= [
        path('judge_civil',views.judge_civil, name='judge_civil'),
        path('doc1/<int:pk>/', Doc1DetailView.as_view(), name='doc1' ),
]

正如我之前所说,我根本不了解 JavaScript,因此如果您编写 JavaScript 代码完全符合我为实现这一目标所做的工作,我们将不胜感激。我附上了一张图片,可以让您更清楚地了解我想要做什么。

谢谢。

【问题讨论】:

    标签: javascript html jquery django django-templates


    【解决方案1】:

    您可以在 { URL } 中找到它的路径,因此当将文件发送到 {judge_civil.html 文件} 时,只需调用 window.location.href 它将返回当前 { URL } 并将数据传递给它

    【讨论】:

    • 我不明白。你能详细说明一下吗
    • 所以在名为 { window.location.href } 的新文件中,然后拆分路径到该 URL 的内容
    • 这将在一个新的空白选项卡右侧打开。我想要
      中 {{object.judgement|safe }} 的内容
    • 所以在这个文件中你可以调用 { var last = window.location.href.substring(window.location.href.lastIndexOf("/") + 1, window.location.href .length) ; $('.container-right').html(last) }
    猜你喜欢
    相关资源
    最近更新 更多
    热门标签