如何从表单中打开 Thickbox 并为其提供数据?

发布于 2024-08-27 19:59:43 字数 654 浏览 10 评论 0原文

我有一个简单的搜索 php 脚本,在该脚本内有一些 html 和 javascript 来制作搜索输入字段和按钮。 我想做的是,当有人输入搜索并按提交时,厚盒打开,结果将显示在厚盒中。

到目前为止,我拥有的是搜索字段和按钮,当我按下提交时,它会短暂显示厚框,结果页面会超载,但没有搜索结果。

这是代码:

<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>

I have a simple search php script, within that script there is some html and javascript to make a search input field and a button.
What i am trying to do is when someone enters a search, and presses submit, thickbox opens, and the results will be displayed in the thickbox.

What i have so far is the search field and button, when i press submit, it briefly shows the thickbox, and than is overloaded by the result page, but than with no search results.

Here is the code:

<form method="get">

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

<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>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

不忘初心 2024-09-03 19:59:43

看来您缺乏对 HTML、JavaScript 以及一般编程的一些基本了解,您确实应该花更多时间来了解基础知识。

看起来 Thickbox 的设计目的并不是按照您想要的方式使用。无论如何,我查看了源代码,以更传统的方式使用该功能非常容易,使其更加灵活(只需使用适当的参数调用函数 tb_show 即可)。你想要的是这样的:

<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'">

It would seem that you lack some of the basic understanding of HTML, JavaScript and probably also programming in general, you really should spend some more time getting the basics down.

It would seem that Thickbox is not designed to be used the way you want to. In any case, I took a look at the source code, and it's pretty easy to use the functionality in a more conventional manner making it more flexible (just call the function tb_show with the appropriate parameters). What you want would be something like this:

<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'">
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文