maryam_272
سه شنبه 27 دی 1390, 15:28 عصر
سلام
من یک usercontrol ساختم که به کمک ajax jquery میاد و اطلاعات بخش خبر را نمایش می دهد
چون می خواهم از این user control به دفعات در صفحات مختلف استفاده کنم پراپرتی های مختلفی برای آن قرار دادم که مثلا اگر تعیین کردیم عکس را نمایش ندهد و...
حالا من داخل یک صفحه در 2 ستون مختلف می خواهم از این user control استفاده کنم و پراپرتی هایش را هم set کردم ولی چون توی usercontrol از ajax استفاده کردم و یک div با Id مشخص قرار دادم فقط یکی از usercontrol ها را نمایش می دهد
کد صفحه usercontrol به این شکل هست
<script type="text/javascript">
$(document).ready(function () {
$('.ajaxloader').fadeIn();
$("#result").load("../SafahatAjax.ashx", { action: "datalistlatestnews," + $("#<%=ddPaging1.ClientID %>").val() }, function () {
$('.ajaxloader').hide();
});
$("#<%=ddPaging1.ClientID %>").change(function () {
$('.ajaxloader').fadeIn();
$("#result").load("../SafahatAjax.ashx", { action: "datalistlatestnews," + $("#<%=ddPaging1.ClientID %>").val() }, function () {
$('.ajaxloader').hide();
});
});
});
</script>
<style type="text/css">
.ajaxloader
{
position: absolute;
text-align: center;
top: 0px;
width: 100%;
margin: auto auto;
}
.ajaxloaderInnerDiv
{
-moz-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
-webkit-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius =3,MakeShadow=true,ShadowOpacity=0.30);
-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius =3,MakeShadow=true,ShadowOpacity=0.30)";
zoom: 1;
width: 104px;
height: 34px;
background-color: #d0d0d0;
margin: auto auto;
}
.ajaxloaderIMG
{
position: relative;
top: 6px;
font-family: Tahoma;
font-size: 8pt;
line-height: 210%;
}
</style>
<div class="ajaxloader">
<div class="ajaxloaderInnerDiv">
<img alt="در حال بار گذاری..." class="ajaxloaderIMG" src="../Images/loadinfo6.net.gif" /></div>
</div>
<asp:DropDownList ID="ddPaging1" runat="server" >
</asp:DropDownList>
<br />
<br />
<div id="result">
</div>
<asp:SqlDataSource ID="SqlDataSourceCountNews" runat="server" ConnectionString="<%$ ConnectionStrings:VWO_UserControlTestConnectionStr ing %>"
SelectCommand="SELECT COUNT(Id) AS CountNews FROM News"></asp:SqlDataSource>
اگه به کدها دقت کنید می بینید که من برای div با id="result" کدی نوشتم که در واقع یک usercontrol دیگر را توسط ajax لود می کنه
مشکلم دقیقا با div با id="result" می باشد
میشه راهنماییم کنید
من یک usercontrol ساختم که به کمک ajax jquery میاد و اطلاعات بخش خبر را نمایش می دهد
چون می خواهم از این user control به دفعات در صفحات مختلف استفاده کنم پراپرتی های مختلفی برای آن قرار دادم که مثلا اگر تعیین کردیم عکس را نمایش ندهد و...
حالا من داخل یک صفحه در 2 ستون مختلف می خواهم از این user control استفاده کنم و پراپرتی هایش را هم set کردم ولی چون توی usercontrol از ajax استفاده کردم و یک div با Id مشخص قرار دادم فقط یکی از usercontrol ها را نمایش می دهد
کد صفحه usercontrol به این شکل هست
<script type="text/javascript">
$(document).ready(function () {
$('.ajaxloader').fadeIn();
$("#result").load("../SafahatAjax.ashx", { action: "datalistlatestnews," + $("#<%=ddPaging1.ClientID %>").val() }, function () {
$('.ajaxloader').hide();
});
$("#<%=ddPaging1.ClientID %>").change(function () {
$('.ajaxloader').fadeIn();
$("#result").load("../SafahatAjax.ashx", { action: "datalistlatestnews," + $("#<%=ddPaging1.ClientID %>").val() }, function () {
$('.ajaxloader').hide();
});
});
});
</script>
<style type="text/css">
.ajaxloader
{
position: absolute;
text-align: center;
top: 0px;
width: 100%;
margin: auto auto;
}
.ajaxloaderInnerDiv
{
-moz-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
-webkit-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius =3,MakeShadow=true,ShadowOpacity=0.30);
-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius =3,MakeShadow=true,ShadowOpacity=0.30)";
zoom: 1;
width: 104px;
height: 34px;
background-color: #d0d0d0;
margin: auto auto;
}
.ajaxloaderIMG
{
position: relative;
top: 6px;
font-family: Tahoma;
font-size: 8pt;
line-height: 210%;
}
</style>
<div class="ajaxloader">
<div class="ajaxloaderInnerDiv">
<img alt="در حال بار گذاری..." class="ajaxloaderIMG" src="../Images/loadinfo6.net.gif" /></div>
</div>
<asp:DropDownList ID="ddPaging1" runat="server" >
</asp:DropDownList>
<br />
<br />
<div id="result">
</div>
<asp:SqlDataSource ID="SqlDataSourceCountNews" runat="server" ConnectionString="<%$ ConnectionStrings:VWO_UserControlTestConnectionStr ing %>"
SelectCommand="SELECT COUNT(Id) AS CountNews FROM News"></asp:SqlDataSource>
اگه به کدها دقت کنید می بینید که من برای div با id="result" کدی نوشتم که در واقع یک usercontrol دیگر را توسط ajax لود می کنه
مشکلم دقیقا با div با id="result" می باشد
میشه راهنماییم کنید