2017-07-13 7 views
0

かわいい質問です。私はそれが(私が入れて試してみました、私のAJAX機能に置く必要があるCSS内入力 - Jquery

background-image: url('<?php foreach($users as $user) { echo $user[12]; } ?>'); background-repeat: no-repeat; background-size: 50px 100%; padding-left: 60px; 

:私は私の入力内のCSSを配置する必要があり

[名= profile_pic]

私は入力する必要CSSがありますそれ)ではなく、あなたが答えを投稿するとき場合は/自分のバージョンを削除して置く:

<script> 
    function fetchmyAccountBoxes() { 
     $.ajax({ 
      url: "includes/form_submit.php", 
      context: document.body, 
      type: 'POST', 
      data: { 
       myAccount_get: true 
      }, 
      success: function(value) { 
       var data = JSON.parse(value); 
       $('input[name=username]').val(data['username']); 
       $('input[name=email]').val(data['email']); 

       $('input[name=profile_pic]').val(data['profile_pic']); 

       $('input[name=profile_pic]').css('background-image','url("'data['profile_pic']'")'); 
       $('input[name=profile_pic]').css('background-repeat','no-repeat'); 
       $('input[name=profile_pic]').css('background-size','50px'); 
       $('input[name=profile_pic]').css('padding-left','60px'); 

       $('input[name=user_level]').val(data['user_level']); 
       $('input[name=registered_time]').val(data['registered_time']); 
      }, 
      complete: function() { 
       setTimeout(fetchmyAccountBoxes, 5000); 
      } 
     }); 
    } 

    $(document).ready(function() { 
     setInterval(fetchmyAccountBoxes, 5000); 
    }); 
</script> 
+0

回答ありがとうございます。 – hallleron

+0

あなたはあなたがしたいことを言いました....それを達成しようとしている上記のコードであなたが持つ問題はありません。 [ask] – charlietfl

+0

注: '' url( "'data' 'profile_pic' '' ')')'が見つかりませんでした** '+' ** ..... ''url("' + data ['profile_pic'] + '")')'。そのような問題を見つけるのを助けるためにブラウザのコンソールにエラーが表示されるはずです – charlietfl

答えて

0

私は$('input[name=profile_pic]').css('background-image', 'url("' + data['profile_pic'] + '")');

を使用するために必要な

全体の固定コード:

<script> 
    function fetchmyAccountBoxes() { 
     $.ajax({ 
      url: "includes/form_submit.php", 
      context: document.body, 
      type: 'POST', 
      data: { 
       myAccount_get: true 
      }, 
      success: function(value) { 
       var data = JSON.parse(value); 
       $('input[name=username]').val(data['username']); 
       $('input[name=email]').val(data['email']); 
       $('input[name=profile_pic]').val(data['profile_pic']); 
       $('input[name=profile_pic]').css('background-image', 'url("' + data['profile_pic'] + '")'); 
       $('input[name=profile_pic]').css('background-repeat','no-repeat'); 
       $('input[name=profile_pic]').css('background-size','50px'); 
       $('input[name=profile_pic]').css('padding-left','60px'); 
       $('input[name=user_level]').val(data['user_level']); 
       $('input[name=registered_time]').val(data['registered_time']); 
      }, 
      complete: function() { 
       setTimeout(fetchmyAccountBoxes, 5000); 
      } 
     }); 
    } 

    $(document).ready(function() { 
     setInterval(fetchmyAccountBoxes, 5000); 
    }); 
</script> 
関連する問題