Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/267.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在jQuery对话框中显示部分html数据_Javascript_Php_Jquery_Html - Fatal编程技术网

Javascript 如何在jQuery对话框中显示部分html数据

Javascript 如何在jQuery对话框中显示部分html数据,javascript,php,jquery,html,Javascript,Php,Jquery,Html,请帮帮我,我已经尝试了很多搜索,但是没有用 <div class="articleWraper"> <div id="demo2"> <?php $sSql='SELECT * FROM tbl_images'; $result=mysql_query($sSql); ?> <ul id="slider3"> <?php while($row=mysql_fetch_assoc($result)){?&

请帮帮我,我已经尝试了很多搜索,但是没有用

<div class="articleWraper">
                <div id="demo2">
<?php
$sSql='SELECT * FROM tbl_images';
$result=mysql_query($sSql);
?>
  <ul id="slider3">
  <?php while($row=mysql_fetch_assoc($result)){?>
   <li class="panel1">
    <div class="caption-bottom"><?php echo $row['line1_desc'];?><br/><?php echo $row['line2_desc'];?></div>
    <img src="../propertyImages/<?php echo $row['image'] ?>" /><br />
   </li>
   <?php }?>
  </ul>
 </div>
        <div class="mpCaptionRow">
                        <input id="createLink" class="createLink" type="submit" name="submit" value="Yes, I'm Interested" />
                    </div>
            </div>


  • “/>
上面的代码用于按钮和手动滑块。滑块包含图片和从数据库获取的图片描述面板。我希望当用户单击按钮并显示jQuery对话框时,包含滑块面板的部分描述将显示在jQuery对话框中。我的jQuery对话框代码如下:

    <head>
            <link href="Content/main.css" rel="stylesheet" type="text/css" />
            <link href="Content/blitzer/jquery-ui-1.10.3.custom.min.css" rel="stylesheet" />
            <link rel="stylesheet" href="Content/page.css" />
            <link rel="stylesheet" href="Content/anythingslider.css" />

            <script src="Scripts/jquery-2.0.3.min.js"></script>
            <script src="Scripts/jquery-ui-1.10.3.custom.min.js"></script>
            <script src="Scripts/jquery.anythingslider.js"></script>
            <script src="Scripts/jquery.anythingslider.fx.js"></script>
            <script src="Scripts/demo.js"></script>
            <script type="text/javascript" src="Scripts/jqxmaskedinput.js"></script>
            <script type="text/javascript" src="Scripts/jquery.timepicker.js"></script>

        <script>
        $(document).ready(function(){
            $("#createLink").click(function (event) {
                        event.preventDefault();
                        $("#mpDialog").dialog(
                            {
                                title: "I want to be a future homeowner",
                                width: 520,
                                modal: true,
                                position: {
                                    at: "top",
                                    my: "bottom",
                                    of: "#createLink"
                                }
                            }
                        );
                    });
                    $("#mpDialog").hide();
        });

        </script>
        </head>
        <body>
            <div class="dialogSec" id="mpDialog">
                <form id="createProductForm" name="myForm" action="futureHomeowner.php" method="post" enctype="multipart/form-data">
                    <div id="productDetails">
                        <div id="basicInfo">
                            <p style="text-align: center">Hey Mike and Juan<br />
                                I am interested in learning more about the property at:
    <br />

**I want the panel description here**

    <br /> 
    and specifically how your program works to allow me to become a homeowner.</p>
                                <div class="fieldControl">
                                <label style="margin-right: 25px">First Name </label>
                                <input id="fname" type="text" class="textBox" name="fname" style="width: 350px" />
                                <div id="fname_error"></div>
                            </div>
                            <div class="fieldControl">
                                <label style="margin-right: 25px">Last Name </label>
                                <input id="lname" type="text" class="textBox" name="lname" style="width: 350px" />
                                <div id="lname_error"></div>
                            </div>
                            <div class="fieldControl">
                                <label>Email Address </label>
                                <input id="email" type="text" name="email" class="textBox" style="width: 350px" />
                                <div id="email_error"></div>
                            </div>
                            <div class="fieldControl">
                                <label>Phone No. </label>
                                <input id="phoneNo" type="text" name="phoneNo" class="textBox" style="width: 350px" />
                            </div>
                            <div class="fieldControl">
                            <p>Please answer the questions below and we will be in touch.</p>
                                <p style="text-align: left;"><b>What is the best time to call you to discuss?</b></p>
                                From <input id="timeformat1" name="timeFrom" type="text" class="textBox" style="width: 205px" placeholder="Time from" /> To <input id="timeformat2" placeholder="Time to" name="timeTo" type="text" class="textBox" style="width: 205px" />
                                <p style="text-align: left;"><b>Also, do you have any other comments?</b></p>
                                <textarea name="comments" style="width: 489px" class="textBox" placeholder="Write your comments..."></textarea>
                                </div> 
                        </div>
                        <div class="clearSection"></div>
                    </div>
                    <div class="buttonsRow">
                        <input type="submit" value="Submit" class="button1" />
                    </div>
                </form>
            </div>

$(文档).ready(函数(){
$(“#createLink”)。单击(函数(事件){
event.preventDefault();
$(“#mpDialog”).dialog(
{
标题:“我想成为未来的房主”,
宽度:520,
莫代尔:是的,
职位:{
在“顶部”,
我的“屁股”,
共有:#createLink
}
}
);
});
$(“#mpDialog”).hide();
});
嘿,迈克和胡安
我有兴趣通过以下网址了解更多关于该物业的信息:
**我想要这里的面板描述**
特别是你的计划如何让我成为一个房主

名字 姓 电子邮件地址 电话号码。 请回答以下问题,我们将保持联系

什么时候给您打电话讨论最好

从到

另外,您还有其他意见吗


你有没有其他网站的例子说明你想做什么?我真的不明白你想做什么。@chockleyc是的,我看到了用户名为:qaser的登录_shah2000@yahoo.com和pass:qaser当您登录后,单击菜单中的properties Current available链接,您将看到具有sl的页面ider和一个按钮,说“是的,我感兴趣”当用户点击这个按钮时,一个表单出现,在表单顶部有一个段落。我想从滑块面板的第三行文本的某些部分。