更改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); 
      } 
     }) 
    }); 

});

什麼即時試圖在這裏做的是，當我點擊div class="company_name" align="left" logo_position 的單選按鈕將發生變化。例如我點擊中心它應該在中心。

是我的jQuery Ajax錯？它不會保存在數據庫上，只有它保存了第一個單選按鈕。但是當我點擊中心時，ajax只會被讀取。

就像我在做一個實時視圖。所以，當我改變的東西，它也將改變位置的字體和其他東西，當我只是點擊...

這是可能做的jQuery？

來源

2012-11-29 Butternut

我認爲你需要解釋自己這裏好一點。對我來說，它只是看起來像加載你的ajax調用返回的內容到公司。公司名稱 – David

我認爲'$（'input [name = logo_position]'）。val（）;'應該是'$（'input [name = logo_position]：checked'）。val（）;'但是這並不能解決你的問題，因爲你的代碼只能顯示類'company_name'的div中的'tem.php'的輸出，並且不會對任何對齊 – asprin

'$ set_position'從哪裏來？ – asprin

嘗試一下本作單選按鈕的div的onclick基礎對齊：

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

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

});

DEMO

來源

2012-11-29 10:07:30

Demo @ [JSFIDDLE]（http://jsfiddle.net/Nb3tp/4/） – asprin

@asprin：謝謝.... :) –

非常感謝... – Butternut

更改DIV左對齊或右或中心

回答

相關問題