たぼさんの部屋

いちょぼとのんびり

イベントディスパッチを使うフレームワーク

ユーザーエージェント(PHP)

以下のように文字列で確認 $UA= $_SERVER['HTTP_USER_AGENT']; opera miniの場合 Opera/9.80(Android; Opera Mini/7.5.35199/34.2089;U;ja)Presto/2.8.119 Version/11.10 opera clasicの場合 Opera/9.80(Android2.3.5; Linux;Opera Mobi/ADR-1309251116)Pres…

google cookieの取得

Googleアナリティクス cookieに書かれている全情報から、 Googleアナリティクスで主要なものを抽出します。 __utma(ユーザー情報) __utmb(セッション情報) __utmz(リファラ情報) __utmv(ユーザー定義)以下の例は__utmzを抽出するものです。参考はGoo…

phpにおけるブラウザキャッシュ無効化

header("Cache-Control: no-cache, must-revalidate"); header("Cache-Control: post-check=0, pre-check=0", false); header("Pragma: no-cache");

アコーディオン実装済最新iframe.js(*question.cssも変更した)

iframe.js ver 2,2 亜子オーディオんの実装 //------------------------------------------------------------ /* * iframe.js * ver 2.2 * Q&Aページのアコーディオンを実装 * !!!questtion.cssも同時に変更しています。 * 本番実装時には、cssの変更も…

vinoのkyotoフォームで使っているMailform Pro Javascript Library

Mailform Pro Javascript Library // Mailform Pro Javascript Libraryは正常に動作しています。 // // SYNCK GRAPHICA // mailformpro language file // 2014-04-10 ver 4.1.3 // var mfpLang = { 'ResetConfirm': '入力された内容をリセットしてもよろしい…

iframe min-height

iframeにmin-height属性をセットする 高さがウィンドウサイズに自動調整される <iframe id="iframe" src="iframe.html" style="min-height: 100%"></iframe>

js圧縮 iframe.js

元 //------------------------------------------------------------ /* * iframe.js * ver 2.1.14 * FlickEventHandlerを修正 * touchmove時にある程度のx移動でメニュー開閉するように。 * ver 2.1.1 * last update 4/22 * 画面の向きを変更したときのコ…

js圧縮

Online YUI Compressor http://refresh-sf.com/yui/#output これでMain_2.jsを圧縮して動作確認 OK ( function() { var c = document.location.host; var j = document.location.protocol; var r = j + "//" + c; var H = document.location.pathname; conso…

check.php

operamini判定も追加 iPhone と iPad は、ユーザーエージェントにそれぞれ iPhone、iPad という文字が含まれているので簡単に振り分けられるのですが、Android はスマートフォンとタブレットの両方に Android という文字が含まれているので、[Android]の文字…

Main_2.js:完成版 ver 2.2.2

//------------------------------------------------------------ /* * ver 2.2.2 * フォームからの別ページ移行時の動作 * 1)高さ調節 * 2)ローディングイメージの表示 * を実装 * * ver 2.2.1 * 修正 * SlideController のsetFlickListenerメソッドを削…

main_2.js:ほぼ完成版

