mon chat est ok, mais après test j'ai un truc tout bête mais chiant, cliquer sur la souris à chaque envois du contenu du textarea message...donc l'envois via la touche entrée s'impose
J'ai fouillé le net, mais tout ce que j'ai trouvé ne marche pas, car mon chat est en ajax j'ai pas de balise <form>, action submit se fait avec le input type submit réceptionner par ajax $submit.... qui appel un fichier php pour faire le boulot
un peu de code pour voir tout ça =>
Code : Tout sélectionner
<div class="sous_page">
<?php
$users=$_GET['users'];
$users2=$_GET['users2'];
?>
<link rel="stylesheet" href="chat.css"/>
<table id="table_body">
<tr>
<td id="titre">chat</td>
</tr>
<tr >
<td style="height:500px">
<div id="chat_aff">
<?php echo $users." vous discutez avec ".$users2; ?>
</div>
</td>
</tr>
<tr >
<td id="form" valign="top">
<table id="form2">
<tr>
<td>
<input type="hidden" id="name" value="<?php echo $users; ?>" />
</td>
<td>
<textarea id="message" name="message" type="text" rows="2" cols="60" wrap="soft" ></textarea>
<script type="text/javascript">
//insertion des smiley dans le textarea
function insertTag(startTag, endTag, message, tagType) {
var field = document.getElementById(message);
var scroll = field.scrollTop;
field.focus();
if (window.ActiveXObject) { // C'est IE
var textRange = document.selection.createRange();
var currentSelection = textRange.text;
textRange.text = startTag + currentSelection + endTag;
textRange.moveStart("character", -endTag.length - currentSelection.length);
textRange.moveEnd("character", -endTag.length);
textRange.select();
} else { // Ce n'est pas IE
var startSelection = field.value.substring(0, field.selectionStart);
var currentSelection = field.value.substring(field.selectionStart, field.selectionEnd);
var endSelection = field.value.substring(field.selectionEnd);
field.value = startSelection + startTag + currentSelection + endTag + endSelection;
field.focus();
field.setSelectionRange(startSelection.length + startTag.length, startSelection.length + startTag.length + currentSelection.length);
}
field.scrollTop = scroll; // et on redéfinit le scroll.
}
</script>
<div class="emoticons">
<img onclick="insertTag('::smile::','','message');" alt="smile" border="0" src="smiley/smile.png" />
<img onclick="insertTag('::colere::','','message');" alt="colere" border="0" src="smiley/colere.png" />
<img onclick="insertTag('::surprise::','','message');" alt="surprise" border="0" src="smiley/surprise.png" />
<img onclick="insertTag('::lol::','','message');" alt="lol" border="0" src="smiley/lol.png" />
<img onclick="insertTag('::burn::','','message');" alt="burn" border="0" src="smiley/burn.png" />
<img onclick="insertTag('::confused::','','message');" alt="confused" border="0" src="smiley/confused.png" />
<img onclick="insertTag('::cool::','','message');" alt="cool" border="0" src="smiley/cool.png" />
<img onclick="insertTag('::cry::','','message');" alt="cry" border="0" src="smiley/cry.png" />
<img onclick="insertTag('::fire::','','message');" alt="fire" border="0" src="smiley/fire.png" />
<img onclick="insertTag('::grimace::','','message');" alt="grimace" border="0" src="smiley/grimace.png" />
<img onclick="insertTag('::love::','','message');" alt="love" border="0" src="smiley/love.png" />
<img onclick="insertTag('::miao::','','message');" alt="miao" border="0" src="smiley/miao.png" />
<img onclick="insertTag('::prettiness::','','message');" alt="prettiness" border="0" src="smiley/prettiness.png" />
<img onclick="insertTag('::question::','','message');" alt="question" border="0" src="smiley/question.png" />
<img onclick="insertTag('::slobber::','','message');" alt="slobber" border="0" src="smiley/slobber.png" />
<img onclick="insertTag('::spook::','','message');" alt="spook" border="0" src="smiley/spook.png" />
<img onclick="insertTag('::startle::','','message');" alt="startle" border="0" src="smiley/startle.png" />
<img onclick="insertTag('::sweat::','','message');" alt="sweat" border="0" src="smiley/sweat.png" />
<img onclick="insertTag('::thirst::','','message');" alt="thirst" border="0" src="smiley/thirst.png" />
<img onclick="insertTag('::vomit::','','message');" alt="vomit" border="0" src="smiley/vomit.png" />
</div>
</td>
<td class="bp_envoyer_message">
<input type="submit" id="submit" value="Envoyer" />
</td>
</tr>
</table>
</td>
</tr>
</table>
<script>
setInterval(function()
{
$("#chat_aff").load("chat_control.php",function(){});
},1000);
$("#submit").click(function()
{
var name = $("#name").val();
var message = $("#message").val();
$("#message").val("");
$.ajax({
async: false ,
type: 'GET',
url: 'chat_control.php?name='+name+'&message='+message
});
});
</script>
</div>