AJAXのヘルプPHPを使用して要素を隠す

Question

これは私の初めてのAJAXです。私はちょっと混乱しており、あなたの助けが必要です。私は4つのdiv idを持っていて、データベースからの結果に基づいてそれらの間にhide/showを切り替えたいと思っています。 シンプルな音、ええ！しかし、私のために実装することは難しいです。助けて！。

これは私のコードです -

<div id="1">HEya</div> 
<div id="2">What's up?</div> 
<input type="submit" id='approve' name="action" value="Approve" onclick="a()" class="approve" /> 
<input type="submit" id='reject' value="Reject" name="action" onclick="r()" class="reject"/> 

<script language="javascript" type="text/javascript"> 
//if cookie exists, at the beginning the form should be hidden 


if (<?php $responseanswer['response']=='approve'; ?>){ 

document.getElementById('1').style.display = 'none'; 
document.getElementById('2').style.display = 'inline'; 

} 

//if user clicks reject, hide one element dislay another 

else if (<?php $responseanswer['response']=='reject'; ?>){ 
//if cookie exists 
document.getElementById('2').style.display = 'none'; 
document.getElementById('1').style.display = 'block'; 

} 

else 
{ 


function a() 
{ 
var a = document.getElementById('2'); 

document.getElementById('1').style.display= 'block'; 


} 

//on reject creating a new cookie 

function r() 
{ 
var a = document.getElementById('reject'); 
document.getElementById('1').style.display = 'none'; 
document.getElementById('2').style.display= 'block'; 


} 

} 

</script> 

Eveythingは大丈夫ですが、divが隠れていません。

Answer 1

if (<?php echo ($responseanswer['response']=='approve') ? true:false; ?> == 1){ 

document.getElementById('hide').style.display = 'none'; 
document.getElementById('onapprove').style.display = 'inline'; 

} 

//if user clicks reject, hide one element dislay another 

else if (<?php echo ($responseanswer['response']=='reject')? true:false; ?> == 1){ 
//if cookie exists 
document.getElementById('hide').style.display = 'none'; 
document.getElementById('onreject').style.display = 'block'; 

} 

編集：あなたはjsのスクリプトが0または1（偽または真） if() { some code } else if() { some code } しかし、このラインのよう<?php echo ($responseanswer['response']=='reject')? true:false; ?>エコーを見ていきますよので

このライン<?php $responseanswer['response']=='approve'; ?>は、ブラウザに何をエコーし​​ません条件($responseanswer['response']=='reject')に基づいて、あなたはjsコードはif(1 == 1) { some code } else if (0 == 1) { some code }のように見えるので、今あなたはあなたがjsでテストするいくつかの条件がありますか？

第二編集：aproveまたは拒否し、確認するために、配列の値を変更する（diferencesをこのコードを使用し、それをテスト

<?php $responseanswer = array('response' => 'aprove'); ?> 
<div id="1">HEya</div> 
<div id="2">What's up?</div> 
<br /> 
<input type="submit" id='approve' name="action" value="Approve" onclick="a();" class="approve" /> 
<input type="submit" id='reject' value="Reject" name="action" onclick="r();" class="reject"/> 

<script language="javascript" type="text/javascript"> 
//if cookie exists, at the beginning the form should be hidden 


if (<?php echo ($responseanswer['response']=='aprove')? 1:0; ?> == 1) 
{ 
    document.getElementById('1').style.display = 'none'; 
    document.getElementById('2').style.display = 'inline'; 

} else if (<?php echo ($responseanswer['response']=='reject')? 1:0; ?> == 1){ 

    document.getElementById('2').style.display = 'none'; 
    document.getElementById('1').style.display = 'block'; 

} else { 
    function a() 
    { 
     var a = document.getElementById('2'); 
     document.getElementById('1').style.display= 'block'; 
     document.getElementById('2').style.display = 'none'; 
    } 
    function r() 
    { 
     var a = document.getElementById('reject'); 
     document.getElementById('1').style.display = 'none'; 
     document.getElementById('2').style.display= 'block'; 
    } 
} 

</script>