Hide Quote

3 partecipanti

Risolto Hide Quote

Messaggio Da Simone Boi Dom 25 Feb 2024 - 11:27

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


Ultima modifica di Simone Boi il Ven 8 Mar 2024 - 16:13 - modificato 1 volta.
Simone Boi
Simone Boi
***

Sesso : Maschio
Età : 33
Messaggi : 161
Località : Italia

https://galaxypledges.forumattivo.com/
Simone Boi è stato ringraziato dall'autore di questo topic.

Risolto Re: Hide Quote

Messaggio Da jessy Dom 25 Feb 2024 - 17:41

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}
jessy
jessy
*****

Sesso : Femmina
Età : 25
Messaggi : 732
Località : Roma

http://ilgiornaledibordo.forumattivo.com
jessy è stato ringraziato dall'autore di questo topic.

Risolto Re: Hide Quote

Messaggio Da Simone Boi Dom 25 Feb 2024 - 20:18

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

Sesso : Maschio
Età : 33
Messaggi : 161
Località : Italia

https://galaxypledges.forumattivo.com/
Simone Boi è stato ringraziato dall'autore di questo topic.

Risolto Re: Hide Quote

Messaggio Da Simone Boi Lun 26 Feb 2024 - 19:23

UP!
Simone Boi
Simone Boi
***

Sesso : Maschio
Età : 33
Messaggi : 161
Località : Italia

https://galaxypledges.forumattivo.com/
Simone Boi è stato ringraziato dall'autore di questo topic.

Risolto Re: Hide Quote

Messaggio Da Simone Boi Mar 27 Feb 2024 - 19:46

UP!
Simone Boi
Simone Boi
***

Sesso : Maschio
Età : 33
Messaggi : 161
Località : Italia

https://galaxypledges.forumattivo.com/
Simone Boi è stato ringraziato dall'autore di questo topic.

Risolto Re: Hide Quote

Messaggio Da Niko Mar 27 Feb 2024 - 23:56

Ciao @Simone Boi

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

Grazie per la pazienza :zen:
Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 27
Messaggi : 9440
Località : Provincia di Varese

https://www.fmcodes.net/
Niko è stato ringraziato dall'autore di questo topic.

Risolto Re: Hide Quote

Messaggio Da jessy Gio 29 Feb 2024 - 17:36

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

Hide Quote Foto110


Hide Quote Foto210 ciao!
jessy
jessy
*****

Sesso : Femmina
Età : 25
Messaggi : 732
Località : Roma

http://ilgiornaledibordo.forumattivo.com
jessy è stato ringraziato dall'autore di questo topic.

Risolto Re: Hide Quote

Messaggio Da Simone Boi Ven 1 Mar 2024 - 20:02

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"
Simone Boi
Simone Boi
***

Sesso : Maschio
Età : 33
Messaggi : 161
Località : Italia

https://galaxypledges.forumattivo.com/
Simone Boi è stato ringraziato dall'autore di questo topic.

Risolto Re: Hide Quote

Messaggio Da jessy Sab 2 Mar 2024 - 15:44

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;}
jessy
jessy
*****

Sesso : Femmina
Età : 25
Messaggi : 732
Località : Roma

http://ilgiornaledibordo.forumattivo.com
jessy è stato ringraziato dall'autore di questo topic.

Risolto Re: Hide Quote

Messaggio Da Simone Boi Sab 2 Mar 2024 - 15:58

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
Simone Boi
Simone Boi
***

Sesso : Maschio
Età : 33
Messaggi : 161
Località : Italia

https://galaxypledges.forumattivo.com/
Simone Boi è stato ringraziato dall'autore di questo topic.

Risolto Re: Hide Quote

Messaggio Da jessy Sab 2 Mar 2024 - 16:19

Si si puo fare, comunqu quando rispondi al messaggio si chiude da solo ciao!
jessy
jessy
*****

Sesso : Femmina
Età : 25
Messaggi : 732
Località : Roma

http://ilgiornaledibordo.forumattivo.com
jessy è stato ringraziato dall'autore di questo topic.

Risolto Re: Hide Quote

Messaggio Da Simone Boi Sab 2 Mar 2024 - 16:24

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

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
Simone Boi
Simone Boi
***

Sesso : Maschio
Età : 33
Messaggi : 161
Località : Italia

https://galaxypledges.forumattivo.com/
Simone Boi è stato ringraziato dall'autore di questo topic.

Risolto Re: Hide Quote

Messaggio Da Simone Boi Dom 3 Mar 2024 - 17:51

UP!
Simone Boi
Simone Boi
***

Sesso : Maschio
Età : 33
Messaggi : 161
Località : Italia

https://galaxypledges.forumattivo.com/
Simone Boi è stato ringraziato dall'autore di questo topic.

Risolto Re: Hide Quote

Messaggio Da Simone Boi Lun 4 Mar 2024 - 21:37

UP!
Simone Boi
Simone Boi
***

Sesso : Maschio
Età : 33
Messaggi : 161
Località : Italia

https://galaxypledges.forumattivo.com/
Simone Boi è stato ringraziato dall'autore di questo topic.

Risolto Re: Hide Quote

Messaggio Da Simone Boi Mar 5 Mar 2024 - 21:25

UP!
Simone Boi
Simone Boi
***

Sesso : Maschio
Età : 33
Messaggi : 161
Località : Italia

https://galaxypledges.forumattivo.com/
Simone Boi è stato ringraziato dall'autore di questo topic.

Risolto Re: Hide Quote

Messaggio Da Simone Boi Mer 6 Mar 2024 - 21:30

UP!
Simone Boi
Simone Boi
***

Sesso : Maschio
Età : 33
Messaggi : 161
Località : Italia

https://galaxypledges.forumattivo.com/
Simone Boi è stato ringraziato dall'autore di questo topic.

Visualizza l'argomento precedente Visualizza l'argomento successivo Torna in alto

- Argomenti simili

 
Permessi in questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum.