Buon giorno a tutti, mi sto imbattendo in jquery.truncatable.js per dividere una notizia in due tronconi.
Purtroppo mi sono accorto che se all'interno della notizia c'è un link es:
invece di visualizzare la notizia come l'immagine esempio 1,
la visualizzo come immagine esempio 2.
Lo script che gestisce il tutto è questo:
codice:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript" src="jquery.truncatable.js"></script>
<script>
$(function(){
$('.text').truncatable({limit:200});
});
</script>
<body>
<p class="text">
AAAA Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam fringilla, purus a ultrices blandit,
odio ante scelerisque neque, vitae imperdiet odio velit ac nisl. Sed tortor metus, placerat condimentum,
feugiat in, feugiat adipiscing, mi. Donec pulvinar sem vitae leo. Vestibulum eget lectus et ligula hendrerit
</p>
questo è il js trucatable
codice:
//extend the plugin
(function($){
//define the new for the plugin ans how to call it
$.fn.truncatable = function(options) {
//set default options
var defaults = {
limit: 100
};
//call in the default otions
var options = $.extend(defaults, options);
//act upon the element that is passed into the design
return this.each(function(i) {
//check length of text to what out maximum is
if($(this).text().length > defaults.limit) {
var splitText = $(this).html().substr(defaults.limit);
var hiddenText = '<span class="hiddenText_'+i+'" style="display:none">'+splitText+'</span>'
$(this).html($(this).text().substr(0,defaults.limit)).append('<a class="more_'+i+'" href="#">...continua<a/>'+hiddenText).bind('click', function() {
$('.hiddenText_'+i).show();
$('.more_'+i).hide();
return false;
});
}
});
};
//end the plugin call
})(jQuery);
Domanda: è possibile ottenere la notizia come l'immagine esempio 1?