【JavaScript】Cookieをsplit()で配列にするとCookie名で値の取得ができなくなる
こんにちは、Ryohei（@ityryohei）です！ 本記事では、JavaScriptでCookieをsplitで配列に分割すると、Cookie名を指定しても値が取得できないケースがあったので、事例と対処法をご紹介しています。 では、解説してきます。 原因は半角スペース Cookieは仕様上一つのテキストデータとしてブラウザ側に保存されています。具体的には下記のように保存されます。 testUser1={"name":"testUser1"}; testUser2={"name":"testUser1"}; testUser3={"name":"testUser1"} 上記のCookieを取り扱いやすくする方法として、split()を使用して配列化する方法があります。Cookieの配列化は基本的に下記の流れで行います。 ⓵document.cookieでCookieを取得する⓶取得したC
WordPress 投稿が0件でもpost_typeを取得したい。 - かもメモ
WordPressでpost_typeを取得する場合 通常 get_post_type() を使うのですが、投稿が無い時(0件の時) get_post_type() は false を返すため今のページのpost_typeを取得できない場合があります。(カスタム投稿タイプを作って投稿が0件のアーカイブページとか) Source File: wp-includes/post.php <?php function get_post_type( $post = null ) { if ( $post = get_post( $post ) ) return $post->post_type; return false; } 引用元: get_post_type() | Function | WordPress Developer Resources これは投稿がないとglobal $postがN
ブラウザのウィンドウサイズを取得する際のjQueryとJavaScriptとCSSメディアクエリの違い｜BLACKFLAG
レスポンシブサイトではウィンドウの幅（画面解像度）によって、レイアウトの調整や動作処理の制御を行います。 ウィンドウサイズ（画面幅／高さ）の取得方法に関しては、スクリプト制御ではjQueryの「.width()」メソッドのほか、JavaScriptの「.innerWidth」メソッドや「.matchMedia」メソッドを使用する方法などがあり、CSSメディアクエリでは「@media only screen and (max-width:○○px)」などといった手法でウィンドウサイズを取得することが可能になります。 それぞれの取得する方法によってすこし厄介なのは、ページ内にスクロールバーがある時とない時で取得する値が変わってくるというもの。 さまざまな場面でウィンドウサイズを取得する機会が増えてきているので、上記のそれぞれ取得方法について比較してみました。 まずは各スクリプト処理とCSSメデ
PHPで「Parse error: syntax error, unexpected '['」というエラーになる場合の対処
PHPで「Parse error: syntax error, unexpected '['」というエラーになる場合の対処方法を紹介します。 １．はじめに 次のPHPスクリプトを作って動作させようとしたところ、「Parse error: syntax error, unexpected '[' in ～」というエラーになりました。 <?php $a = [ 'foo' => 'aaa', 'bar' => 'bbb' ]; var_dump($a); ?> 特に間違いがあるコードではないのですが原因が分かりません。 ２．原因 PHP5.4以降では配列の短縮構文が追加され、"array()"の代わりに"[]"を使えるようになりました。 <?php $array = array( "foo" => "bar", "bar" => "foo", ); // PHP 5.4 ではこのようにも書けま
ノードと要素は別物なので気を付けよう。（DOMおれおれAdvent Calendar 2015 – 12日目） | Ginpen.com
ここで el に上記 <ul> が格納されているものとすると、 el.firstElementChild は最初の <li> になります。想定通りと思います。一方 el.firstChild はというと、 <ul> と最初の <li> の間の「改行とインデント」から成る文字列ノードが格納されています。そう、文字列もノードです。 デモ 他にもこんな感じで「ノード全種から取得」するものと「要素ノードの中から取得」するものとがあります。 parentNode vs parentElementNode children vs childNodes firstChild vs firstElementChild lastChild vs lastElementChild ? previousSibling vs previousElementSibling ? nextSibling vs next
初心者のサポートに役立つOS・ブラウザ・IPアドレスなどの情報をカンタンにコピペ＆短縮URL化できる「What browser am I using?」
周囲の人よりも少しパソコンなどに詳しいとサポートセンター代わりに使われることが多くなるわけですが、相手に「環境を教えて」と言っても通じないばかりか「何もしていないのに壊れた！」というフレーズのみが延々と繰り返され、肝心の情報が得られないことが多々あります。そういう不毛なやりとりをスムーズに終わらせることができるのが「What browser am I using?」です。 What browser am I using? http://www.whatsmybrowser.org/ 使い方はとてもカンタン。というより、何も考えずにサイトにアクセスするだけ。すると以下のような画面が表示されました。 一番上には、今アクセスしているブラウザの名称とバージョン情報が表示されています。 ページ下部には各種環境設定の情報が一覧表示されています。 で、実際の使い方も簡単、とにかく相手にこのサイトのアドレ
[jQuery]Google Chromeで画像のwidthやheightがうまく取得できない場合の対処方法
jQueryでimg要素のwidthやheightを取得するコードがIEやFirefoxではうまく動きますが、Google Chromeではうまく動かない現象に遭遇しました。その場合の回避方法です。 下記のコードはidにtargetが指定された要素のwidthとheightを取得するコードです。IEやFirefoxでは想定通りに動きますが、Google Chromeでは想定通りに動きません。 [javascript] $(function(){ var w = $(‘#target’).css(‘width’); alert(w); }); [/javascript] jQueryの$()はDOMの読み込みが完了後に実行されるはずですが、画像の読み込みについては別なようなのです。ですが、jQueryのbindメソッドを使うことで画像の読み込みを待つことができます。 [javascript]
![[jQuery]Google Chromeで画像のwidthやheightがうまく取得できない場合の対処方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)
『$(window).height()』
<script> var MSIE =/*@cc_on!@*/false; if(MSIE){ H =document.documentElement.clientHeight; }else{ var H=innerHeight; } </script> スピード判定もしてみた http://jsperf.com/innerheight-vs-window-height/2 jQueryはごみのように遅いです＼(^o^)／ IE判定は９と１０がどう判定されるのか 謎なのでよくわかりませんー IEは６、７は当たり前ですが無視してます ↓以下過去の文↓ 最近はこまごましたネタばかり jQueryでウィンドウの高さなりをとろうとすると $(window).height() ですむけれど これなんでjQuery通すんだ？ いっぱつでとれそうだ！ と思っていろいろ調べてみたら クロスブラウザ処理が超
document.body.scrollTopが常に0を返す謎を調べてみた - Qiita
という指定がしてあったからでした。 これは body の子要素で body からはみ出る部分は自動的にスクロールバーが表示されて、スクロールが出来るようになります。 詳しくはこう で、図にしてみるとわかりやすいのですが +------------------------------------------------------------- | html | +-------------------------------+←ーー ここがscrollTop = 常に0 | | body | ↑ | | +---------------------------+ | | | | | ↑ | | bodyではスクロールしないで | | | Scroll Area | | 子要素の中でスクロールする | | | ↓ | | | | | +---------------------------+
jQueryのgetJSON()でエラーをハンドリングする
jQuery.getJSON()でエラーをハンドリングする方法を紹介します。 １．はじめに JSONの取得でエラーをハンドリングにはjQuery.ajax()を利用するか、googleで公開されているjquery-jsonpプラグインを利用するといった先入観がありましたが、公式サイトのドキュメントを読むと1.5からサポートされているようで、まったく気がついてませんでした。 jQuery.getJSON() As of jQuery 1.5, all of jQuery's Ajax methods return a superset of the XMLHTTPRequest object. This jQuery XHR object, or "jqXHR," returned by $.getJSON() implements the Promise interface, giving
ネットワークのオフラインを検知して処理を実行できる「Heyoffline.js」:phpspot開発日誌
Heyoffline.js ネットワークのオフラインを検知して処理を実行できる「Heyoffline.js」 フレームワークレスで動いて、onOfflineとかonOnlineとかのイベントハンドラを設定して、オフライン、オンライン時に処理を実行できるみたい。 スマートフォンなんかで、何かを入力してしまっていて、送信ボタンを押したらサーバがオフラインですっていうのは避けたいところなのでこうした仕組みで送信ボタンのアクティブ状態を変更するのも１つの手ですね 家や会社のパソコンは常時接続でオフラインの心配はなくなった、とおもいきやスマートフォンの電波が悪い状態や地下鉄、といったことを考えるとこういう仕組みは必要かもですね 関連エントリ 様々なグラフを描画できるJavaScriptライブラリ「NVD3.js」 ブラウザ上でRubyプログラムをJavaScriptに変換して実行できる「Opal」
死ぬほどはまった、XMLのタグ名に『：（コロン）』が使われていた場合の処理をメモ - 雑想空間
くそぉ・・。 なぜこんな単純なことに時間を使ってしまったのか・・・。 XMLをjQueryで処理して、fugafugaするサイトを作ろうとしてました。 XMLといっても、中身はrssなので、 <item> <title>test</title> <link>http://hoge</link> <media:content url="http://www.hoge/test.jpg" /> <media:thumbnail url="http://www.hoge/test.jpg" /> <pubDate>Wed, 03 Jun 2009 19:52:20 GMT</pubDate> </item>こんなデータが10個ほど続くだけの単純なもの。 まぁ、いけるだろ、って思って始めたら、えらい苦労した・・・orz 『：（コロン）』はjQuery では、フィルタとして使われる。 jQueryで
WordPressでjQueryを使用した時のコンフリクト対策 « Funalogue Column
現在ある会社のサイトを作っている。 スタティックなHTMLで書いていたときには問題なかったjQueryのライブラリの一つであるspritmenuがwordpressへ持ってきた途端に動かなくなった。 元のHTMLで動いていたので、何かとコンフリクトしたと思われたので、とりあえずコンフリクト対策したのだが、 なぜか下記の方法では動いてくれない。 <script type="text/javascript"> jQuery.noConflict()(function($){ var j$ = jQuery; </script> 以前MODxのサイト（MODxに元々mootoolsが使われている）を作っていたときは、上記の方法で回避したような気がするのだが、今回はなぜか回避できない。 しょうがないので、何が問題なのか、プラグインをひとつずつ外してみていくことにした。 プラグインだけで18個使用し
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
寝ログ
PHPのtrueは1でfalseは''の話 - Qiita
ツクメモ - ウェブやアプリをツクるヒトのメモ
JavaTechnology Slot Online | Cara Daftar bermain Slot Online
JavaTechnology Slot Online | Cara Daftar bermain Slot Online
新規ドメイン取得後、調べてみたら実は中古ドメインだった！あなたならどうする？
HisasAnn.com is for sale | HugeDomains
