updatepanel 内でドロップダウンを使用していますが、ドロップダウンから値を選択するとページが更新されるという問題があります。ScripPathをasp:scriptmanagerに追加するまで、最初は更新パネルが正常に機能していました。
現在でも、scriptmanager から ScriptPath を削除しても、ページは更新されず、動作は期待どおりです。
ScriptPath を追加する理由は、ドロップダウンで値が変更されるたびに abc.js を実行したいからです。予想どおり、ドロップダウンで選択した値ごとに abc.js が実行されますが、ページを更新したくありません。
では、 scriptpath を asp:scriptmanager に追加した後でも、ページの更新を停止するにはどうすればよいですか?
以下は私の .aspx ソースです。
<asp:ScriptManager ScriptPath="abc.js" runat="server"></asp:ScriptManager>
<asp:UpdatePanel ID="UP_Social_Ddl" runat="server">
<ContentTemplate>
<div class="styled-select">
<asp:Label runat="server" ID="Label2" Font-Size="Small" ToolTip="Social : 'ON' will post your activity on this page to your FaceBook Wall." Text="Social :" Style="vertical-align: top;" />
<asp:DropDownList ID="ddlSocialSwitch" runat="server" AutoPostBack="true" Style="vertical-align: top;" ToolTip="Social : ON will post your activity on this page to your FaceBook Wall." OnSelectedIndexChanged="ddlSocialSwitch_SelectedIndexChanged">
</asp:DropDownList>
<a valign="bottom" onclick="logout_fb" href="#" id="auth-logoutlink"><img valign="bottom" src="facebookLogOutButton.png"/></a>
<asp:Label ID="lbl" Visible="false" runat="server"></asp:Label>
</div>
</ContentTemplate>
</asp:UpdatePanel>
JS
//Get values from hidden field
var appid = document.getElementById("appid").value;
var message = document.getElementById("message").value;
var link = document.getElementById("link").value;
var name = document.getElementById("name").value;
var picture = document.getElementById("picture").value;
var description = document.getElementById("description").value;
var Authenticated = "";
// Load the SDK Asynchronously
(function (d) {
var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
if (d.getElementById(id)) { return; }
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/en_US/all.js";
ref.parentNode.insertBefore(js, ref);
} (document));
//Init the SDK upon load
window.fbAsyncInit = function () {
FB.init({
appId: appid, // App ID
channelUrl: '//' + window.location.hostname + '/channel', // Path to your Channel File
status: true, // check login status
cookie: true, // enable cookies to allow the server to access the session
xfbml: true // parse XFBML
});
// listen for and handle auth.statusChange events
FB.Event.subscribe('auth.statusChange', function (response) {
if (response.authResponse) {
// user has auth'd your app and is logged into Facebook
var uid = "http://graph.facebook.com/" + response.authResponse.userID + "/picture";
FB.api('/me', function (me) {
document.getElementById('auth-displayname').innerHTML = me.name;
document.getElementById('profileImg').src = uid;
})
document.getElementById('auth-loggedout').style.display = 'none';
document.getElementById('auth-loggedin').style.display = 'block';
var e = document.getElementById("FB_ddlSocialSwitch");
var Social_switch = e.options[e.selectedIndex].value;
if (Social_switch == "on") {
alert(Social_switch);
}
//_______________________________________________Post to FB_______________________________________________________
// var opts = {
// message: 'A good reference for APIs',
// link: window.location.href,
// name: 'API Reference',
// picture: 'http://www.demo.lookmywebpage.com/publish-on-facebook-wall/Google-Twitter-Facebook.jpg',
// description: 'Demo Facebook Post'
// };
//
// FB.api('/me/feed', 'post', opts, function (response) {
// if (!response || response.error) {
// alert('Posting error occured');
// }
// else {
// alert('Success - Post ID: ' + response.id);
// }
// });
//________________________________________________________________________________________________________________
} else {
// user has not auth'd your app, or is not logged into Facebook
document.getElementById('auth-loggedout').style.display = 'block';
document.getElementById('auth-loggedin').style.display = 'none';
}
});
$("#auth-logoutlink").click(function () {
FB.logout(function () {
window.location.reload();
});
});
}