Masquage d'un message d'erreur div avec setTimeout ne fonctionne pas en utilisant Smarty

Question

J'essaie de cacher un message d'erreur div en utilisant une fonction javascript setTimeout après un certain temps, mais il me donne des erreurs que c'est une mauvaise syntaxe smarty, je n'ai jamais utilisé Smarty avant donc je voudrais vraiment l'apprécier si quelqu'un peut me aider à accélérer avec cette syntaxe

Mon code est le suivant

{if $error_message != ""} 
    <script type="text/javascript"> 
    setTimeout(function(){$('error').hide(); }, 1000); 
    </script> 
    <div id="error" class='error_message'> 
    {$error_message} 
    </div> 
{/if} 

Merci à l'avance

Answer 1

Si vous voulez utiliser Smarty réservés des caractères tels que {et} ailleurs dans le modèle comme avec JS inline, vous devez utiliser le littéral-tag pour y échapper. En outre, si vous avez des espaces autour, smarty se rend compte que ce n'est pas une étiquette intelligente et l'ignore.

Voir http://www.smarty.net/docs/en/language.function.literal.tpl

Answer 2

Vous aurez besoin d'utiliser literal tag Smarty pour javascript. Il dit à smarty compiler de ne pas exécuter le code et de le garder tel quel.

http://www.smarty.net/docsv2/en/language.function.literal

pour votre scenerio, essayer,

{literal} 
    <script type="text/javascript"> 
     setTimeout(function(){$('error').hide(); }, 1000); 
     </script> 
{/literal}