-
Cómo utilizar AJAX para ocultar el contenido
-
AJAX se ha convertido en una opción de programación web muy popular en los últimos años. A pesar de que puede abarcar algunos de los lenguajes de programación más tradicionales, como HTML o PHP y no es una lengua separada en sí misma, AJAX produce una salida visualmente atractivo para mover o contenido plegable, como los menús de acordeón. También puede utilizar AJAX para ocultar un bloque específico de contenido con un clic del ratón.Instrucciones
1 Abra el archivo en el que desea incluir el código AJAX para ocultar el contenido. Se puede usar cualquier editor de texto que prefiera, como Bloc de notas o Wordpad.
2 Copia el siguiente código y pegarlo en el archivo:
[Fuente: javascript]
$ (Document) ready (function () {
$ ( '. Link'). Alternar (
function () {
if ($ ( '# caja'). texto () == '') {
$ .ajax ({
URL: 'your_content.txt',
Método: 'GET',
el éxito: la función (r) {
$ ( '. Link') html ( 'ocultar').;
. $ ( '# Caja') html (r) .hide () slideDown (1000).;
},
de error: function () {
alert ( 'archivo no existe');
}
});
} Else {
$ (This) .html ( 'ocultar');
$ ( '# Caja') slideDown (1000).;
}
},
function () {
$ (This) .html ( 'show');
$ ( '# Caja') slideUp (1000).;
}
);
});
[/fuente]
3 Reemplazar "your_content.txt" con el nombre del archivo que contiene el contenido que desea asignar a la capacidad de ocultar. Asegúrese de guardar ese archivo en el mismo directorio que el que contiene el código de seguridad. Guarde el archivo cuando haya terminado. El código creará un área de contenido que comienza oculta de manera predeterminada.
4 Haga clic en la palabra "Show". El contenido aparece y la palabra "Mostrar" se convierte en "Ocultar". A continuación, haga clic en "Ocultar" para ocultar el contenido una vez más.
