par
Jijijo34 » 01 avr. 2014, 10:33
Bonjour,
j'ai fais une petite fonction javascript qui après l'affichage d'un tableau en php me permet que si une valeur est égale à 0 dans mon exemple alors si je clique dessus la balise <p>"Valeur"</p> devient un input et me permet de la changer.
Cependant j'aimerai également que la valeur changé ne soit pas que affiché sur la page mais qu'elle soit également dans mon tableau, je me doute que ceci doit se faire en AJAX mais je ne sais pas du tout de quelle manière, j'aimerai alors si possible avoir quelques explication.
Voici mon code de test :
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script> [html]
<script>
// dès qu'on lance la page
$(document).ready(function (){
// quand on clique sur cavapas
$(".cavapas").click(function(){
//on change le td en input
$(this).parent().html('<input class="input" value="' + $(this).html() + '">');
// quand on a rentré la nouvelle valeur et cliqué ailleur
$(".input").blur(function(){
// on remet le nouveau td a la place du input
$(this).parent().html('<td class="cava">' + $(this).val() + '</td>');
});
});
})
</script>
</head>
<body>
<?php
$tableau = array(0,1,0,1,0,1,0,1,1,0,0,1,0,1,0,0,0);
echo '<table>';
foreach ($tableau as $tab):
echo '<tr class="content">';
if ( $tab==1 ){
echo '<td class="cava">'.$tab.'</td>';
}
else{
echo '<td class="cavapas">'.$tab.'</td>';
echo '<input class="newValue" value="'.$tab.'" style="display:none">';
}
echo '</tr>';
endforeach;
echo '</table>';
?>
</body>
</html>
Bonjour,
j'ai fais une petite fonction javascript qui après l'affichage d'un tableau en php me permet que si une valeur est égale à 0 dans mon exemple alors si je clique dessus la balise <p>"Valeur"</p> devient un input et me permet de la changer.
Cependant j'aimerai également que la valeur changé ne soit pas que affiché sur la page mais qu'elle soit également dans mon tableau, je me doute que ceci doit se faire en AJAX mais je ne sais pas du tout de quelle manière, j'aimerai alors si possible avoir quelques explication.
Voici mon code de test :
[html]<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script> [html]
<script>
// dès qu'on lance la page
$(document).ready(function (){
// quand on clique sur cavapas
$(".cavapas").click(function(){
//on change le td en input
$(this).parent().html('<input class="input" value="' + $(this).html() + '">');
// quand on a rentré la nouvelle valeur et cliqué ailleur
$(".input").blur(function(){
// on remet le nouveau td a la place du input
$(this).parent().html('<td class="cava">' + $(this).val() + '</td>');
});
});
})
</script>
</head>
<body>
<?php
$tableau = array(0,1,0,1,0,1,0,1,1,0,0,1,0,1,0,0,0);
echo '<table>';
foreach ($tableau as $tab):
echo '<tr class="content">';
if ( $tab==1 ){
echo '<td class="cava">'.$tab.'</td>';
}
else{
echo '<td class="cavapas">'.$tab.'</td>';
echo '<input class="newValue" value="'.$tab.'" style="display:none">';
}
echo '</tr>';
endforeach;
echo '</table>';
?>
</body>
</html>[/html]
