Passer une variable en Javascript

<input type="hidden" name="ma_variable" id="ma_variable" value="" />

document.getElementById('ma_variable').value="ok"

<html> 
<script type="text/javascript"> 
 function passer_valeur(valeur){ 
  document.getElementById('ok').value=valeur; 
    
 } 
</script> 
<body> 
<?php 
//init variables par defaut 
$ok=false; 
if(issset($_POST['envoyer')){ 
 //le formulaire a été posté  
 //recup valeur de ok 
 $ok=$_POST['ok']; 
} 
if($ok==false){ 
 ?> 
 <form name="form1" method="post" action=""> 
 <input type="hidden" name="ok" id="ok" value="" /> 
 Avez vous bu un café ce matin ? <br /> 
 <input type="button" name="bouton1" value="Oui" onclick="passer_valeur('oui');" /> 
 <input type="button" name="bouton2" value="Non" onclick="passer_valeur('non');" /> <br /><br />
 <input type="submit" name="envoyer" value="Envoyer" /> 
 </form> 
 <?php 
}else{ 
 if($ok=='oui') echo 'Vous avez bu votre café !'; 
 if($ok=='non') echo 'Vous n\'avez pas bu votre café !'; 
  

} 
?> 
</body> 

</html>

<!-- include jQuery library -->
<script type="text/javascript" src="js/jquery.js"></script>
<!-- include Cycle plugin -->
<script type="text/javascript" src="js/jquery.cycle.all.latest.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $('.slideshow').cycle({
		fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
	});
});
</script>

<script type="text/javascript">

var ns4=document.layers
var ie4=document.all
var ns6=document.getElementById&&!document.all

//drag drop function for NS 4////
/////////////////////////////////

var dragswitch=0
var nsx
var nsy
var nstemp

function drag_dropns(name){
if (!ns4)
return
temp=eval(name)
temp.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP)
temp.onmousedown=gons
temp.onmousemove=dragns
temp.onmouseup=stopns
}

function gons(e){
temp.captureEvents(Event.MOUSEMOVE)
nsx=e.x
nsy=e.y
}
function dragns(e){
if (dragswitch==1){
temp.moveBy(e.x-nsx,e.y-nsy)
return false
}
}

function stopns(){
temp.releaseEvents(Event.MOUSEMOVE)
}

//drag drop function for ie4+ and NS6////
/////////////////////////////////


function drag_drop(e){
if (ie4&&dragapproved){
crossobj.style.left=tempx+event.clientX-offsetx
crossobj.style.top=tempy+event.clientY-offsety
return false
}
else if (ns6&&dragapproved){
crossobj.style.left=tempx+e.clientX-offsetx+"px"
crossobj.style.top=tempy+e.clientY-offsety+"px"
return false
}
}

function initializedrag(e){
crossobj=ns6? document.getElementById("showimage") : document.all.showimage
var firedobj=ns6? e.target : event.srcElement
var topelement=ns6? "html" : document.compatMode && document.compatMode!="BackCompat"? "documentElement" : "body"
while (firedobj.tagName!=topelement.toUpperCase() && firedobj.id!="dragbar"){
firedobj=ns6? firedobj.parentNode : firedobj.parentElement
}

if (firedobj.id=="dragbar"){
offsetx=ie4? event.clientX : e.clientX
offsety=ie4? event.clientY : e.clientY

tempx=parseInt(crossobj.style.left)
tempy=parseInt(crossobj.style.top)

dragapproved=true
document.onmousemove=drag_drop
}
}
document.onmouseup=new Function("dragapproved=false")

////drag drop functions end here//////

function hidebox(){
crossobj=ns6? document.getElementById("showimage") : document.all.showimage
if (ie4||ns6)
crossobj.style.visibility="hidden"
else if (ns4)
document.showimage.visibility="hide"
}

</script>

<?php

while ($result_news = mysql_fetch_array($retour_news)){
	
$i = $result_news['ID_news'];
	
?>

<span style="margin:10px;">
<a href="javascript:void(0)" style="text-decoration:none; color:black;" onClick="javascript&#058; document.getElementById('showimage<?php echo $i; ?>').style.display='block';"><span style="font-size:16px;"><strong><?php echo html_entity_decode($result_news['titre']);?></strong></span> - <span style="font-size:12px;"><?php echo $result_news['date_fr'];?></span></a>
<hr />
</span>

<div id="showimage<?php echo $i; ?>" style="position:absolute; width: 12em; left:45%; margin-left: -220px; height: 8em; top: 50%; display:none; z-index:10;">

<table border="0" width="600" bgcolor="#D04502" cellspacing="0" cellpadding="2">
<tr>
<td width="100%"><table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td id="dragbar" style="cursor:hand; cursor:pointer" height="40" width="100%" onMousedown="initializedrag(event)"><ilayer width="100%" onSelectStart="return false"><layer width="100%" onMouseover="dragswitch=1;if (ns4) drag_dropns(showimage)" onMouseout="dragswitch=0"><font face="Verdana" color="#FFFFFF"><strong><small><span style="margin-left:10px; margin-right:10px;"><?php echo html_entity_decode($result_news['titre']);?></span></small></strong></font></layer></ilayer></td>
<td style="cursor:hand"><a href="javascript:void(0)" onClick="javascript&#058; document.getElementById('showimage<?php echo $i; ?>').style.display='none';"><img src="images/close.gif" width="16px" height="14px" border=0></a></td>
</tr>
<tr>
<td stwidth="100%" height="200" bgcolor="#FFFFFF" style="padding:4px" colspan="2">

<!-- PUT YOUR CONTENT BETWEEN HERE -->

<div style="margin-left:10px; margin-right:10px; text-align:justify;">

<span style="font-size:16px;"><strong><?php echo html_entity_decode($result_news['titre']);?></strong></span> - <span style="font-size:12px;"><?php echo $result_news['date_fr'];?></span></a>
<br /><br />

<?php echo html_entity_decode($result_news['texte']);?>

<!-- END YOUR CONTENT HERE -->
</div>

</td>
</tr>
</table>
</td>
</tr>
</table>

</div>

<?php
}
?>
</div>