ベトさんの記録簿: JavaScript

ラベル JavaScript の投稿を表示しています。すべての投稿を表示

2021年4月8日木曜日

JavaScript Actionを変更

JavaScript actionの変更

function onSubmit() {

        var formObject = document.getElementById('AreaForm');
        formObject.action = $('#AreasBackAction').val();
        document.forms['AreaForm'].submit();

}

</Script>

2017年12月13日水曜日

ASP.NET MVCでJavascriptで使うUrlを動的に変更したい

ASP.NET MVCでJavascriptで使うurlを動的に変更したい

例
/Home/Index
と
/

この場合、Javascriptから画像を表示する場合
.././Images
と
./Images　別々に記述しないと画像にたどり着けない

Razarの場合は、 @Url.Content("~/Images") でOK

元ネタ http://www.processinginfinity.com/weblog/2014/07/17/Get-App-Base-URL-in-Script

index.cshtml

  <!DOCTYPE html>
  <html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <base href='@Url.Content("~/")'>
    <title>@ViewBag.Title - My ASP.NET Application</title>
    <!-- ... -->
  </head>
  <body>
      ...

app.js

(function () {
  'use strict';

  var baseUrl = $('base').attr('href');
  var appBaseUrl = baseUrl + 'scripts/myApp/';

  angular.module('myApp', ['ngRoute'])
    .config(['$routeProvider', function ($routeProvider) {
      $routeProvider.
        when('/list', {
            templateUrl: appBaseUrl + 'partials/list.html',
            controller: 'ListController'
        }).
        when('/details', {
            templateUrl: appBaseUrl + 'partials/details.html',
            controller: 'DetailsController'
        }).
        otherwise({
            redirectTo: '/list'
        });
    }]);
  })();

2016年8月5日金曜日

ASP.NET MVCでサーバサイドからJavaScipt（クライアントサイド）に値を渡す方法

ASP.NET MVCでサーバサイドからJavaScipt（クライアントサイド）に値を渡す方法

cshtmlのJavaScriptにSession変数経由で値を渡す

例
<script type="text/javascript">

</script>

渡す値が文字なら '@Session["url"]' 前後をシングルコーテーションでくくる

渡す値が数字なら、@Session["url"]でok

元ネタ
http://stackoverflow.com/questions/20972880/access-session-variables-in-javascript

2015年12月25日金曜日

RangeValidator で日付チェック

ASP.NET の Validator で日付チェックを簡単に行うには、 RangeValidator が便利です。以下のように、「Type="Date" MinimumValue="2000/01/01" MaximumValue="2099/12/31"」と設定してください。 (MinimumValue と MaximumValue は、業務要件によって変更してください。)

<asp:RangeValidator ID="RangeValidatorMain" runat="server"
ControlToValidate="TextBoxMain" Display="Dynamic" Type="Date"
MinimumValue="2000/01/01" MaximumValue="2099/12/31">*</asp:RangeValidator>

年を二桁にしたら、JavaScriptでエラーになった。
年チェックは、４桁でないとＮＧだった。

旧バージョン (.NET 2で動作する）は、年２桁はＯＫ
.NET バージョン４だと年４桁でないとＮＧらしい

2015年5月8日金曜日

ASP.NET 複数ファイルをdownloadする方法

ASP.NETのWeb Formで複数のファイルをdownloadする場合

通常は、１ファイルで Response.Writeと、Response.EndでＯＫですが
複数ファイルをdownloadする場合は、

foreach (var rec in records) {

// ストリームへエクスポート
Stream stream = File.OpenWrite(Server.MapPath("~/excel/mdrReport_" + vFileCnt.ToString() + vFileName));
BinaryWriter bw = new BinaryWriter(stream);
bw.Write(pck.GetAsByteArray());
bw.Close();

vFileCnt++;
}

//javascriptでdownload
//作成したxlsxファイルを表示する
Response.Write("<script language=\"javascript\">");

for (int i = 1; i < vFileCnt; i++) {
Response.Write("window.open(\"http://localhost/test_mdr/excel/MdrReport_" + i.ToString() + vFileName + "\");");
}
Response.Write("</script>");

2015年4月1日水曜日

kendo ui datasource template logic

templateに処理ロジックの記述が可能

例：項目EstimateRequestDateがnullなら、ブランクにしたい

#if (EstimateRequestDate != null) {#
#= EstimateRequestDate #
#}else{#
 
#}#

# .. #の間がjavascript

項目の値を表示するには、#=

2013年9月24日火曜日

JavaScriptから印刷

JavaScriptから印刷

構文

window.print();

例

<html>

<head>

<title>window.print - 印刷を開始</title>

</head>

<body> 

<button onclick="window.print()">印刷する</button>
</body>
</html>

2013年5月17日金曜日

asp.net enter keyを特定の項目のみ有効にしたい

        form1.Attributes["onkeydown"] = "if(event.keyCode==13){"
                                      + " if(window.event.srcElement.type!='submit' && "
                                      + "     window.event.srcElement.type!='textarea'){"
                                      + "     if (window.event.srcElement.name!='ctl00$ContentPlaceHolder1$txtREceiveNo'){"
                                      + "       return false;"
                                      + "     }"
                                      + " }"
                                      + "}";

ただし、ブラウザはＩＥのみ

2012年2月8日水曜日

iPhoneの判定

@ITより抜粋

Webブラウザ判定

通常のWebブラウザと同様に、ユーザーエージェント名からiPhone版Safariを判定できます。
iPhone版Safariのユーザーエージェント文字列は、次のようなものになります。
Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en)
AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1A543 Safari/419.3

米アップルが提供している「Web Kit 判定スクリプト」を使えば
より簡単にiPhone版Safari（Mobile Safari）を判定できます。
以下のページから「webkit_normal.zip」をダウンロードして解凍し
「WebKitDetect.js」をWebページに読み込ませます。

http://trac.webkit.org/wiki/DetectingWebKit

そして次のファンクションを実行すれば、閲覧中のWebブラウザがiPhone版Safariかどうか
ブーリアンで返ってきます。

WebKitDetect.isMobile()

これで、「trueが返ってきたらCSSをiPhone用に切り替える」といった仕組みを作ればよいでしょう。

2011年10月6日木曜日

asp.net 4.0で、JavaScritからpostする方法

＜script type="text/javascript"＞
function rowSelected(sender, args) {
var key = args.getDataKeyValue("ChildPN");
var theForm = document.forms['form1'];
theForm.method = "post";
theForm.action = "BOMSubmit.aspx?pt=" + key;
theForm.submit();
}
＜/script＞

2011年9月17日土曜日

asp.netでenterkeyを無効にする方法

http://msdn.microsoft.com/ja-jp/library/cc766700.aspx

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

form1.Attributes("onkeydown") = "if(event.keyCode==13){
if(window.event.srcElement.type!='submit' &&
window.event.srcElement.type!='textarea'){
return false;
}
}"

End Sub

2011年8月9日火曜日

JavaScript Checkboxの値を取得

var receipt = document.getElementById('ctl00_ContentPlaceHolder1_chkReceive').checked;

2011年7月21日木曜日

asp.netでJavascriptからpostする方法(.NET3.5)

＜script type="text/javascript"＞
aspnetForm.method = "post";
aspnetForm.action = "DetailEditCard.aspx?q=" + Args;
aspnetForm.submit();
＜/script type="text/javascript"＞

2011年7月7日木曜日

Telerikのコントロール値をJavaScriptで取得

var combo = $find("<%= cbxComboBox.ClientID %>");
var item = combo.get_value();

登録: 投稿 (Atom)