1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68
|
<p class="general_title">Messagerie</p>
<!-- load jQuery 1.3.2 -->
<script type="text/javascript" src="/../libraries/JQuery/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
var jQuery3 = $.noConflict(true);//Remplacer le $ de JQuery par JQuery3
function blockRequest( formId, destId, phpDest) // AJAX block request
{
console.log( '-f-blockRequest -- formId, destId ', formId, destId );
document.getElementById(destId).innerHTML = '<img src="/media/images/wait.gif" alt=""/>'; // Affichage du wait.gif en attendant la suite
var
forme = jQuery_Genius("#"+formId)[0], // document.getElementById(formId);
formData = new FormData(forme),
xhr = new XMLHttpRequest()
;
alert(jQuery_Genius("#"+formId)[0]);
xhr.open('POST', phpDest,true);
xhr.onreadystatechange = function()
{ // On gère ici une requête asynchrone
if (xhr.readyState === XMLHttpRequest.DONE)
if (xhr.status === 200)
{ // Si le fichier est chargé sans erreur
console.log( '-f-readyState OK-- formId, destId ', formId, destId );
document.getElementById(destId).innerHTML = ""; //xhr.responseText; // Et on affiche !
document.getElementById(destId).insertAdjacentHTML('afterbegin',xhr.responseText);
}
else
{ // En cas d'erreur !
alert('Une erreur est survenue !\n\nCode :' + xhr.status + '\n' + xhr.statusText);
}
}
}
xhr.send(formData);
}
</script>
<!-- PARTIE STATIQUE - LE FORMULAIRE CI DESSOUS EST PARFAITEMENT REPERABLE A PARTIR DE SON ID-->
<div class="block">
<div>Messagerie</div>
<form id="BlockMessagerie213969301-dform" style="display: none;">
<input type="text" name="contexte" value="1">
<input type="text" name="blockId" value="BlockMessagerie213969301">
</form>
<!-- PARTIE AJOUTEE DYNAMIQUEMENT - LE FORMULAIRE CI DESSOUS EST INTROUVABLE PAR SON ID ! -->
<div id="BlockMessagerie213969301-content">
<form id="BlockMessagerie213969301FormNextPage" style="display: none;">
<input type="text" name="blockId" value="BlockMessagerie213969301">
<input type="text" name="page" id="BlockMessagerie213969301page" value="0">
</form>
<span onclick="blockRequest('BlockMessagerie213969301FormNextPage','BlockMessagerie213969301-content','Messagerie.php');"">
Page suivante >
</span>
</div>
</div> |
Partager