『jQuery で親フレーム子フレーム間の参照、操作【JavaScript】』
jQueryで親フレームと子フレーム間で関数の実行や要素の参照・設定を行うメモ。 本来はフレームなんか使わないでdiv要素なんかをゴッソリ変えるほうがスマートなんだけど 業務用しかも内容がたっぷりある場合はファイル自体が膨大になるし重くなる。 メンテも大変だしねｗ 当然PHPと非同期しまくりで内容によってはガリガリ動かすよりもフレームで切り替えたほうがヌルッと動く。 セキュリティや他の事情によりPHP側で出力を分けたいってときもある。 そんな時のために。（いいわけはこれぐらいでｗ） 子のnameやidで参照できるが、Firefoxではnameを設定していないと動作しない。 以下では子（インラインフレーム）のIDをchildframeとする。 jQuery1.4.4821145.1.712OKOKOKOKOK parent.html 親 <html> <script src="jquery-
jQueryを使ってHTMLをオーバーレイ表示する方法を現役エンジニアが解説【初心者向け】
オーバーレイとは 「オーバーレイ」は要素を重ねて表示することです。 例えば、Webサイトでダイアログやポップアップ広告などを表示する際に使用されます。 そして、この記事ではjQueryを使ってHTMLの要素をオーバーレイ表示する方法を確認していきましょう。 様々なオーバーレイ表示をみてみよう オーバーレイ表示をいくつか確認していきます。 以下は、ダイアログウィンドウを表示する例です。画面の中央にある小さめのウィンドウがオーバーレイで表現されています。 jQueryUI Dialog 写真に文字を重ねたオーバーレイの例です。観光サイトなどで良く見かけます。 潮風感じる、ゆるい街 台湾・高雄 [PR] Webデザインで副業する学習方法を動画で公開中 jQueryでオーバーレイ表示してみよう 今回のサンプルプログラムでは、jQueryでダイアログウィンドウを作成します。 なるべくシンプルなコード
バックエンドエンジニアのためのVue.js、React、Angular入門 - Qiita
WEBシステム、WEBプログラム開発において昨今ではjQueryではなくVue.js、React、AngularなどのJSフレームワークが主流となってきています。ただ、これらの活用は学習コストが高いといわれています。その原因はフロントエンドありきで話が進みすぎていたからだと考えています。したがって、自分の投稿記事は、jQueryを多用するWEBシステムエンジニアに向けた、フォーム操作をメインに置いた半備忘録兼自分なりに解釈した解説です。 ちなみに自分はサーバ構築からバックエンドまでこなしているワンオペエンジニア（フリーランス、非正規雇用に非ず）です。 コンポーネント、ルーティング、スタイル周りの続編を作成しました（編集が困難になるほど容量圧迫してたので、それぞれで独立させています）。また、Vueは3.2から採用されたscript setup、Angularは14から採用されたスタンドアロン
jQuery でセレクトボックスのプルダウン項目（option 要素）を追加／削除する方法
フォームオブジェクトの中でも、セレクトボックスの操作は少し特殊です。記述方法を覚えてしまえば問題ないのですが、同じようなミスをして調べる機会が多いのもセレクトボックスの特徴ではないでしょうか。 jQuery を使えば、様々な需要に合った操作ができるようになります。ここではプルダウン項目の追加・削除について触れますが、基本となるセレクトボックス操作の知識は必要不可欠なので、ぜひ次の記事も一緒に確認していただければと思います。
cheerio-httpcli
cheerio-httpcli - Node.js用WEBスクレイピングモジュール Node.jsでWEBページのスクレイピングを行う際に必要となる文字コードの変換と、cheerioによってパースしたHTMLをjQueryのように操作できるHTTPクライアントモジュールです。 特徴 取得先WEBページの文字コードを自動で判定してHTMLをUTF-8に変換 UTF-8に変換したHTMLをjQueryのように操作可能 フォームの送信やリンクのクリックをエミュレート フォーム送信時のファイルアップロード対応 Node.jsお馴染みのコールバック形式と最近の流行であるプロミス形式どちらにも対応 同期リクエスト対応 $('a')要素のリンク先をファイルとしてダウンロード可能 $('img')要素画像をファイルとしてダウンロード可能(LazyLoad対応) $('a,img,script,link')
Is jQuery .text() method XSS safe?
I have unescaped data from users. So is it safe to use like this: var data = '<test>a&f"#</test>'; // example data from ajax response if (typeof(data) === 'string') $('body').text(data); Can I use like this or there is some problems like encoding or some specific symbols that I should be careful and add more strict validation?
【Javascript】colspan、rowspanをJavascriptでセットするとき at softelメモ
テーブル（table）要素をjavascriptで動的に生成、操作するとき、colspan、rowspanをセットするときは、属性名をcolSpan、rowSpanで指定する。全部小文字で大丈夫な場合もあるが、現時点では素直にcolSpan、rowSpanと、Sを大文字で書くのがよさそう。 以下の説明で、変数 td や ID #xxxx は適当なTD要素とする。 基本は col”S”pan と大文字にする //直に td.colSpan = "3" //DOM関数で td.setAttribute("colSpan", "3") //jQueryで $("#xxxx").attr("colSpan","3") 今風の書き方 + 最近のブラウザ（Firefox、IE8、Chromeなど）の組み合わせなら、小文字でも大丈夫だった 古いブラウザ（IE7など）はダメ。 //DOM関数で td.se
jQuery から Vue.js へのステップアップ - Qiita
はじめに 最近耳にする Vue.js（ビュージェイエス） ってどんなもの？ jQuery とどう書き方違うの？とか、jQuery でやってたこういう事って Vue.js だとどうやるの？jQuery しか使ってないけど Vue.js も使ってみたいなぁ～と思っている人向けの小難しいことは省いた記事です。私もそちら側から来たものです。 Vue.js 日本公式ページ（日本語翻訳率が半端ないと評判） もともと「jQuery から Vue.js への移行」というタイトルでしたが、それだと jQuery を完全にやめる、的なニュアンスになってしまうので、少し変更しました🐹 jQuery と Vue.js の違い jQuery は、セレクタ操作に特化したライブラリで HTML の一部をちょっとだけ弄るには手軽に扱えます。更新のたびにセレクタから要素を探して操作をするため、複数の UI を連携させるよ
Input系jQueryのまとめ select,textarea,textの内容取得やチェックボックスの変更不可等 | Stronghold Archive
Input系jQueryのまとめ select,textarea,textの内容取得やチェックボックスの変更不可等 どうもこんばんは！ ちょっと個人的に地味に忘れちゃうINPUT系のマトメを書いておきます。 ざっとまとめると… ・select – 内容取得 ・select – value取得 ・text – 内容取得 ・textarea – 内容取得 ・checkbox – 変更不可方法 ・checkbox – デフォルトでチェック済みに指定する方法 こんな内容です。 時と場合によってとても便利だったりするので もし良ければお気に入りしていただければ幸いです。 selectの内容取得 select.1 ・HTML <p id="ex1">select.1</p> <select id="pull_ex1"> <option>optoin.1</option> <option>optoin.
ファイルアップロードをajaxで行う IE対応 - AUSGANG SOFT
ファイル選択をしたら自動的にajaxでアップロードする機能をつくっていたのだけど、やっぱりIE対応でつまづいた。いちおうIE8対応を目指した。 ajax送信は、このライブラリを使用。 jQuery Form Plugin http://malsup.com/jquery/form/ そのままだとIEで動かない。 596行目のfinallyがIEではエラーになるので、コメントアウト。 次、ファイル選択で自動アップロードしたかったので、jQueryのchangeイベントで処理を書いたが発火してくれない。 jQueryのchangeイベントで気をつけること http://d.hatena.ne.jp/sho-yamasaki/20120319/1332168988 onchangeならうまくいくらしい。 あと、ファイル選択部分を以下をつかって整えた。 JavaScript · Jasny Boo
jQueryでINPUT[type=file]で画像ファイルのプレビューを表示させる実験｜BLACKFLAG
会員制Webサイトやストレージサービスなどで input入力フォームでファイルをアップロードさせる[type=file]を使用する際、 選択されたファイルが画像だった場合にプレビューを表示させる機会が何度かあったので File APIとjQueryを使って試しに作ってみたサンプルを紹介してみます。 まずは動作サンプルから。 「jQueryでINPUT[type=file]で画像ファイルのプレビューを表示させる方法」サンプルを別枠で表示 サンプル画面上にある入力フィールドinputにて画像を選択させた場合、 入力フィールド下に選択した画像が表示されます。 全体構成についてまずはHTMLから。 ◆HTML <div class="imgInput"> <input type="file" name="file1"> </div><!--/.imgInput--> <div class="img
![jQueryでINPUT[type=file]で画像ファイルのプレビューを表示させる実験｜BLACKFLAG](https://cdn-ak-scissors.b.st-hatena.com/image/square/c662e9771e0c7ac0df846a4838fb1480f378049f/height=288;version=1;width=512/https%3A%2F%2Fblack-flag.net%2Fcommon%2Fimg%2Fogp_jquery.png%3F20231001)
jQueryでフォーム部品のcheckedやselectedはpropで操作する - 銀の弾丸
よく勘違いして慌てているので書いておきます。 フォーム部品のcheckedやselectedといったbool型のプロパティの操作は、propを使用する。以前はattrを使っていた記憶がありますが、それではちゃんと動いてくれないです。 いちご みかん りんご 全部 $(function () { //全部選択もしくは解除 $('#checkAll').change(function(){ $('input.fruit').prop( 'checked', $(this).prop('checked')); $('select[name=fruit] option').prop( 'selected', $(this).prop('checked')); }); //チェックボックスの変更をリストへ反映 $('input.fruit').change(function(){ $('select
フォーム要素のカスタマイズ｜jQuery plugin｜Ajax｜PHP & JavaScript Room
Checkboxes, Radio Buttons, Select Lists, Custom HTML Form Elements〔ラジオボタン、チェックボックス、セレクトメニューの見た目をカスタマイズ〕 Custom Select boxes with jquery〔アイコン入りのプルダウンメニュー〕 File Style〔参照ボタンを指定したボタン画像にする〕 jCombox: jQuery HTML Select Tag Plugin〔Select要素の拡張プラグイン〕 jQuery Custom Check Box and Radio Buttons 〔チェックボックとラジオボタンを画像化〕 jQuery Dropdown Check List〔複数選択型プルダウンメニューをチェックボックス付きのドロップダウンメニューに〕 JQuery Geogoer VChecks Plugi
jQuery.ajax() のリクエストパラメータを、指定した文字コードで渡す - 株式会社CFlatの明後日スタイルのブログ
jQuery.ajax() のレスポンスを指定した文字コードで取得する系の話はその辺にごろごろ転がっていますが、逆にリクエストを指定した文字コードで行う系の話がほとんど見つからなかったので、ライブラリを作成しました。 考え方としては、通常は UTF-8 で行われるリクエストパラメータの URI エンコード処理を、ShiftJIS や EUC-JP で行ってやればよいだけです。……とはいえ、文字列を ShiftJIS や EUC-JP に変換する部分は大変なので、ライブラリ任せにしてしまっています。 UTF-8 から他の文字コードへの変換処理には、http://polygon-planet-log.blogspot.jp/2012/04/javascript.html の encoder.js を使用しています。下記コードの利用には、encoder.js（https://raw.github
IEでもできた！ jQuery.ajaxでShift JIS（sjis）の外部HTMLを読み込む時の文字化け回避方法
IEでもできた！ jQuery.ajaxでShift JIS（sjis）の外部HTMLを読み込む時の文字化け回避方法 jQuery.ajaxではいろいろなファイルが外部から読み込めて便利ですが、文字コードがUTF-8でないと、そのままで文字化けしてしまいます。 最近作るサイトはもうほとんどUTF-8が主流になってきていますので問題ないことが多いのでしょうが、どうしてもshift_jisを使う必要があって、この文字化けに遭遇。文字コードは変えられないので、なんとかしてshift_jisの文字化けを回避できない物かと調べたのですが、解決方法ありました。 結論から言うと、読み込むときのオプションに下記の3行を追加するだけです。 beforeSend: function(myData){ myData .overrideMimeType("text/html;charset=Shift_JIS")
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQueryでCSSの値を複数設定するときの記述 - Qiita
.text() | jQuery API Documentation
jQueryでTABLE要素の操作 - JavaScriptテックラボ - [SMART]![jQueryでTABLE要素の操作 - JavaScriptテックラボ - [SMART]](https://cdn-ak-scissors.b.st-hatena.com/image/square/efeb6493234f33406d242c048873a805fca99c63/height=288;version=1;width=512/https%3A%2F%2Frfs.jp%2Fwp-content%2Fthemes%2Fsmart%2Fogpimage.png)
jQueryで要素自身を含めたhtmlの取得
html() - jQuery 日本語リファレンス