Comment lancer un message d'erreur côté serveur en utilisant php thickbox

Question

Mon prob en bref:

Je validais un formulaire d'inscription avec le côté serveur en utilisant php et son fonctionnement très bien.

Maintenant, mon prob i est besoin de montrer le message d'erreur en utilisant thickbox comme pop-up.

Est-ce possible. Si oui, veuillez expliquer comment?

merci à l'avance

code:

<script type="text/javascript" src="thickbox/jquery-latest.js"></script> 
<script type="text/javascript" src="thickbox/thickbox.js"></script> 
<link href="thickbox/thickbox.css" rel="stylesheet" type="text/css" /> 



<span class="prtexterror" style="color:#FF0000;display:none;" id="hiddenModalContent" >{$error_login}</span> 


{literal} 
<script language="javascript" type="text/javascript"> 



    $(document).ready(function() { 
    tb_show("Please, login", "?tb_inline=true&inlineId=hiddenModalContent&height=180&width=300&modal=true", null); 
}); 



</script> 
{/literal} 

Answer 1

Je jetai un regard à la documentation de Thinkbox. Il semble que vous devez mettre votre message d'erreur sur un div avec un id:

<div id="errorMessage"> 
{$errorMessage} 
</div> 

Votre script devrait alors fournir l'identifiant du div à afficher dans le paramètre inlineId:

tb_show("HAI","#TB_inline? height=240&width=405&inlineId=errorMessage&modal=true",null); 

Answer 2

OK, j'ai jeté un coup d'oeil au Thickbox Documentation and Examples, spécifiquement celui que je crois que vous utilisez comme cadre pour créer cette fonctionnalité.

Il est pas très bien expliqué dans la documentation, mais le « hiddenModalContent » mentionné dans le fait href fait référence à un élément DIV qui contient le texte à afficher dans le Thickbox qui popsup. Donc, si vous avez aucun élément avec un ID de « hiddenModalContent » qui expliquerait pourquoi vous obtenez un pop-up vide.

La solution? Remplacer:

<a href="#TB_inline?height=240&amp;width=405&amp;inlineId=hiddenModalContent&amp;modal=true" class="thickbox">{$errorMessage}</a> 

Avec:

<div id="hiddenModalContent" style="display:none;">{$errorMessage}</div> 

Puis, quand les $(document).ready(... exécute, le contenu de cette DIV seront utilisés comme contenu du Thickbox.