名もないSEの備忘録

[Top]

メモ

            $("#XXX").show();　→　表示
            $("#XXX").hide();　→　非表示

jquery
*********
<script type="text/javascript">

$(function(){


    //radioボタンチェンジ
    $("input[name='data[Menu][item]']:radio" ).change(function() {
        displayVals();
    });
    $(window).load(function () { displayVals();});

    function displayVals() {
        //var checkNum =  $( this ).val();
        var checkNum = $("input[name='data[Menu][item]']:checked" ).val()
        if (checkNum == 0)  {
            //選択
            $("#select").show();
            $("#num").hide();
        } else if (checkNum == 1) {
            //数値
            $("#select").hide();
            $("#num").show();

        }

    }
});

</script>
----------------------------------------------------

radio
**********

<label>選択</label>
<div class="controls">
    <?php echo $this->BootstrapForm->input('menu.num_select_flag',array('type' => 'radio', 'label' => false, 'options' => array( '0'=>'選択 ', '1'=>'数値 '), 'legend' => false, 'value' => $input_type)); ?>
</div>
                           
<div id = "select">
    <div id = "select_list" class="control-group">
        <label>メニューリスト</label>
        <div class="controls">
            <?php echo $form->input('menu.select_list', array('type' => 'text', 'label' => false, 'value' => $menu_list)); ?>
        </div>
    </div>
</div>

<div id = "num">
    <div id ="price" class="control-group">
        <label>価格</label>
            <div class="controls">
                <?php echo $form->input('menu.price', array('type' => 'text', 'label' => false, 'value' => $price)); ?>
            </div>
        </div>
</div>

[Top]

これは、はまったー。

とりあえず、わすれないようにメモ。

CakePHPの場合、nameに[data][Menu][itme]という形式で表示されます。
　シングルクォートで囲まないと認識されない。

＜script type="text/javascript">
$(function(){
$("input[name='data[Menu][itme]']:radio" ).change(function() {
　　　　alert( $( this ).val()); // valueを表示
});
});


　＜input name="data[Menu][itme]" type="radio" />
　

[Top]

メモ
--

「MyThumbnail」は画像を指定したサイズにサムネイルすることが可能です。

MyThumbnail：　http://www.kfsoft.info/MyThumbnail/

　　DOWNLOADでjquery.MyThumbnail.jsをダウンロードし、Webroot/jsに保存。
　　　　
//MyThumbnailの読み込み
＜script type="text/javascript" src="/js/jquery.MyThumbnail.js"＞＜/script＞
＜script＞
$(document).ready(function(){
$(".thumbnails img").MyThumbnail({
thumbWidth:100,　//サイズの指定
thumbHeight:100　//サイズの指定
});

});
＜/script＞


＜div class="thumbnails"＞
＜?php $imagePath ="/images/contents/{$image['Image']['id']}/{$fileinfo['basename']}"; ?＞
＜?php e($html->image($imagePath));?＞
＜/div＞

MyThumbnailのLicenseについて

MIT license

[Top]

メモ

＜script type="text/javascript"＞
$(function () {

$("#testTree")
.jstree({
"plugins" : [ "themes", "html_data", "ui" ],
"themes" : {"theme" : "apple", "dots" : true, "icons" : true },
})
//選択された値を取得
.bind("select_node.jstree", function (event, data) {

var href = data.rslt.obj.children("a").attr("href");
$("#contents").load(href);

document.location.href = href;


})
});
＜/script＞

[Top]

historyオブジェクトのbackメソッドは、ブラウザで表示した履歴の一つ前のページへ戻ります。


#cancelは、id。
--
＜script type="text/javascript"＞
$(function () {
$("#cancel").click(function(){
history.back();
});
});
＜/script＞

＜input class="btn" id="cancel" name="cancel" type="button" value=" キャンセル " /＞

[Top]