Autor Tema: Texto aleatorio al recargar la página (Leído 8236 veces)

zizau

Hola, tengo una página web bastante simple que hace un tiempo hice: http://slimezizau.esy.es/. Como podeis ver de momento solo hay un gif y debajo pone "Página en progreso...". Me gustaría que cada vez que entras en la página salga un mensaje aleatorio, en vez de poner "Página en progreso...", que ponga "Sigue esperando...", etc. Vendría a ser lo mismo que las cabeceras del foro. Me gustaría poner de momento estos tres textos:

Sigue esperando...
Página en progreso...
Algún día podrás dejar de esperar...

Después yo ya añadiría más por mi cuenta. Si podeis escribir el codigo para la web os lo agredecería mucho.

El código lo podeis ver pulsando Ctrl + U si usais Google Chrome o Firefox (si usais otro nevegador no se como se hace $:-\$ )

Saludos.

Linkback: https://minecraftmin.net/index.php?topic=12710.0

pepinho668

Yo no sé de páginas web, pero investigando he encontrado este código.

Código: [Seleccionar]

<html>
<head>
<script>
function getMensaje(){
var aFrases=new Array();
aFrases[0]="frase1";
aFrases[1]="frase2";
aFrases[2]="frase3";
aFrases[3]="frase4";
return(aFrases[Math.floor(Math.random() * aFrases.length)]);
}
</script>
</head>
<body>
<script>
document.write(getMensaje());
</script>
</body>
</html>

~ Salu2 ~

zizau

¡Me funciona! ¡¡¡Muchísimas gracias por la ayuda!!!

Alfomega

Aunque eso funcione, lo mejor y más normal, para evitar que la gente pueda alterarlo, es hacerlo en PHP.
En tu código, en la parte que pongas el texto, imaginemos que es un , pones lo siguiente:

Código: [Seleccionar]

<?php echo textoAleatorio(); ?>Siendo textoAleatorio() una función que te genera el texto. Aquí un ejemplo:

Código: [Seleccionar]

<?php
function textoAleatorio()
{
	//Se usan &xacute; para evitar posibles fallos de codificación.
	$textos = array(
				'Sigue esperando...',
				'P&aacute;gina en progreso...',
				'Alg&uacute;n d&iacute;a podr&aacute;s dejar de esperar...'
			);
	return $textos[rand(0, count($textos) - 1)]; //Da un número entre 0 y la longitud - 1, ya que los arrays empiezan en 0 y terminan en el número de elementos - 1
}
?>

Si lo prefieres, en vez del array puedes tener una lectura de fichero, una consulta a una base de datos... etc.

P.D: Acabo de descubrir que la etiqueta code reconoce PHP y pone el código de distintos colores.

zizau · « *Última modificación: Abril 16, 2016, 12:09:03 pm por zizau* »

Cita de: Alfomega en Abril 14, 2016, 02:24:43 am

Aunque eso funcione, lo mejor y más normal, para evitar que la gente pueda alterarlo, es hacerlo en PHP.
En tu código, en la parte que pongas el texto, imaginemos que es un , pones lo siguiente:
Código: [Seleccionar]
<?php echo textoAleatorio(); ?>Siendo textoAleatorio() una función que te genera el texto. Aquí un ejemplo:
Código: [Seleccionar]
<?php function textoAleatorio() { //Se usan &xacute; para evitar posibles fallos de codificación. $textos = array( 'Sigue esperando...', 'Página en progreso...', 'Algún día podrás dejar de esperar...' ); return $textos[rand(0, count($textos) - 1)]; //Da un número entre 0 y la longitud - 1, ya que los arrays empiezan en 0 y terminan en el número de elementos - 1 } ?>
Si lo prefieres, en vez del array puedes tener una lectura de fichero, una consulta a una base de datos... etc.

P.D: Acabo de descubrir que la etiqueta code reconoce PHP y pone el código de distintos colores.

Estoy aprendiendo y no sé mucho de hacer las cosas en PHP y no sé a que te refieres con lo de "para evitar que la gente pueda alterarlo".
Otra cosa que no entiendo es donde tengo que poner el segundo código, ya que lo he puesto en el <head> y luego no me pone ninguna frase (también he probado de quitar los "&" que había y de ponerlo en el <body> pero seguía sin funcionarme). Puede que suene muy a novato lo que pregunto pero me gustaría que me lo explicases para que pueda aprender c:

P.D:

Spoiler para ocultar:

Por si te interesa para ayudarme, el código HTML que uso en la web es este (lo de las frases aleatorias ya está implementado pero con el sistema que me dijo @pepinho668):

Código: [Seleccionar]

<!DOCTYPE html>
<html>
<head>
	<title>Slime Zizau</title>
	<link rel="icon" href="archivos/favicon.png" />
	<link rel="stylesheet" href="css/main.css">
	<meta charset=ascii>
	<script>
	function getMensaje(){
	var aFrases=new Array();
	aFrases[0]="Página en progreso...";
	aFrases[1]="Sigue esperando...";
	aFrases[2]="Algún día podrás dejar de esperar...";
	aFrases[3]="Ten paciencia...";
	aFrases[4]="Se esta cargando la web...";
	aFrases[5]="Vuelve mañana...";
	aFrases[6]="Prueba de recargar la página...";
	aFrases[7]="Un error ha ocurrido, pulsa F5...";
	aFrases[8]="“Perder la paciencia es perder la batalla” Mahatma Ghandi";
	aFrases[9]="“Quien tiene paciencia, obtendrá lo que desea” Benjamin Franklin";
	aFrases[10]="Científicos calculan que la web terminará de cargar en el año 2469...";
	aFrases[11]="Willyrex abrió los ojos en la espera de esta web...";
	aFrases[12]="Coge comida, sientate cómodo en la silla, ponte música relajante, fija la vista en la pantalla y mientras la página carga, espera...";
	aFrases[13]="No pierdas las esperanza, algún día funcionará la web...";
	aFrases[14]="No dejes de mirar...";
	aFrases[15]="No cierres la pestaña del nevegador, espera un momento...";
	aFrases[16]="Si cierras esta ventana, tendrás mala suerte durante los próximos 10 años...";
	aFrases[17]="Sigue aprovechando tu vida mirando esto...";
	aFrases[18]="...";
	return(aFrases[Math.floor(Math.random() * aFrases.length)]);
	}
	</script>
</head>
<body bgcolor="#EEDEBA">
	<div id="principal">
		<img src="archivos/enprogreso.gif">
		<h1>
			<script>
				document.write(getMensaje());
			</script>
		</h1>
	</div>
	<div id="pie">
		<p>Slime Zizau© <a href="https://twitter.com/SlimeZizau" target="blank">Contacto</a></p>
	</div>
</body>
</html>

Y este es el archivo css:

Código: [Seleccionar]

#principal{
	text-align: center;
	margin-top: 50px;
	font-family: monospace;
	font: courier;
	font-weight: bold;
	color: #3A3431
}
#pie{
	position: absolute;
	bottom: 2px;
	right: 5px;
	font-family: monospace;
	font: courier;
}

