modification module editorial

[hphilg]

Bonjour,

 

J'aimerais modifier le module editorial afin d'afficher uniquement quelques lignes du paragraphe du module editorial.

 

Ca j'ai trouvé :

 

J'ai modifié le fichier editorial.tpl

 

cette ligne :

    {if $editorial->body_paragraph}<div class="rte">{$editorial->body_paragraph|stripslashes}</div>{/if}

par cette ligne:

    {if $editorial->body_paragraph}<div class="rte">{$editorial->body_paragraph|truncate:350:'...'|stripslashes}</div>{/if}

Mais j'aimerais que pour afficher la suite du paragraphe j'ai un lien "lire la suite" sur lequel je clique.

 

Avez vous une solution à proposer ?

 

Merci !
 

[fred-vinapresta]

Bonjour, dans le l'éditeur du text contenu du bloc editorial en mode html, vous pouvez séparer le contenu visible et non visible:

texte visible <a href="#" id="voir_plus">Voir plus</a>
<div id="text_invisible" style="display:none;">Le texte invisible</div>

et dans le template editorial:

<script type="text/javascript">
{literal}
$(document).ready(function() {
    $("#voir_plus").click(function(){
        $("#text_invisible").show();
        return false;
    });

});
{/literal}
</script>

[hphilg]

Merci fred-vinapresta !

Clair, net et précis

Un dernier truc pour que çà soit parfait : comment faire "disparaitre" le lien "voir plus" après que l'on ai cliqué dessus ?

ou bien comment faire en sorte que le lien devienne "voir moins" ?

[fred-vinapresta]

Vous pouvez essayer comme ca:

<script type="text/javascript">
// <![CDATA[
var seeMore = '{l ='Voir plus' js=1}';
var seeLess = '{l ='Voir moins' js=1}';
//]]>
{literal}
$(document).ready(function() {
    var textVisible = false;
    $("#voir_plus").click(function(){
        if (textVisible)
            $("#text_invisible").hide();
            $(this).text(seeMore);
        else
            $("#text_invisible").show();
            $(this).text(seeLess);

        textVisible = !textVisible; 

        return false;
    });

});
{/literal}
</script>

[hphilg]

Zut j'ai un message d'erreur :

 

Fatal error: Uncaught exception 'SmartyCompilerException' with message 'Syntax Error in template "/var/www/xxx/modules/editorial/editorial.tpl" on line 30 "var seeMore = '{l ='Voir plus' js=1}';" - Unexpected " =", expected one of: "}" , " "' in /var/www/xxx/tools/smarty/sysplugins/smarty_internal_templatecompilerbase.php:431 Stack trace: #0 /var/www/xxx/tools/smarty/sysplugins/smarty_internal_templateparser.php(2855): Smarty_Internal_TemplateCompilerBase->trigger_template_error() #1 /var/www/xxx/tools/smarty/sysplugins/smarty_internal_templateparser.php(2920): Smarty_Internal_Templateparser->yy_syntax_error(19, ' =') #2 /var/www/xxx/tools/smarty/sysplugins/smarty_internal_smartytemplatecompiler.php(51): Smarty_Internal_Templateparser->doParse(19, ' =') #3 /var/www/xxx/tools/smarty/sysplugins/smarty_internal_templatecompilerbase.php(82): Smarty_Internal_SmartyTemplateCompiler->doCompile('{*?* 2007-2012 ...') #4 /var/www/xxx in /var/www/xxx/tools/smarty/sysplugins/smarty_internal_templatecompilerbase.php on line 431

[hphilg]

Je me repond à moi-même

 

il manquait les "s" dans la declarations des variables

 

remplacer

 

var seeMore = '{l ='Voir plus' js=1}';
var seeLess = '{l ='Voir moins' js=1}';

 

par

 

var seeMore = '{l s='Voir plus' js=1}';
var seeLess = '{l s='Voir moins' js=1}';

 

Par contre, j'ai un comportement bizarre lorsque je clique sur le lien. Je ne vois pas s'afficher le texte invisible.

 

Je continue de chercher

[hphilg]

Salut,

 

Après avoir chercher, je n'ai malheureusement pas trouver pourquoi le texte invisible ne s'affiche pas avec la 2eme version de code javascript.

Fred, si tu as une piste je suis preneur !

 

Merci !

[kdo66]

Bonjour,

Est-ce que vous avez une idée pour faire apparaitre l'image uploadé en dessous du texte et non au-dessus.

merci,