Hide Quote

Buongiorno,
ho trovato un codice per diminuire il testo visibile in un quote per poi espanderlo se lo si vuole, questo dovrebbe essere l'effetto:

Esempio corretto:

Questo invece è come appare a me:

Problema:

Questo è il codice che ho utilizzato, l'ho trovato solo per PHPBB3, io utilizzo ModernBB

[code] /*
       * -- Expand and hide large blockquotes --
       * Version: 1.0 EN (2018-02-28)
       * Author: Wecoc
       * Description: Adds Expand

Ciao, prova con questo anche se e' per Invision puo' funzionare anche per la tua versione

Box javascript, negli argomenti

Codice:

$(function () {$(".postbody .post-entry").each(function () {
      if ($(this).height() >= 350) { $(this).after('<p class="thugon"><span class="viewfull">Leggi tutto</span><span class="viewhide">Riduci messaggio</span><span class="fullOff" style="float:right">Apri</span><span class="fullOn" style="float:right">Chiudi</span></p>');
         $(this).addClass("baivietdai"); $(".baivietdai").height(315); }}); if (my_getcookie("thugonbaiviet") == "yes") { $(".fullOn, .viewhide").show(); $(".fullOff, .viewfull").hide();
      $(".baivietdai").height("100%"); } $(".viewfull").click(function () {$(this).parent().prev().height("100%");
      $(this).hide().next().show(); }); $(".viewhide").click(function () {$(this).parent().prev().animate({
         height: "315px"}, 1000); $(this).hide().prev().show();}); $(".fullOff").click(function () { my_setcookie("thugonbaiviet", "yes", true); $(".baivietdai").height("100%");
      $(".fullOn, .viewhide").show(); $(".fullOff, .viewfull").hide();}); $(".fullOn").click(function () {my_setcookie("thugonbaiviet", "no", true); $(".baivietdai").animate({ height: "315px" }, 1000); $(".fullOn, .viewhide").hide(); $(".fullOff, .viewfull").show();});});

Questo lo devi inserire nel modulo CSS

Codice:

.baivietdai{overflow:hidden}
.thugon span:hover{text-shadow:1px 1px 1px #000;cursor:pointer}
.thugon{background-color:#F6FF9D;border:3px double #0668AD;clear:both;margin:0;padding:2px 10px}
.viewfull{background:url(//ssl.gstatic.com/ui/v1/zippy/arrow_down.png) no-repeat scroll 3px 7px transparent;padding:0 15px}
.viewhide{display:none;background:url(//ssl.gstatic.com/ui/v1/icons/mail/arrow_up.png) no-repeat scroll 3px 7px transparent;padding:0 15px}
.fullOff{background:url(https://i.servimg.com/u/f48/16/58/89/73/power_11.png) no-repeat scroll 0 2px transparent;margin-top:-2px;padding:2px 5px 2px 20px}
.fullOn{display:none;background:url(https://i.servimg.com/u/f48/16/58/89/73/power_10.png) no-repeat scroll 0 2px transparent;margin-top:-2px;padding:2px 5px 2px 20px}

Ciao Jessy, grazie della risposta, purtroppo anche così non funziona

UP!

UP!

Ciao @Simone Boi

sono via per lavoro, provo a guardare con calma appena torno

Grazie per la pazienza

Scusa , stavo leggendo il codice e non riesco a capire cosa vuoi fare prova a mettere un testo piu lungo questo e uno script per quotare il messaggio . ti posto un'immagine di quello che fa lo script che ti ho inviato io....dimmi se vuoi fare la stessa cosa

Ciao jessy!
Praticamente voglio "semplicemente" che quando si quota un messaggio lungo, venga inizialmente visualizzato ridotto per poi dover espandere il quote per visualizzarlo tutto, con il codice che mi hai suggerito non mi riduce il quote, non so se dipende dal fatto che non sia per modernbb

ad esempio a me non viene il tuo "leggi tutto" - "riduci messaggio"

prova questo

Javascript negli argomenti

Codice:

; (function ($) {
    'use strict';
 
    var config;
 
    config = {
        height: 200,
        label: 'Continua a leggere'
    };
 
    $(function () {
 
        $('.postbody blockquote').each(function () {
            var self;
 
            self = $(this);
 
            if (self.height() > config.height) {
                self
                    .addClass('quote-collapsed')
                    .append($('<a>', {
                        href: 'javascript:void(0);',
                        class: 'quote-expand',
                        text: config.label
                    }));
            }
        });
 
        $('.postbody .quote-expand').on('click', function () {
            var self;
 
            self = $(this);
 
            self.closest('blockquote').removeClass('quote-collapsed');
            self.remove();
        });
    });
}) (jQuery);

Nel CSS

Codice:

div.postbody blockquote.quote-collapsed {
  max-height: 200px;
  overflow: hidden;
  position: relative;}
 div.postbody blockquote.quote-collapsed:after {
  content: " ";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 50%;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);}
 div.postbody blockquote {
  transition: 250ms ease height;}
 div.postbody blockquote a.quote-expand {
  position: absolute;
  display: block;
  bottom: 1em;
  z-index: 1;
  width: 150px;
  border: 1px rgba(0, 0, 0, 0.5) solid;
  height: 30px;
  line-height: 30px;
  text-align: center;
  text-decoration: none;
  color: inherit;
  background-color: #fff;
  left: 50%;
  margin-left: -75px;}

Ciao jessy!

Funziona grazie!

C'è la possibilità di aggiungere anche il "Riduci messaggio"?

e per caso è possibile metterlo funzionante anche su Mobile? (senza utilizzare la versione web intendo)

Grazie ancora comunque

Si si puo fare, comunqu quando rispondi al messaggio si chiude da solo

jessy ha scritto:Si si puo fare, comunqu quando rispondi al messaggio si chiude da solo

Ciao ancora jessy, intanto grazie, sei molto gentile, comunque chiedevo la possibilità di ridurre il messaggio principalmente per far in modo di poter "aprire il quote -> leggere -> richiudere -> leggere i post successivi" senza dover necessariamente allungare di troppo la pagina in casi di multiquote volendo trattare sul mio forum principalmente guide e recensioni di videogames.

In ogni caso è possibile aggiungere lo stesso meccanismo anche per i quote sulla versione mobile (non la web da telefono) che tu sappia?

Grazie ancora

UP!

UP!

UP!

UP!