2013-12-12 110 views
0

我不知道标题是但这里怎么翔实就是我正在做的事...JavaScript的使用字符串的原始字符串代替

我有我的页面左侧拥有小巧的垂直菜单段落列在列表中,我使用javascript的substring方法截断单词的数量,并用三个点代替它们,称之为“椭圆”或任何可能的内容。

但是有什么办法让这个观点也让这个当我点击它采用全/原始的字符串,在那里的一个段落?因为到目前为止它只检索截断的字符串。

进一步增加所谓的段落实际上是从数据库中抽取出来,放在div标签的文字...这里采用asp。

+1

当然,也有一种方法可以做到这一点。将原始字符串保留在某处并添加一个显示原始字符串的点击处理程序。不知道你在这里期待什么样的帮助。 –

+0

想法是好的谢谢:) – user2405469

+0

'文本溢出:ellipis' – Abhitalks

回答

1

创建CSS类是这样的:

.ellip { 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
} 

应用这个类的菜单项(第如你给他们打电话)。这些菜单项的父项应该有一个宽度。

看到这个小提琴:http://jsfiddle.net/88mmf/

这将有助于您了解如何使用JavaScript或jQuery的切换上点击这个类。

希望有所帮助。

+0

有趣,当我用文字溢出隐藏试过白色空间之前没有包装,也没有因为我没有使用溢出工作,以及:隐藏..谢谢你,它已经完成了招 – user2405469

+0

@ user2405469:高兴帮助。我已经更新了答案,以包括小提琴帮助你更好地理解。 – Abhitalks

+0

谢谢你,我只是implmented溢出:隐藏,做了太多的使用jQuery,它是好的,没有包含更多的与我在那里已经多少东西。 – user2405469

0

你可以保持在一个全局数组(window.labels)整个字符串,并引用它们无论是在截断版本或全文版:

window.labels = []; 
window.labels[0] = 'very long string bla bla bla'; 
window.labels[1] = ... 
+0

现在这是我脑海中最初的想法,我只是不想去。我想有存储在某些数组原件,得到的被点击了什么内容,发现它在数组中,然后获取内容,而不是想太多像一个程序员,喜欢它。 – user2405469