使用Javascript隐藏/显示所有文本

时间:2011-06-10 15:57:41

标签: javascript asp.net

我有一个ASP页面,可以从数据库中检索文本,但格式看起来很笨拙,因为有很多文本,它会将页面延伸到最后。我正在寻找一个javascript解决方案,它会将此文本压缩成几行,并且可以选择在单击按钮后显示所有内容。我完全不熟悉在页面中嵌入javascript,但我认为这是最简单的方法。

2 个答案:

答案 0 :(得分:0)

从ASP页面获取结果文本并使用substring将其拆分为:

var asp_result
var part1 = asp_result.substring(0,25); //however far in the string you want to shorten it
var part2 = asp_result.substring(26);

var short = document.createElement('div');
var long = document.createElement('div');
short.appendChildDocument.createTextNode(part1);
long.appendChildDocument.createTextNode(part2);

var var1 document.getElementById('where_you_want_the_text');

var1.appendChild(part1);
var1.appendChild(part2);

document.getElementById('buttonID').addEventListener('click', function(long){
    if(long.getAttibute('visibility') == 'visible')
    {
        long.setAttribute('visibility', 'hidden');
    }else{
        long.setAttribute('visibility, 'visible');
    }
}, false);

答案 1 :(得分:0)

请注意,您的asp会或多或少地与您的Javascript联系。它们是非常独立的东西。话虽这么说,你可以在C#代码中有一个标志,然后在Javascript<%= num;中获取该值。 %&gt ;,检查它是否为真,并提交您的代码。 (或者更好地检查回帖)

您尝试做的事情听起来像是想要更改文本放置位置的样式。在您的javascript中,抓住

段落区域。通过给段落一个id来执行此操作:然后在javascript中调用它并将其设置为变量:

var text = document.getelementbyid('jollies');

然后你可以改变文本的某些方面,例如隐藏它,大小和其他东西......都在text.style下。[param]

如果你想在javascript中显示/隐藏它,请使用一个不是runat服务器的按钮来使用onclick =" myjavascriptfunction()"隐藏所述文本的可见性:隐藏;等等。