Comunidad PHPeros

Lenguajes => JavaScript => AJAX => Mensaje iniciado por: Guero en 04 de Junio de 2010, 21:10:53 pm

Título: Tutorial - Agregar AJAX al MC
Publicado por: Guero en 04 de Junio de 2010, 21:10:53 pm
Bien, primero tenemos que tener un codigo yo cojere el Xtag, de... (mmm...) no me acuerdo.
Pero bien no le quito creditos.

ESTE CODIGO LO PONEN EN UN ARCHIVO, EL ARCHIVO QUE LLEVA EL INDEX DEL CHAT, DIRECTAMENTE EL ARCHIVO RECARGA EL "TAG"
Código: [Seleccionar]
<html>
<head>
<title></title>
<style type="text/css">
<!--
body {
background-color: #F0F0F0;
}

.CampoTexto {
   font-size: 10px;
   font-family: verdana;
   border: 1px solid <? echo $bordecampo; ?>;
   background: <? echo $fondocampo; ?>;

}
.Texto {
   font-family: Verdana;
   font-size: 10px;
   font-style: normal;
   color: <?=$colortexto; ?>;
}

-->
</style>
<script type="text/javascript" src="ajax.js"> </script>
</head>
<body>
<div align="center" id="el archivo que cargara">
<br><br>
    <p><img src="img/cargando.gif"><br>
      <font style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px">actualizando mensajes</font></p>
</div>
</body>
</html>
SI ALGÓ ESTÁ MAL ES ASÍ COMO LO HAGO, CORREJIDME.
Aqui teneis el AJAX, para que lo pongais: http://rapidshare.com/files/413358266/ajax.js

¡Un cordial saludo, Guero!
Título: Re:Tutorial - Agregar AJAX al MC
Publicado por: SoyJoaquin. en 05 de Junio de 2010, 01:18:23 am
Es el de Hermalon modificado...
Se agradece de todas formas...

Gracias..
Saludos
Título: Re:Tutorial - Agregar AJAX al MC
Publicado por: chihue en 05 de Junio de 2010, 10:09:57 am
De esto ya habian temas hace tiempo

Bueno lo pongo a la lista de la recopilacion
Título: Re:Tutorial - Agregar AJAX al MC
Publicado por: SoyJoaquin. en 05 de Junio de 2010, 13:44:02 pm
De esto ya habian temas hace tiempo

Bueno lo pongo a la lista de la recopilacion

Habían temas pero...
Recuerdo post resientes buscando dicha aplicación...

Sera que así lo ven mejor? :)
Para el otro que venga a preguntar ya ni le respondo por que hay 5 temas creados sobre darle ajax al mc solamente en la sección "MC"

Sin decir los tutoriales ya publicados en "Ajax"
Saludos
Título: Re:Tutorial - Agregar AJAX al MC
Publicado por: x.mara.x en 23 de Julio de 2010, 14:08:47 pm
Bien, primero tenemos que tener un codigo yo cojere el Xtag, de... (mmm...) no me acuerdo.
Pero bien no le quito creditos.

ESTE CODIGO LO PONEN EN UN ARCHIVO, EL ARCHIVO QUE LLEVA EL INDEX DEL CHAT, DIRECTAMENTE EL ARCHIVO RECARGA EL "TAG"
Código: [Seleccionar]
<html>
<head>
<title></title>
<style type="text/css">
<!--
body {
background-color: #F0F0F0;
}

.CampoTexto {
   font-size: 10px;
   font-family: verdana;
   border: 1px solid <? echo $bordecampo; ?>;
   background: <? echo $fondocampo; ?>;

}
.Texto {
   font-family: Verdana;
   font-size: 10px;
   font-style: normal;
   color: <?=$colortexto; ?>;
}

-->
</style>
<script type="text/javascript" src="ajax.js"> </script>
</head>
<body>
<div align="center" id="el archivo que cargara">
<br><br>
    <p><img src="img/cargando.gif"><br>
      <font style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px">actualizando mensajes</font></p>
</div>
</body>
</html>
SI ALGÓ ESTÁ MAL ES ASÍ COMO LO HAGO, CORREJIDME.
Agrego el archivo "Ajax.JS", en archivos ADJUNTADOS.

¡Un cordial saludo, Guero!
archivos ADJUNTOS* ..
corregidme*
:p ... de todas maneras, buen aporte.. aunque como tutorial no lo veo mucho :)
Título: Re:Tutorial - Agregar AJAX al MC
Publicado por: SoyJoaquin. en 23 de Julio de 2010, 18:10:18 pm
archivos ADJUNTOS* ..
corregidme*
:p ... de todas maneras, buen aporte.. aunque como tutorial no lo veo mucho :)

wow...
Volviste mara, y esa sorpresa?
Necesitábamos alguna chica por aquí.. ya nos estábamos traumando :$

Volviendo al tema...
¿Un tutorial? es mas que nada un pre-fabricado. xd
Título: Re:Tutorial - Agregar AJAX al MC
Publicado por: djkronos2010 en 31 de Julio de 2010, 20:49:00 pm
Bien, primero tenemos que tener un codigo yo cojere el Xtag, de... (mmm...) no me acuerdo.
Pero bien no le quito creditos.

