c6a53 - <?php include 'datos.php'; ?> <html> <head> <title>lanatub

<?php
include 'datos.php';
?>
<html>
	<head>
		<title>lanatube aprendiendo ajax</title>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
		<script type="text/javascript">
			function insertar(comentario){
				$('#cargando_gif').css('display', 'block');
				$.ajax({
					type: 'POST',
					url: '/insertar.php',
					data: 'comentario=' + encodeURIComponent($('#comentario').val()),
					success: function(h){
						$('#cargando_gif').css('display', 'none');
                                          switch(h.charAt(0)){
                                       case 0: //Error
                                          $('#errorete').html(h.substring(3));
						$('#errorete').slideDown('slow');
					break;
				case 1: // ok
					       $('#comentadormuro').html(h);
						$('#comentadormuro').slideDown('slow');
						$('#comentario').css('color','#088A08');
						$('#comentario').val('agregado!');
					
					break;
			}

				},
				error: function(){
					$('#errorete').html('Error al intentar procesar lo solicitado');
					$("#errorete").slideDown('slow');
				}
			});
			}
                        
                        
                        
  
		</script>
	</head>
	<body>
        <form name="comentario">

		<div id="cargando_gif" style="display: none;">Cargando comentario..</div>
		<div id="errorete" style="display: none;"></div>
		<textarea cols="75" rows="7" style="width: 96%; height: 50px;" name="comentario" id="comentario"></textarea>
		<input value="comentar" onclick="insertar(); return false;" type="button">
	</body>
</html>