0

jQuery AJAXでそれを行うことは可能ですか

左または右に中央揃えのこのdivがあります

コード

<div class="dropdown" id="dropdown_one">
  <h3>Position of logo on the document</h3>
        <input type="hidden" name="c" value="cprof" />
        <input type="hidden" name="user_code" value="<?=$_GET['ucom'];?>" />
        <input type="hidden" name="com_code" value="<?=$_GET['ccom'];?>" />
        <?
        $get_position = SET_SQL( "SELECT * FROM jon_com_add WHERE user_code = '".$_GET['ucom']."' " );
        ?>
        <input type="hidden" name="position_id" value="<?=$get_position['a_id'];?>" />
        <input type="hidden" name="position_change" value="chg" />
        <label>Logo Position : </label>
          <p>
            <input name="logo_position" type="radio" value="left">
            Left

            <input name="logo_position" type="radio" value="center">
            Center

            <input name="logo_position" type="radio" value="right">
            Right
          </p>
        <label>Logo Width</label>
        <input type="text" name="logo_width" value="632 x 128">
        <p>Format logo: <span id="logo_size">632 × 128</span></p>                  
</div><!-- .dropdown_menu -->

<div class="company_name" align="<?=$set_position['add_position'];?>">
    <strong><?=$set['com_name'];?></strong><br />
    <?=$set['address'];?>
</div>

データベースに接続されていました。

今私のjQuery

$(function(){
    $('input[name=logo_position]').click(function(e) {
        $('<img src="images/ajaxLoader.gif" id="loading" style="width:auto;" />').appendTo(".company_name");
        //Cancel the link behavior
        e.preventDefault();
        //Get the A tag
        var uc = $( 'input[name=usercode]' ).val();
        var cc = $( 'input[name=com_code]' ).val();
        var l_p = $( 'input[name=logo_position]' ).val();
        var aid = $( 'input[name=position_id]' ).val();
        var p_chg = $( 'input[name=position_change]' ).val();

        alert(aid);
        $.ajax({
            type:"GET",
            url:"forms/tem.php",
            data: {ucode: uc, ccode: cc, logo_p: l_p, a_id: aid, chg: p_chg},
            dataType: 'html',
            target: '.company_name',
            success: function(data){
                $(".company_name").find('img#loading').remove();
                $(".company_name").html(data);
            }
        })
    }); 

});

ここでやろうとしているのは、logo_position のラジオ ボタンをクリックするdiv class="company_name" align="left"と変更されるということです。たとえば、中央をクリックすると、中央にあるはずです。

私のjQuery Ajaxは間違っていますか? データベースには保存されません。保存するのは最初のラジオ ボタンだけです。しかし、中央をクリックすると、ajax はちょうど左に表示されます。

ライブビューをやっていたようなもの。したがって、何かを変更すると、クリックするだけでフォントやその他の位置も変更されます...

これはjqueryで可能ですか？

4

1 に答える 1

2

ラジオボタンのonclickに基づくdivの配置のためにこれを試してください：

$('input[name=logo_position]').click(function(e) {

//code for changing align of div for respective button click
$('.company_name').attr("align",$(this).val());

});

デモ

于 2012-11-29T10:07:30.467 に答える