Comment puis-je ouvrir Thickbox à partir d'un formulaire et le nourrir avec des données?

Question

J'ai un simple script php de recherche, dans ce script il y a du html et du javascript pour faire un champ de saisie de recherche et un bouton. Ce que j'essaie de faire est quand quelqu'un entre une recherche, et appuie sur soumettre, thickbox s'ouvre, et les résultats seront affichés dans la boîte épaisse. Ce que j'ai jusqu'ici est le champ et le bouton de recherche, quand j'appuie sur soumettre, il montre brièvement l'thickbox, et que est surchargé par la page de résultat, mais que sans résultats de recherche.

Voici le code:

<form method="get"> 

<input type="text" name="merk" size=10 style="font-weight: bold; background-color:#D5DF23;">&nbsp;&nbsp; 

<input type="image" name="merk" class="thickbox" onclick="document.location.href='searcher.php?keepThis=true&TB_iframe=true&height=520&width=800';" src="zoek1.jpg" width="110" alt="Zoek" onMouseOver="this.src='zoek2.jpg'" onMouseOut="this.src='zoek1.jpg'"> 

</form></input> 

Answer 1

Il semblerait que vous manque une partie de la compréhension de base du langage HTML, JavaScript et probablement aussi la programmation en général, vous devriez vraiment passer un peu plus de temps à les bases vers le bas.

Il semblerait que Thickbox n'est pas conçu pour être utilisé comme vous le souhaitez. Dans tous les cas, j'ai regardé le code source, et il est assez facile d'utiliser la fonctionnalité de manière plus conventionnelle pour la rendre plus flexible (il suffit d'appeler la fonction tb_show avec les paramètres appropriés). Ce que vous voulez serait quelque chose comme ceci:

<input type="text" id="merk" size=10 style="font-weight: bold; background-color:#D5DF23;"> 
<img onclick="tb_show('title','searcher.php?merk='+document.getElementById('merk').value+'&TB_iframe=true&height=520&width=800',false)" style="cursor:pointer;" src="zoek1.jpg" width="110" alt="Zoek" onMouseOver="this.src='zoek2.jpg'" onMouseOut="this.src='zoek1.jpg'">