ESTE CODIGO LO PONEN EN UN ARCHIVO, EL ARCHIVO QUE LLEVA EL INDEX DEL CHAT, DIRECTAMENTE EL ARCHIVO RECARGA EL "TAG"
Código: [Seleccionar]
<html>
<head>
<title></title>
<style type="text/css">
<!--
body {
background-color: #F0F0F0;
}

.CampoTexto {
   font-size: 10px;
   font-family: verdana;
   border: 1px solid <? echo $bordecampo; ?>;
   background: <? echo $fondocampo; ?>;

}
.Texto {
   font-family: Verdana;
   font-size: 10px;
   font-style: normal;
   color: <?=$colortexto; ?>;
}

-->
</style>
<script type="text/javascript" src="ajax.js"> </script>
</head>
<body>
<div align="center" id="el archivo que cargara">
<br><br>
    <p><img src="img/cargando.gif"><br>
      <font style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px">actualizando mensajes</font></p>
</div>
</body>
</html>
SI ALGÓ ESTÁ MAL ES ASÍ COMO LO HAGO, CORREJIDME.
Agrego el archivo "Ajax.JS", en archivos ADJUNTADOS.

¡Un cordial saludo, Guero!

Tengo una pequeña pregunta. He descargado el 'ajax.js'. He visto el codigo que has puesto, pero ¿en que archivo hay que colocarlo? En 'ftag.php' , 'tag.php' o en cual?

Nota.: Tengo el MC de Ramfu, v3.

De antemano, te agradezco que te tomes el tiempo para leer mi pregunta.
Título: Re:Tutorial - Agregar AJAX al MC
Publicado por: BlackDragon en 31 de Julio de 2010, 23:20:24 pm
Vale, lo pregunté por otro sitio...pero me mandaron acá, uso el tagboard de naveda, este -> http://www.phperos.net/foro/index.php/topic,262.0.html

¿Cómo tendría que poner esto? :S es que no encuentro la forma...

Código: [Seleccionar]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Tagboard</title>
</head>

<body>
<?php
include(&#39;conectar.php&#39;);
include(&#39;funciones.php&#39;);
// BORRADO DE MENSAJES //
if(isset($_GET[&#39;borrar&#39;])) { // Borrado de mensajes //
if(is_numeric($_GET[&#39;borrar&#39;])) { /// Borrado de mensajes con ID = a $_GET[&#39;borrar&#39;] //
$borrar "DELETE FROM tagboard WHERE id = &#39;".$_GET[&#39;borrar&#39;]."&#39;";
if(mysql_query($borrar)) {
echo 
"<script language=&#39;javascript&#39;>alert(&#39;Se ha eliminado correctamente el mensaje&#39;); window.location = &#39;tagboard.php&#39;;</script>";
}
else {
exit(
"<script language=&#39;javascript&#39;>alert(&#39;El mensaje no pudo borrarse&#39;); window.location = &#39;tagboard.php&#39;;</script>");
}
} else 
exit(
"<script language=&#39;javascript&#39;>alert(&#39;No existe el mensaje&#39;); window.location = &#39;tagboard.php&#39;;</script>"); }
// BORRADO DE MENSAJES //
$usuario mysql_fetch_array(mysql_query("SELECT * FROM usuarios WHERE usuario = &#39;".$_COOKIE[&#39;user&#39;]."&#39;"));
$rol $usuario[&#39;rango&#39;];
$query mysql_query("SELECT * FROM `tagboard` ORDER BY `id` DESC LIMIT 0,20");
if (
mysql_num_rows($query)) {
while (
$mensajes mysql_fetch_array($query)) {
echo &
#39;<table cellpadding="0" cellspacing="0" border="1" bordercolor="#000000">&#39;;
echo &#39;<tr><td>&#39;.$mensajes[&#39;autor&#39;].&#39;: &#39;.bbcode($mensajes[&#39;mensaje&#39;]).&#39;&#39;;
if($rol == "3"){
echo&
#39;<a href="&#39;.$_SERVER[&#39;PHP_SELF&#39;].&#39;?borrar=&#39;.$mensajes[&#39;id&#39;].&#39;" id="borrar">[X]</a>&#39;;
}
echo &
#39;</td></tr>&#39;;

echo &#39;</table>&#39;;

}
} else {

echo 
"No Hay Mensajes";
}
?>

<? if($_COOKIE['user'] and $_COOKIE['contrasena']) {
echo'<form target="mensajes" action="enviar.php" method="POST">
   <input type="hidden" name="usuario" value="<'.$_COOKIE['user'].' ?> readonly">   <br />
   <input type="text" name="mensaje" value="Mensaje"><br />
   <input type="submit" name="enviar" value="Enviar">
   <input type="reset" value="Borrar">
   </form>';
}
else {
echo "No puedes escribir sin estar registrado";
}
   ?>
<a href="index.php">Ir al inicio</a>
</body>
</html>
Título: Re:Tutorial - Agregar AJAX al MC
Publicado por: Klum en 26 de Agosto de 2010, 23:57:05 pm
Este script hace una actualización del tag, mucho mas rápido que un tag normal y corriente.
Si quereis cambiarlo cambiar el tag por index o el archivo que tengais que se use para visualizar el tag, no hace falta añadir las etiquetas .php
Título: Tutorial - Agregar AJAX al MC
Publicado por: Guero en 27 de Agosto de 2010, 00:19:01 am
Así es Klum.
¡Karma!