Tinybox 2中的Ajax

时间:2012-07-06 22:42:02

标签: javascript jquery ajax

单击“注册”时,我有一个Tinybox 2弹出窗口。然后,用户可以选择他/她是否想要注册为用户或表演者。我想为每个注册页面显示不同的注册页面,但首先要求它,因此使用ajax进行处理将是最好的。如第here所示,可以在第5个示例中完成。这是我目前的代码:

<!doctype html>
    <html>
<head>
<title>Regisztrációs típus kiválasztása</title>
    <meta charset="utf-8"/>
    <link rel="stylesheet" type="text/css" href="../css/soon.css"/>
    <script type="text/javascript" src="../js/jquery-1.7.2.min.js"></script>
</head>
<body>
<div id="teljes">
<h1>Miként szeretnél regisztrálni?</h1>
<div id="felhasznalo">
    <a href="#felhaszlano_regisztracio" id="felireg">Felhasználóként</a>
</div>
<div id="eloado">
    <a href="../php/register_performer.php">Előadóként</a>
</div>
</div>
<script type="text/javascript">
    $('#felireg').click(function() {
        $.get("../php/register.php");
    });
</script>
</body>
    </html>

谢谢!

1 个答案:

答案 0 :(得分:0)

如果我理解正确,你想对名为“register.php”的注册文件进行ajax调用,并在Tinybox中显示

$('#felireg').click(function() {
     TINY.box.show({ 
          url:'../php/register.php',width:300,height:150
     })  
});

这应该有用。

//编辑: 假设您的文件仅返回html:

$('#felireg').click(function() {
    $.get("../php/register.php", function(data)
    {
         TINY.box.fill(data);
    });
});

这应该更新当前的Tinybox