//イベントを登録できない
$(id).addEvent('webkitTransitionEnd', function(){
//-webtkit-transition終了時のイベント
});
//対処法addEventListnerで登録する
$(id).addEventListner('webkitTransitionEnd', function(){
//-webtkit-transition終了時のイベント
});
うーん、なんでだろう。
$this->loadModel(モデル名);
class UnkoController extends AppController{
//↓$scaffoldを記述
public $scaffold;
}
テスト用に自動で基本的な機能を使えるようにする機能であって、実際の運用には使わないほうがいいよって言われてます。//モデルクラスに$orderという変数を作成する。値はSQLのORDER文 public $order = 'ModelName.created ASC';
//Form->end()の引数に文字列を渡すとその文字列がvalueになったsubmitボタンが自動で作られる
$this->Form->end('submit');
//アニメーション開始時
//delayを指定していた場合は、遅れて開始するタイミングで発生するらしい
elem.addEventListener('webkitAnimationStart', function(){
//開始時の処理
});
//jQueryなら
$(elem).bind('webkitAnimationStart', function(){
//開始時の処理
});
//終了時
elem.addEventListener('webkitAnimationEnd', function(){
//終了時の処理
});
//ループ時。animation-iteration-countが1より大きい時に発生する
elem.addEventListener('webkitAnimationIteration', function(){
//ループ時の処理
});
今回はiPad向けだったので、webkitのみを対象にしたけど、FireFoxだとanimationstart, animationendとプレフィックスなしの全部小文字になるらしいので注意。
//クォーテーションで囲って{}波カッコを使う
{$var->getItem("{$id}")}
//文字列と連結しつつ渡すこともできる
{$obj->getItem(id_"{$id}")}
//↓こんなのは面倒なので… elem.style.WebkitTransaction = 'all 100ms linear'; elem.style.MozTransaction = 'all 100ms linear'; elem.style.OTransaction = 'all 100ms linear'; //自動でプレフィックスを取得する var vendor = (/webkit/i).test(navigator.appVersion) ? 'webkit' : (/firefox/i).test(navigator.userAgent) ? 'Moz' : 'opera' in window ? 'O' : ''; //↓こういうふうに使う elem.style[vendor + 'Transaction'] = 'all 100ms linear';
$prefixes: -webkit- -moz- -ms- -o- '';
@mixin vendorCss($key, $val){
@each $prefix in $prefixes{
#{$prefix}#{$key}: $val;
}
}
div {
@include vendorCss(transition, all 200ms ease-in-out);
}
↓こうなる
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
var times = {};
function consoleTime(name){
//指定がなかったらstart
var d = new Date();
if(typeof times[name] === 'undefined'){
//スタート時のタイムスタンプを保存
times[name] = d.getTime();
return;
}else{
console.log(d.getTime() - times[name] + 'ms');
}
}
consoleTime('timeCheck');
//何か処理して
consoleTime('timeCheck');
//***ms
Androidでは試してないけど、console.logのとこをalertに変えれば表示されるんじゃなかろうか。
//jQueryを読み込んだ後に最初に呼ぶ関数
function start(){
//jQuery読み込み後の処理
}
//ローカルストレージからjQueryを読み込む
var jQ = window.localStorage.getItem('jQuery');
if(jQ === null){
//ローカルストレージにない場合
//jQueryファイルを読み込む
loadJQuery();
}else{
//ローカルストレージにある場合
try{
//ローカルストレージに保存してある文字列をJavaScriptとして処理
eval(jQ);
if(typeof jQuery === 'undefined'){
//ローカルストレージのjQueryがうまく動かなかった場合は読み込み直し
throw new Exception();
}
start();
}catch (e){
//evalでエラーが出た場合は読み込み直し
loadJQuery();
}
}
//jQueryを読み込んでstart関数を呼ぶ
function loadJQuery(){
var xmlhttp = new XMLHttpRequest();
xmlhttp.open("GET", 'jQueryファイルへのパス', true);
xmlhttp.onreadystatechange = function(){
if(xmlhttp.readyState === 4 && xmlhttp.status === 200){
//読み込み成功時
var str = xmlhttp.responseText;
//文字列として読み込んでローカルストレージに保存
window.localStorage.setItem('jQuery', str);
//JavaScriptとして処理
eval(str);
start();
}else if(xmlhttp.readyState === 4 && xmlhttp.status !== 200){
//読み込み失敗時
}
};
xmlhttp.setRequestHeader("X-Requested-With", "XMLHttpRequest");
xmlhttp.send();
}