Perfecto, ya puedes marcar la pregunta como resuelta
Esta sección te permite ver todos los mensajes escritos por este usuario. Ten en cuenta que sólo puedes ver los mensajes escritos en zonas a las que tienes acceso en este momento.
Mostrar Mensajes Menú<script type="text/javascript">
$(function () {
alert('Estoy funcionando');
var map;
var marker;
// más código aquí dentro
});
</script>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="Text/HTML" charset="UTF-8" />
<meta name="keywords" content="google" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>My WebPage</title>
<meta name="author" content="" href="" />
<meta name="copyright" content="© mypage <?php echo date("Y") ?>" />
<link rel="shortcut icon" href="favicon.ico" />
<link rel="stylesheet" type="text/css" href="inicio.css" />
<link rel="stylesheet" type="text/css" href="chat.css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script type="text/javascript" src="ajax.js"></script>
<script type="text/javascript" src="enviar.js"></script>
</head>
<body>
<header>
<ul>
<li><a class="active" href="inicio.php">Inicio</a></li>
<li><a href="paginaad.php">Administracion</a></li>
<li><a href="comentarios.php">Reporta</a></li>
<ul>
<li><a href="#about">Sobre mi</a></li>
<li><a href="salir.php">Logout</a></li>
</ul>
</ul>
</header>
<main>
<div id="contenedor"><span id="final"></span></div>
<input type="text" id="mensaje" name="mensaje" />
<a id="boton" href="#">Enviar</a>
</main>
<footer>
</footer>
</body>
</html>
/* inicio.css */
body {
background-image: url(fondos/fondo-inicio.jpg);
}
ul ul {
float:right;
list-style-type:none;
}
/* chat.css */
#contenedor {
width: 500px;
height: 200px;
border: 1px solid black;
overflow: scroll;
}
p {
color: #320EF8;
font-size: 120%;
margin: 20px 15px;
}
#final {
width: 100%;
height: 1%;
}
<?php
session_start();
require('connect_db2.php');
$op = (int) $_GET['op'];
if ($op === 1) {
$nombre = $_SESSION['usuario'];
$mensaje = $_POST['mensaje'];
mysqli_query($link, "INSERT INTO chat (nombre, mensaje) VALUES('$nombre', '$mensaje')");
mysqli_close($link);
} else if ($op === 2) {
header('Content-Type: Text/HTML; Charset=UTF-8');
$color = '#320EF8';
$result = mysqli_query($link, 'SELECT * FROM chat');
while ($fila = mysqli_fetch_array($result)) {
if ( NULL !== $resultados ) {
echo '<p>', $resultados['nombre'], ': </p>', $resultados['mensaje'], '<br />';
}
}
mysqli_free_result($result);
mysqli_close($link);
}
?>
$(function () {
function myFunction() {
var mensaje = $('#mensaje').val(),
ajax = $.post('mensaje.php?op=1', { mensaje: mensaje } );
ajax.done(function() {
var content = $.get('mensaje.php?op=2');
$('#final').before( content );
$('#mensaje').val('');
$('#contenedor').animate({scrollTop: $( $( '#final' ) ).offset().top}, 1000);
});
}
$('#boton').on('click', myFunction);
$('#mensaje').keydown(function (e) {
if (e.which === 13) {
myFunction();
}
});
});
$(function () {
// code here
});
$(function () {
function myFunction() {
var mensaje = $('#mensaje').val(),
ajax = $.post('mensaje.php?op=1', { mensaje: mensaje } );
ajax.done(function() {
var content = $.get('mensaje.php?op=2');
$('#contenedor').empty().append( content );
$('#mensaje').val('');
$('div').animate({scrollTop: $( $( '#final' ) ).offset().top}, 1000);
});
}
$('#boton').on('click', myFunction());
$('#mensaje').keydown(function (event) {
if (event.which==13 || event.keycode==13) {
myFunction();
}
});
});