Catalog Online

「javascript」検索結果

  • <<
  • 1
  • >>

画面中央に表示するモーダルウィンドウを実装[edit]

2022/11/20 リンク

画面中央に表示するモーダルウィンドウをjQueryで実装

https://www.tam-tam.co.jp/tipsnote/html_css/post8031.html

タグ >>  Javascript  JQuery  css  HTML 

Webサイトを PWA としてアプリ化[edit]

2022/11/17 リンク

Webサービス・サイトをPWA化する手順

https://pisuke-code.com/web-way-to-convert-site-to-pwa/#way-to-convert-site-to-pwa-1

タグ >>  javascript  PWA  manifest 

正規表現パターンサンプル[edit]

2021/03/09 コード

パターン 意味
/^[0-9]*$/  半角数値のみ(空文字OK)
/^[0-9]+$/  半角数値のみ(空文字NG)
/^[a-zA-Z]*$/  半角英字のみ(空文字OK)
/^[a-zA-Z]+$/  半角英字のみ(空文字NG)
/^[0-9a-zA-Z]*$/  半角英数字のみ(空文字OK)
/^[a-zA-Z0-9!-/:-@¥[-`{-~]*$/  半角英数記号のみ(空文字OK)
/^([a-zA-Z0-9]{8,})$/  8文字以上の半角英数字
/^([a-zA-Z0-9]{6,8})$/  6文字以上8文字以内の半角英数字
/^([0-9]{0,8})$/  8文字以下の半角数値
/^[0-9]{8}$/  8文字の半角数値
/^https?:\/\/  URL
/^\d{3}-\d{4}$/  郵便番号(999-9999形式)
/^\d{1,3}(\.\d{1,3}){3}$/  IP(999.999.999.999形式)
/^([1-9][0-9]*|0)(\.[0-9]+)?$/  正の小数
/^-?([1-9][0-9]*|0)(\.[0-9]+)?$/  正・負の小数
/^[ぁ-んー]*$/  全角ひらがな(空文字OK)
/^[ァ-ンヴー]*$/  全角カタカナ(空文字OK)
/^[ァ-ン゙゚\-]*$/  半角カタカナ(空文字OK)
/^[^\x20-\x7e]*$/  全角文字のみ(空文字OK)

https://javascript.programmer-reference.com/js-regexp-sample/

タグ >>  HTML  Javascript  PHP 

外部公開APIによる郵便番号からの住所取得(Ajaxを使いPHPからデータを取得)[edit]

2020/09/08 リンク

JavaScript jQueryでAjaxを使いPHPからデータを取得する方法その3(外部公開APIによる郵便番号からの住所取得)

http://vbnettips.blog.shinobi.jp/javascript/javascript%20jquery%E3%81%A7ajax%E3%82%92%E4%BD%BF%E3%81%84p_156

タグ >>  JavaScript  jQuery  PHP  Ajax 

ラジオボタンを2度押しで選択解除する(複数グループ)[edit]

2018/06/21 コード

--------------------------------
HTML
--------------------------------
<input type="radio" name="radio1" id="radio1_1" value="1">
<input type="radio" name="radio1" id="radio1_2" value="2">
<input type="radio" name="radio1" id="radio1_3" value="3">

<input type="radio" name="radio2" id="radio2_1" value="1">
<input type="radio" name="radio2" id="radio2_2" value="2">
<input type="radio" name="radio2" id="radio2_3" value="3">

--------------------------------
JQuery
--------------------------------
// 予めチェックされているもの
var nowchecked = [];
$('input[type="radio"]:checked').each(function(){
nowchecked.push( $(this).attr('id') );
});

$('input[type="radio"]').click(function(){
var idx = $.inArray( $(this).attr('id'), nowchecked ); // nowcheckedにクリックされたボタンのidが含まれるか判定。なければ-1が返る。
if( idx >= 0 ) { // クリックしたボタンにチェックが入っていた場合
$(this).prop('checked', false); // チェックを外す
nowchecked.splice(idx,1); // nowcheckedからこのボタンのidを削除
} else { // チェックが入っていなかった場合
// 同じname属性のラジオボタンをnowcheckedから削除する
var name = $(this).attr('name');
$('input[name="' + name + '"]').each(function(){
var idx2 = $.inArray( $(this).attr('id'), nowchecked);
if( idx2 >= 0 ){
nowchecked.splice(idx2,1);
}
});
// チェックしたものをnowcheckedに追加
nowchecked.push( $(this).attr('id') );
}
});

https://norando.net/radio-cancel/

タグ >>  javascript  JQuery 

マンガで分かる JavaScript プログラミング講座 第2版[edit]

2016/08/18 リンク

●第1部 JavaScriptプログラミングの基本
第1話:プロ部登場
第2話:プログラムって何?
第3話:書いてみよう
第4話:数値変数と計算
第5話:文字列変数と様々な出力
第6話:真と偽 条件分岐と演算子
第7話:ループ処理
第8話:配列
第9話:連想配列のループ処理
第10話:関数
第11話:変数のスコープ
第12話:型、オブジェクト、クラス

●第2部 脱初心者プログラミング
第13話:日付オブジェクト
第14話:配列のソートと無名関数
第15話:正規表現

●第3部 Webページのプログラミング
第16話:WebページのJavaScript
第17話:Webページの書き換え
第18話:イベントによる処理
第19話:タイマーによる処理
第20話:スタイルシート
第21話:クッキーの利用

●第4部 応用編
第22話:jQueryの利用
第23話:jQueryを利用した通信処理
第24話:ブックマークレット
第25話:WSHを利用したローカルアプリケーション
第26話:HTAを利用したウインドウ付きアプリケーション
第27話:終わりに

http://crocro.com/write/manga_javascript/wiki.cgi

タグ >>  ajax 

画像をスライドショー表示するプラグイン[edit]

2015/11/19 リンク

フリックなどモバイルにも対応

http://flexslider.woothemes.com/

タグ >>  javascript 

monacaでアプリ内に外部リンクを入れる[edit]

2015/04/05 リンク

monacaAPIを使わなければなりませんね。
htmlファイル内で簡単に実装するのはJavascriptを使うと良いです。

http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q12117966032

タグ >>  monaca 

  • <<
  • 1
  • >>

Catalog Online

↑ PAGE TOP