2011-06-10 64 views
0

我有一个ASP页面从数据库中检索文本,但格式化看起来很尴尬,因为有很多文本,它会延伸页面直到结束。我正在寻找一种JavaScript解决方案,将这些文本压缩成几行,并且有一个选项可以在单击按钮时显示全部内容。我对于在页面中嵌入javascript完全陌生,但我认为这是最简单的方法。使用Javascript来隐藏/显示所有文本

+2

你应该偶尔接受你的问题的答案。 – Mutt 2011-06-10 16:06:17

+0

我同意。不是说LOLACCEPTMEPLOX,但如果你从不接受答案,那么人们不太愿意给予帮助,是吗? – Remm 2011-06-10 18:08:30

回答

0

请注意,你的ASP将或多或少,不符合你的Javascript接触。他们是非常独立的东西。话虽如此,你可以在C#代码中添加一个标志,然后在Javascript中获取该值<%= num; %>,检查它是否为真,并提交你的代码。 (或更好的检查后回复)

你想要做什么听起来像你想改变文本的地方的风格。在您的JavaScript中,抓住

段落区域。通过给该段的ID做到这一点:然后调用它在JavaScript并将其设置为一个变量:

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

那么你可以改变某些方面有关的文字,例如隐藏它,大小和其他的东西.. 。[param]

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

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);