カテゴリー別アーカイブ: Javascript_JQUERY

JAVASCRIPT 構造体もどきと自分のファイル名(URL)を取得

JAVASCIPTの構造体もどき。
構造体のようにオブジェクトとして扱うことで、複数の変数を1つのオブジェクトに格納できる。
これを配列に入れれば多くの変数をまとめて扱える。

自分のファイル名(URL)を取得
例えばこんな感じのURL「https://www.XXX.com/index.html」(架空)があるとして、index.htmlにJAVASCRIPT、window.location.hrefを書いていたとすれば「https://www.XXX.com/index.html」
を取得します。
index.htmlがないときはhttps://www.XXX.comを取得することになります。

・ファイル名を取得
window.location.href.split(‘/’).pop();
splitでスラッシュを区切りにして分割します。
そしてpopで最後の分割であるindex.htmlを取得してファイル名を取得することになります。
index.htmlがないときは、たぶんwww.XXX.comが表示されるはず。
なので、URLを取得したいときは
window.location.href
までを記述すればOKみたい

ファイル名を取得する必要性は、あまりありませんが、個別のファイルになにか仕組みを入れておいて特別なメッセージを表示させるとか、あるページを開こうとしたときに、IE11、クロムならOKだけど、サファリやOperaだったらアラートを表示させたいとかに使えるでしょう。その際は、URLの判定用の配列を作成してどのURLならOKとして、事前に登録しておく必要があります。
今回はそこまで書いていません。またJavascriptは外部ファイルにしておくほうが今後利便性は高いですが、ブログ記事のためにわかりやすいく扱いやすいように同じファイルの中に記載しています。

//参考にしたサイト
//https://b.0218.jp/20140404132553.html

続きを読む

開発言語別簡易文法チート表、VB.NETとC#のチート表他Javascript、PHP

開発言語別簡易文法チート表、VB.NETとC#のチート表他Javascript、PHP
チートとはずるいとか卑怯とか騙すいう意味があるらしいけど、開発言語とか良い意味で使えば便利とか得するとか秘伝、秘密の巻物的な意味合いも出てくるだろう。
簡単に言えば、開発言語別の文法一覧。
いくつも言語を使っていると、IF文だけでもそれぞれ異なる。でもまとめてみると以外にもグループ分けすれば同じ文法だったりする。
C言語系はほぼ同じ。
Rubyとかパイソンとかのスクリプト系は独自路線を走ってる。
スプレッドシートにまとめていたので、下のPDFからダウンロードできる。
見にくかったりまとまったりしているのは、書きなぐりだから。きれいにレイアウトするのが面倒になった。

・文法の特徴と類似点
C,C++,C#とJAVA,JAVASCRIPT、Google App Script,PHPは似ている
VBとCLASSICASPとエクセルは似ている

開発言語別簡易文法チート表、VB.NETとC#のチート表他Javascript、PHP – チート表PDF 2019/04/06版随時改定予定

続きを読む

JAVASCRIPTでドラッグ・アンド・ドロップのリンクメモ 

JAVASCRIPTでドラッグ・アンド・ドロップのメモ 

以前ドラッグ・アンド・ドロップを試して妥協してしまった。
またがんばるか
リンクメモ

今から3分で,HTML5のドラッグ&ドロップAPIと File APIを習得しよう(JSの実装サンプル付き)
https://language-and-engineering.hatenablog.jp/entry/20140330/HTMLfiveDragDropAndFileAPISample

Googl Apps Scriptを使ってファイル読み込みからスプレッドシートに表示

Googl Apps Scriptを使ってファイル読み込みからスプレッドシートに表示

FileOpen.htmlを使用します。
スプレッドシートのメニューにおいて、追加したメニューのファイル読み込みを選択して
ローカルPCのCSVを選択して読み込むとスプレッドシートに表示されます。
続きを読む

エイジャックスAJAXドキュメント調査中、アジャックスって読んでた

エイジャックスAJAXドキュメント調査中、アジャックスって読んでた

エイジャックスAJAXの書籍を買おうと思ったのに、人気がないのかほとんど10年前に出版されたものがほとんど。たぶんJAVASCRIPTかJQUERY関連の書籍の内容に含まれている感じ。
続きを読む

2018年次回作成アプリ 学習言語ネタ jquery ajax,まずはjqueryを勉強中

2018年次回作成アプリ 学習言語ネタ jquery ajax,まずはjqueryを勉強中

アイフォンアプリも作りたいけど、仕事にも直結する言語についても学習しなくてはならないのでJqueryでを勉強中。物覚えが悪いので快調には進まず、いつも回り道。年を取ると頭が鈍くなっていけない。

javascript をより便利にしたjquery を勉強する。
(個人的メモ)勉強中のフォルダは
/Users/maseda/Desktop/jQuery学習のフォルダにある。

続きを読む

JAVASCRIPTドラッグアンドドロップのみの機能とJQUERYのボタンクリックサンプル

JAVASCRIPTドラッグアンドドロップのみの機能とJQUERYのボタンクリックサンプル

Railsを勉強中ですが、JAVASCRIPTがわからなくなって整理中

画像を選択して、ブラウザ上に表示、ドラッグアンドドロップのみの機能

https://developer.mozilla.org/ja/docs/Using_files_from_web_applications#Handling_the_upload_process_for_a_file
を参考

ドラッグアンドドロップ
http://jsfiddle.net/ginpei/bSF9z/

ここが参考になる。

の違いは、読み込みデータの違いらしい。
functionはHTMの読み込みが終了したタイミングで実行され、windowの方は画像やJSやCSSのすべてのデータが読み込まれてから実行されるのだそうです。

http://qiita.com/nfnoface/items/04c4e1df59c79322c82bを参考にしています。

http://naoyashiga.hatenablog.com/entry/2013/10/22/150030

JQUERYを使った ボタンクリックのサンプル