忍者ブログ

名もないSEの備忘録

仕事や気になったことをわすれないように。。。。。


[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。


[Top]

にほんブログ村 IT技術ブログ IT技術メモへ
【意外と知らないIT用語】ドメインって何? お名前.com

CakePHP - Jquery - radioボタンでフィールド表示・非表示

メモ

            $("#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>

PR


[Top]

にほんブログ村 IT技術ブログ IT技術メモへ
【意外と知らないIT用語】ドメインって何? お名前.com

CakePHP - jquery - ラジオボタン 認識されない

これは、はまったー。

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

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]

にほんブログ村 IT技術ブログ IT技術メモへ
【意外と知らないIT用語】ドメインって何? お名前.com

CakePHP- jquery - 画像をサムネイル表示

メモ
--

「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]

にほんブログ村 IT技術ブログ IT技術メモへ
【意外と知らないIT用語】ドメインって何? お名前.com

CakePHP - jstree - 選択されたノード(node)の値取得

メモ

<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]

にほんブログ村 IT技術ブログ IT技術メモへ
【意外と知らないIT用語】ドメインって何? お名前.com

CakePHP - jquery - 一つ前の画面に戻る

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]

にほんブログ村 IT技術ブログ IT技術メモへ
【意外と知らないIT用語】ドメインって何? お名前.com




ランキングに参加しています。
にほんブログ村 IT技術ブログへ にほんブログ村 IT技術ブログ IT技術メモへ にほんブログ村 サラリーマン日記ブログ 30代サラリーマンへ にほんブログ村 サラリーマン日記ブログへ

Copyright © 名もないSEの備忘録 : All rights reserved

TemplateDesign by KARMA7

忍者ブログ [PR]

管理人限定

Google Adsense




NTTナレッジ・スクウェア株式会社

にほんブログ村 IT技術ブログ

にほんブログ村 IT技術ブログ IT技術メモへにほんブログ村 IT技術ブログ 開発言語へ

ブログランキング

カレンダー

10 2017/11 12
S M T W T F S
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30

コメント

[03/02 まちこ]
[06/03 Smithd276]
[04/26 Pharmd247]
[04/25 Pharmk369]
[04/23 Smitha583]

ブログ内検索

ネットショッピング&じゃらん

忍者カウンター