サンプルページこのページでは実際には更新できませんが、自分のスニペットをコピーして貼り付けて使用すると更新できます。このデータは Wikipedia にあるテーブルをデベロッパーツールでコピーして貼り付けたものです。欲しい行を限定したい場合は、先頭の TD に class="result" を入れておくというスタイルです。 二番目の処理は、TR の中に TD が無いので、JSON の中に jojo0 は作成されますが、値が空のオブジェクトとなるのでデーターベースにデータは作成されません 更新部分のソースコード
<script>
var jojo = { };
$(function(){
$("#update1").on("click",function(){
if ( confirm( config.authDomain + "へ更新しますか? \n(ルールで更新を許す必要があります)" ) ) {
$(".result").each( function( idx ){
jojo["jojo" + (idx+1) ] = {};
$(this).parent().find("td").each( function( idx2 ){
jojo["jojo" + (idx+1) ]["data" + idx2] = $(this).text();
} );
} );
firebase.database().ref("jojo").set(jojo).then(
function(){
alert( "更新に成功しました" );
}
);
}
});
$("#update2").on("click",function(){
if ( confirm( config.authDomain + "へ更新しますか? \n(ルールで更新を許す必要があります)" ) ) {
$("tr").each( function( idx ){
jojo["jojo" + idx ] = {};
$(this).find("td").each( function( idx2 ){
jojo["jojo" + idx ]["data" + idx2] = $(this).text();
} );
} );
firebase.database().ref("jojo").set(jojo).then(
function(){
alert( "更新に成功しました" );
}
);
}
});
$("#update3").on("click",function(){
if ( confirm( config.authDomain + "へ更新しますか? \n(ルールで更新を許す必要があります)" ) ) {
$("tr").each( function( idx ){
jojo["jojo" + idx ] = {};
$(this).find("td,th").each( function( idx2 ){
jojo["jojo" + idx ]["data" + idx2] = $(this).text();
} );
} );
firebase.database().ref("jojo").set(jojo).then(
function(){
alert( "更新に成功しました" );
}
);
}
});
});
</script>
※ データベースルールを書き込み可能にしておく必要があります
|
|
【Googleの最新記事】
- Google 共有ドライブの容量の上限について
- Google Classroom は無料の G Suite for Education アカウントが必要
- 教室と一対一のフォルダより新しく登録されたフォルダの中にあるZoom動画ファイルを該当するClassroom の コース内の該当するトピックに登録する
- Google Apps Script : 動画を添付して Classroom の指定のトピックへ課題として投稿する
- Google Classroom のテーマ画像のサイズと既存画像をテーマ画像として使用してみた手順
- Google Chrome でスマホのソースコードをごく普通に表示して利用する
- Gmail に 実行可能なファイルの拡張子を持つファイルを格納した zip 書庫は送れません
- Gmail で添付できないファイルをエクスプローラで検索する為の文字列
- jQuery + Bootstrap(css) + mmenu : Firebase Database 参照と更新サンプル( 新規登録テンプレートより )
- jQuery + Bootstrap(css) + mmenu : Firebase Database 新規登録テンプレート
- jQuery + Bootstrap(css) + mmenu : Firebase ログインテンプレート
- Google ドライブの WEBホスティングが無くなったので、Google の Firebase をとりあえず使う方法
- Google サイト内検索の FORM 要素による設置
- ブラウザの geolocation で Google MAP に現在地を表示。ライブラリでさらに詳細情報。API の geocoder で名称・住所から Google MAP を表示して、ライブラリで..
- Google+ に投稿するテキスト内の文字列を太字(ボールド)にしたりイタリックにしたりする方法
- Google の Plus API を使って Google+ 投稿データを jQuery UI のアコーディオン(accordion)で表示する
- Google の タスク API(ToDoリスト) を使ってタスクリストとタスクのタイトルを jQuery のプラグインでメニュー化する
- Google API の中でも単純な Task API を使って、アクセストークン取得のテンプレートを整備しました
- GitHub の google-api-php-client( PHP ) を使って、Gmail でメールを送る( 添付ファイル付き )
- GitHub の google-api-php-client( PHP ) を使って、Gmail でメールを送る
