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和一个按钮,说“是的,我感兴趣”当用户点击这个按钮时,一个表单出现,在表单顶部有一个段落。我想从滑块面板的第三行文本的某些部分。