0

我想使用单击的链接中的名称以显示在 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 链接。

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

问候，

本尼

4

2 回答 2

2

您可以将当前链接传递给该函数。

看看我的工作示例：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;
}
于 2013-05-21T23:53:28.677 回答
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/

于 2013-05-21T23:53:44.757 回答