Question

我想使用点击链接显示在div中的名称。我尝试了很多东西，但没有任何结果。我还有一个小脚本来显示和隐藏一个工作正常的div，直到我试图为该名称制作一个脚本。请有人快点看看。

//script for hiding and display div
function showDiv() {
   document.getElementById('popup').style.display = "block";
}
function hideDiv() {
   document.getElementById('popup').style.display = "none";
}

和html：

<div class="maintab">
    <div class="tab" onclick="showDiv()" ><a href="#">Template</a></div>
</div>
<div id="bestelknop">**Here the name must come**</div>
<div id="popup" style="display:none">
    <ul>
        <a href="http://pixelweb.be" target="iframe" onclick="hideDiv()" name="Pixelweb">pixelweb</a>
        <a href="http://templates.pixelweb.be/social" target="iframe" onclick="hideDiv()" name="Social">social</a>
        <a href="http://templates.pixelweb.be" target="iframe" onclick="hideDiv()" name="Templates" >templates pixelweb</a>
    </ul>
</div>

现在我想在div bestelknop中显示名称van de current link。

我是javascript中的新手，所以请帮助我。

此致

尼

Answer 1

您可以将当前链接传递给该功能。

在这里查看我的工作示例：http://jsfiddle.net/XfW3P/

<div class="maintab">
    <div class="tab" onclick="showDiv()" ><a href="#">Template</a></div>
</div>
<div id="bestelknop">**Here the name must come**</div>
<div id="popup" style="display:none">
    <ul>
        <a href="http://pixelweb.be" target="iframe" onclick="hideDiv(this)" name="Pixelweb">pixelweb</a>
        <a href="http://templates.pixelweb.be/social" target="iframe" onclick="hideDiv(this)" name="Social">social</a>
        <a href="http://templates.pixelweb.be" target="iframe" onclick="hideDiv(this)" name="Templates" >templates pixelweb</a>
    </ul>
</div>

JavaScript代码：

function showDiv() {
    document.getElementById('popup').style.display = "block";
}
function hideDiv(link) {
    document.getElementById('popup').style.display = "none";
    document.getElementById('bestelknop').innerHTML = link.name;
}

Answer 2

首先，在每个链接中将this传递给你的`onclick =“hideDiv（this）”：

<a href="http://pixelweb.be" target="iframe" onclick="hideDiv(this)" name="Pixelweb">pixelweb</a>
<a href="http://templates.pixelweb.be/social" target="iframe" onclick="hideDiv(this)" name="Social">social</a>
<a href="http://templates.pixelweb.be" target="iframe" onclick="hideDiv(this)" name="Templates" >templates pixelweb</a>

然后，更改您的hideDiv()功能：

function hideDiv(obj) {
    document.getElementById('popup').style.display = "none";
    document.getElementById('bestelknop').innerHTML = obj.name + " " + obj.href;
}

小提琴：http://jsfiddle.net/bUVtA/

获取链接名称并将其写在div中

2 个答案: