// JavaScript Document

Ext.onReady(function winmsg(){
    
    var button2 = Ext.get('btn_1');

    button2.on('click', function(){
        // create the window on the first click and reuse on subsequent clicks
      //var name = $('name').value+$('object').value;
	   var email = $('email').value;
	   var object = $('name').value+' : '+$('object').value;
	   var text = $('text').value;// $ est une des méthode utile de prototype (elle signifie document.getElementById)
	//$('reponse').innerHTML = '';
	// On va instancier un objet de type Ajax.Request
	new Ajax.Request(
		'email.php',
		{
			asynchronous:true,
			method: 'get',
			onCreate: function(){
			$('msg').innerHTML = '<div class="load">Operation in process... waite please!</div>';
		},
		  onLoad: function (xhr)
            { 
			$('msg').innerHTML = '<div class="load">Operation in process... waite please!</div>';},
			onSuccess: function(){ // On a un retour du server (la requete a réussi)
				
					new Ajax.Updater($('msg'),'email.php?email='+email+'&object='+object+'&text='+text,
  					{
 				 		method: 'get'

 					 }
  					);
	
					
					
					// innerHTML sert a écrire dans un element HTML, ici si la réponse est ok, on écrit : pseudo valide
				
			},
			onFailure: function(){
				
				$('msg').innerHTML ='<div id=\"failled\">Operation Failled ! Please Try after</div>'; // On affiche une alerte si la requete a échoué
			},
			onComplete: function(){
				
			}
			
		});
		
    });
});