これを使います。 Main_2.js iframe.js Main_2.js /*jslint nomen: true*/ ( function() {"use strict"; var host = document.location.host; //host : "php.efolab.com"という形式。 var protocol = document.location.protocol; //protocol : "http:"とい…

コントロール用レイヤー(Main_21.js)

これはiframeを使う為に コントロール用レイヤーを使ってリンクコントロールをしようとういうもの。 pointはここ。touchstartイベント時に一時的にレイヤーのdisplay.noneにする this.layer.style.display = "none"; var elm = document.elementFromPoint(x,…

jsonの送受信:postMessage

JSON.stringify JSON文字列をオブジェクトに変換して返します。 JSON. parse オブジェクトをJSON文字列に変換して返します。iframe側の送信例:iframeの高さを送信する 形式:height:*** iframeからの送信 // iframe.bodyの高scrollHeightさをpostMessageで…

httpからhttpsへのpostはセキュア?

暗号化されるみたい。 http://q.hatena.ne.jp/1095416919暗号化されていない、httpのページから、 SSL通信のhttpsへPOSTする場合、 セッション確立前なので、 暗号化されていないと思っていたので、 私がログインページなどを作る.. - 人力検索はてな サーバ…

タッチイベントに対応しているかどうか

property in object if ("ontouchstart" in window) { //処理 }

タッチ位置の取得:pageX,pageY

タッチイベントの際のタッチ位置の取得 event.typeが touchstart touchmove の時は event.touches[0] event.touches[0].pageY; touchend の時は event.changedTouches event.changedTouches[0].pageY;

スクリプト部分をphpで

phpでこういう書き方もできる

PHPでのhtml5タグでエラー回避

回避策 $dom = new DOMDocument; libxml_use_internal_errors(true); $dom->loadHTML('...'); libxml_clear_errors();

PHPでhtmlを読み込んで書き出す

php $this->DIR = dirname( __FILE__ ); $this->container = new DOMDocument(); $contaienrFile = file_get_contents($this->DIR."/container.html"); $this->container->loadHTML($contaienrFile); echo $this->container->saveHTML();

CSSのアニメーション部分だけ、先に書く:androidブラウザでのリロード時にtickerが表示されないことがある対策

ticker処理のアニメーション部分のCSS initial.css /* * ticker処理(InquiryAssyで採用) * 他のcssよりも先読みさせておきます。 */ @-webkit-keyframes ticker{ from { -webkit-transform: translate(0); } to { -webkit-transform: translate(-110%); } } …

画面の再描画::Ajaxでの画面遷移後にコンテンツが表示されない:回避策

こうしました。 スタイルを変更するメソッドを用意。 /* * 再描画 * androidブラウザでページ遷移後に表示されないまま、という場合が発生します。 * 再描画の起こる条件の一つに、「CSSが書き換わる」というのがありますので、それを利用します。 */ refles…

タッチイベント対応可否

if ("ontouchstart" in window)

implement.createHTMLDocument("")で生成したcontainerでgetElementByIdが出来ないワケ

異なるcontainer(document)ではユニークなidを捜査する方法がないため、実装されていないようですね。 If you use getElementById to with document like - document.getElementById then it always works.But however, if we perform the same on an elemen…

document.documentElementのinnerHTMLにセットすると

こういうように、サイトコンテンツがそのまま入れ替わって表示できる。documentElement*1 js var ParseDocument=function(str){ this.str = str; this.elements = document.documentElement; this.constructor(); }; ParseDocument.prototype={ constructor:…

try catch で e.stackを表示させるといい : line noも出る

eだけではなくe.stackをalertさせるべき。 Error: Failed to execute 'appendChild' on 'Node': The new child element is null. at XMLHttpRequest. (http://html5efo.efolab.com/contents/test/004/parseDocument.js:66:35) という情報が出る。 try{ //処…

DOMに直す(これでもいけるんじゃ?)

/** * 新しいdocumentElementにtextを代入してdocumentを作成します。 * ownerDocumentが同一なのでappendできます。 */ var parseDocument = function(str) { var element = document.createElement('documentElement'); // var container = document.creat…

文字列からの<img src="" />の抽出

var imgTexts = text.match(/<img\s+.+>/);</img\s+.+>

img要素のフェードイン処理の関数

関数 /** * 読み込むimg要素をフェードイン処理するためのメソッドです。。 * opa : 透明度 0は透明 * opacnt : 透明度の増減の間隔 * timer :setTimeout関数の実行間隔 ミリ秒 */ var opa = 0, opacnt = 20, timer = 100; var fadeIn = function(img, opa) …

xhrの基本的な書き方(get)

var xhrfunc = function(url) { var xhr = new XMLHttpRequest(); xhr.open('GET', url, true); //非同期 xhr.addEventListener('readystatechange', function() { if(xhr.readyState===4){ //xhr.responseTextを使った処理 } }, false); xhr.send(); };