Nascondere un testo troppo lungo
25 Febbraio 2015
Questo è possibile con l’aiuto dei css e un po’ di codice javasceript. Il codice che segue va inserito all’interno del tag <head>…. </head>:
<script type="text/javascript">
function ShowCommento(iddiv, idlnk) {
var div = document.getElementById(iddiv) ;
var lnk = document.getElementById(idlnk) ;
div.style.display = 'block' ;
lnk.style.display = 'none' ;
}
</script>
Il codice che segue va inserito nel body del documento:
<body>..... Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin vel ante. Sed ornare quam ac diam. Donec interdum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In hac habitasse platea dictumst. Donec porttitor congue nunc. Maecenas rutrum condimentum pede. Etiam vel odio. Duis purus eros, blandit nec, aliquet at, consectetuer non, nisl. Nam id nulla sit amet ipsum pharetra bibendum. Ut feugiat congue diam. Quisque ligula sapien, placerat quis, blandit ut, aliquet et, augue. <a href="#">... (segue)</a> </body>
Cliccando sul link “segue” il testo si espanderà tramite l’evento onclick che richiamerà la funzione ShowCommento di seguito il codice del link:
<div id="lnk-1">
<a style="CURSOR: pointer" onclick="ShowCommento('div-1', 'lnk-1')">... (segue)</a>
</div>