2013-12-12 76 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