En el directorio /archivos solo hay el gif de carga y el favicon con la cara de slime que tiene la web.

Saludos

Alfomega

Para usar php tienes que lanzarlo desde un servidor (no vale doble clic en el archivo como con los documentos html) y el archivo ha de ser .php, no .html
Y el código va en el body.

A lo que me refiero a evitar que lo modifiquen es que con JS puedes darle a inspeccionar elemento y modificar lo que quieras desde el navegador, cualquiera puede.

zizau · « *Última modificación: Mayo 08, 2016, 04:28:57 pm por zizau* »

Cita de: Alfomega en Abril 16, 2016, 12:21:13 pm

Para usar php tienes que lanzarlo desde un servidor (no vale doble clic en el archivo como con los documentos html) y el archivo ha de ser .php, no .html
Y el código va en el body.

A lo que me refiero a evitar que lo modifiquen es que con JS puedes darle a inspeccionar elemento y modificar lo que quieras desde el navegador, cualquiera puede.

Aaah ok, gracias, ahora ya lo entiendo mejor lo que decías de alterarlo y ya veo que si pulsas F12, inspeccionas el elemento o pulsas Ctrl + U, solo ves la frase que esta en pantalla y no toda la lista, que es lo que se veía cuando usaba Java Script.
Ya he actualizado la web y lo he puseto en PHP con el código que me dijistes.
¡Gracias por resolver mis dudas y ayudarme!

Página con stats, y demás no muy bien montada. Iniciado por EvilGooD	1 Respuestas 2772 Vistas	Abril 06, 2014, 10:24:12 pm por Doc
Mi primera pagina web "Diego_wwe" Iniciado por Diego_wwe	3 Respuestas 3825 Vistas	Junio 16, 2015, 05:05:55 am por Diego_wwe
Solucionado \| Como creo una Página WEB con dominio propio? Iniciado por _.-\|TOMIELGLAN\|-._	12 Respuestas 8739 Vistas	Abril 15, 2014, 07:37:29 pm por _.-\|TOMIELGLAN\|-._
¿Qué les parece mi pagina? ElixirsCraft Iniciado por MiguelMiincc	6 Respuestas 6334 Vistas	Abril 01, 2019, 04:44:48 am por Jesusito_321

Autor Tema: Texto aleatorio al recargar la página (Leído 8236 veces)

zizau

Más información

Texto aleatorio al recargar la página

pepinho668

Más información

Re:Texto aleatorio al recargar la página

zizau

Más información

Re:Texto aleatorio al recargar la página

Alfomega

Más información

Re:Texto aleatorio al recargar la página

zizau

Más información

Re:Texto aleatorio al recargar la página

Alfomega

Más información

Re:Texto aleatorio al recargar la página

zizau

Más información

Re:Texto aleatorio al recargar la página

Share Topic

Similar Topics

Página con stats, y demás no muy bien montada.

Mi primera pagina web "Diego_wwe"

Solucionado | Como creo una Página WEB con dominio propio?

¿Qué les parece mi pagina? ElixirsCraft