JQUERY使用一个带有相应按钮的对话框打开表单

Question

希望大家都能帮助我/朝正确的方向推。 情况如下。 我有几种形式，当单击时应弹出（页面内）。 为了达到这个目的，我使用了JQUERY的Dialog函数，它可以完美地工作。 唯一的问题是我的页面开始包含很多代码，因为我为每种形式都提供了自己的对话框。 有没有一种方法可以组合使用1个对话框的功能？ （因此，将所有内容放到一个函数中？-或根据按下哪个按钮将表单加载到对话框中？我在网络上进行了很多搜索，但找不到任何可以向正确方向推动的东西... .hope yall愿意并且能够为我提供帮助。不管怎么说，在此先感谢（我只显示了前2个功能……我还有大约6个功能）

<script>
    $(function(c) {
        $( "#dialog" ).dialog({
            autoOpen: false,
            maxWidth:260,
            maxHeight: 85,
            width: 260,
            height: 85,
            show: {
                effect: "blind",
                duration: 1000
            },
            hide: {
                effect: "explode",
                duration: 1000
            }
        });

        $( "#dialog" ).dialog({
            position: { 
                my: 'left, top',
                at: 'right, top',
                of: $('#opener')
            }
        });
        $( "#opener" ).click(function() {
            $( "#dialog" ).dialog( "open" );
        });
    });

    $(function(s) {
        $( "#dialog2" ).dialog({
            autoOpen: false,
            maxWidth:300,
            maxHeight: 85,
            width: 300,
            height: 85,
            show: {
                effect: "blind",
                duration: 1000
            },
            hide: {
                effect: "explode",
                duration: 1000
            }
        });

       $( "#dialog2" ).dialog({
           position: { 
               my: 'left, top',
               at: 'right, top',
               of: $('#opener2')
           }
       });

       $( "#opener2" ).click(function() {
           $( "#dialog2" ).dialog( "open" );
       });
 </script>
 <body>
  <?php
    if(!empty($row['voornaam'])){
            ?>
            <div  id="dialog" >Naam<br>
                <p><form method="post"  id="naam"> <input type="text" value="<?php echo $row['voornaam'];?>" name="voornaam"  size="8"/> <input type="text" value="<?php echo $row['achternaam'];?>" name="achternaam"  size="8"/>&nbsp;<input type="submit" value="opslaan" > </form> 
            </div>
        <button id="opener" border="0" color="white"> <?php echo $row['voornaam'] . " " . $row['achternaam']  ;?> &nbsp; <img src="edit.png" width="10" height="10"></button>

        <?php
        } ?>
<?php
    if(!empty($row['gebooredatum'])){
        ?><div id="dialog2" >Geboortedatum<br>
        <p><form method="post" id="leeftijd" > <input type="text" value="" name="geboortedatum" placeholder="<?php echo $row['gebooredatum'];?>" size="11"/> &nbsp;<input type="submit" value="opslaan" > </form> 
        </div>
        <button id="opener2" border="0" color="white"> <?php echo $leeftijd   ;?>&nbsp; Jaar &nbsp; <img src="edit.png" width="10" height="10"></button>


        <?php
    } else {?>
<div  id="dialog2">Geboortedatum<br>
  <p><form method="post" id="leeftijd"> <input type="text" name="geboortedatum" placeholder="dd-mm-jjjj" size="11"/>  <input type="submit" value="opslaan" "size="3"></form></p>
</div>
<button id="opener2" border="0" color="white"><?php echo "Voeg je geboortedatum toe";?> &nbsp;<img src="edit.png" width="10" height="10"></button>
    <?php } ?>

</body>
</html>

Answer 1

您可以使用jquery小部件提供的open事件。 在此事件内部，您可以放置一些逻辑，这些逻辑可以确定要在对话框中显示的内容。

http://api.jqueryui.com/dialog/#event-open

JQUERY使用一个带有相应按钮的对话框打开表单

问题描述

1 个解决方案

解决方案1
1 已采纳 2015-09-29 14:29:30

JQUERY使用一个带有相应按钮的对话框打开表单

问题描述

1 个解决方案

解决方案1 1 已采纳 2015-09-29 14:29:30

解决方案1
1 已采纳 2015-09-29 14:29:30