VIDA ES BELLA - Códigos para webmasters

⇔ Para mostrar imagenes diferentes en cada visita. Solo tienes que en lugar de '1_imagen.jpg' por ejemplo, poner la ruta de tu archivo de imagen

<HEAD>
<script language="JavaScript">
var mis_imagenes = new Array()
mis_imagenes[0] = '1_imagen.jpg'
mis_imagenes[1] = '2_imagen.jpg'
mis_imagenes[2] = '3_imagen.jpg'
mis_imagenes[3] = '4_imagen.jpg'
mis_imagenes[4] = '5_imagen.jpg'
var j = 0
var p = mis_imagenes.length;
var preBuffer = new Array()
for (i = 0; i < p; i++){
preBuffer[i] = new Image()
preBuffer[i].src = mis_imagenes[i]
}
var mi_imagen = Math.round(Math.random()*(p-1));
function muestra_imagen(){
document.write('<img src="'+mis_imagenes[mi_imagen]+'">');
}
</script>
</HEAD>
<BODY>
<script language="JavaScript">
muestra_imagen();
</script>

⇔ Para que recomienden tu url

<A HREF="javascript:location.href='mailto:?SUBJECT=Te recomiendo que visites esta pagina. &BODY=' + escape(location.href)">Envia
esta url a un amigo</A>

⇔ Muestra días que lleva tu página online

<script>
fecha= new Date();
hoy = new Date(fecha.getFullYear(),fecha.getMonth()+1,fecha.getDate());
fecha= new Date(document.fileCreatedDate);
inicio = new Date(fecha.getFullYear(),fecha.getMonth()+1,fecha.getDate());
resta = hoy.getTime() - inicio.getTime(); resultado = Math.floor(resta/(1000*60*60*24));
document.write(resultado+" dias online");
</script>

⇔ Reloj digital

<SCRIPT language=javascript>
function mOvr(src,clrOver){
if (!src.contains(event.fromElement)){
src.style.cursor = 'hand';
src.bgColor = clrOver;
}
}
function mOut(src,clrIn){
if (!src.contains(event.toElement)){
src.style.cursor = 'default';
src.bgColor = clrIn;
}
}
function mClk(src){
if(event.srcElement.tagName=='TD')
src.children.tags('A')[0].click();
}
</SCRIPT>
<HTML>
<HEAD>
<TITLE>Clock</TITLE>
<BODY bgColor="#ffffff" onload="return window_onload()" onunload="return window_onunload()" marginheight="0" topmargin="0" leftmargin="0" marginwidth="0">
<SCRIPT>
var ClockTicks="";
var LocalTimerNormalBackground="#FFFFFF";
var LocalTimerHighlightBackground="#FF0000";
var HighlightPointer="default";
function StartClocks(){
if(ClockTicks==""){
ClockTicks=window.setInterval("PutTime()",1000);
}
else{
StopClocks();
}
}
function StopClocks(){
if(ClockTicks!=""){
window.clearInterval(ClockTicks);
ClockTicks="";
}
}
function PutTime(){
var LocalDate=new Date();
var LocalHours=LocalDate.getHours() + "";
var LocalMinutes=LocalDate.getMinutes() + "";
var LocalSeconds=LocalDate.getSeconds() + "";
if(LocalHours.length==1){
LocalHours="0" + LocalHours;
}
if(LocalMinutes.length==1){
LocalMinutes="0" + LocalMinutes;
}
if(LocalSeconds.length==1){
LocalSeconds="0" + LocalSeconds;
}
LocalTimer.innerHTML=LocalHours + ":" + LocalMinutes + ":" + LocalSeconds;
LocalTimer.title="LOCAL: " + LocalDate.toLocaleString();
}
</SCRIPT>
<SCRIPT ID="clientEventHandlersJS" LANGUAGE="javascript">

</SCRIPT>
</HEAD>
<FONT size = "4" align = right color = firebrick>

<%
Dim a
a=date()
Response.Write FormatDateTime(a,1)
%>
Hora:
<span ID="LocalTimer" style="COLOR: #0000ff; CURSOR: default" LANGUAGE="javascript"></span></FONT>
</BODY>
</HTML>

⇔ Búsqueda en una misma página de una palabra

<Html>
<Head>
<Title>Botón de Busqueda</Title>
</Head>

<Body>

<script language="JavaScript">

var NS4 = (document.layers);
var IE4 = (document.all);
var win = window; // Con frames usar top.nombre.window;
var n = 0;

function BuscarPalabras(str)
{
var txt, i, found;
if (str == "")
return false;

if (NS4) {
if (!win.find(str))
while(win.find(str, false, true))
n++;
else
n++;

// No se encuentra en ninguna parte y envia un mensaje.
if (n == 0)
alert("No se encuentra.");
}

if (IE4) {
txt = win.document.body.createTextRange();
// Encuentra la coinsidencia desde el inicio de pagina.
for (i = 0; i <= n && (found = txt.findText(str)) != false; i++) {
txt.moveStart("character", 1);
txt.moveEnd("textedit");
}

// Si lo encuentra, marca el resultado y mueve la barra de desplazamiento
// para mostrarlo.
if (found) {
txt.moveStart("character", -1);
txt.findText(str);
txt.select();
txt.scrollIntoView();
n++;
}
// De otra manera regresa al inicio de la página para buscar otra coinsidencia
else {
if (n > 0) {
n = 0;
BuscarPalabras(str);
}
// No se encuentra en ninguna parte envia un mensaje.
else
alert("No se encontró.");
}
}
return false;
}
</script>

<Form Name="search" onSubmit="return BuscarPalabras(this.string.value);">
<Font Size=2>
<Input Name="string" Type=Text Size=15 onChange="n = 0;">
<Input Type="submit" Value="BUSCAR">
</Font>
</Form>

<Br><Br>

<Font Face=Arial Size=2>
<P>
Escribe la palabra que desees buscar dentro de esta página en el cuadro de texto y presiona el botón BUSCAR.</P>

</Body>
</Html>

⇔ Galería de imagenes que se desplazan

<html>
<head>
<title>Mi galeria</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
</head>

<body>
<table width="500" height="300" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="90" valign="top"> <marquee width="550" height="75">
<br>
<img src="imagen1.gif" width="75" height="63" onClick="visualisar(1)">
<img src="imagen2.gif" width="75" height="63" onClick="visualisar(2)">
<img src="imagen3.gif" width="75" height="63" onClick="visualisar(3)">
<img src="imagen4.gif" width="75" height="63" onClick="visualisar(4)">
<img src="imagen5.gif" width="75" height="63"onClick="visualisar(5)">
<img src="imagen6.gif" width="75" height="63" onClick="visualisar(6)">
<img src="imagen7.gif" width="75" height="63" onClick="visualisar(7)">
<img src="imagen8.gif" width="75" height="63" onClick="visualisar(8)">
<img src="imagen9.gif" width="75" height="63"onClick="visualisar(9)">
<img src="imagen10.gif" width="75" height="63" onClick="visualisar(10)">
<img src="imagen11.gif" width="75" height="63" onClick="visualisar(11)">
<img src="imagen12.gif" width="75" height="63" onClick="visualisar(12)">
<img src="imagen13.gif" width="75" height="63" onClick="visualisar(13)">
<img src="imagen14.gif" width="75" height="63" onClick="visualisar(14)">
<img src="imagen15.gif" width="75" height="63" onClick="visualisar(15)">
<img src="imagen16.gif" width="75" height="63" onClick="visualisar(16)">
<img src="imagen17.gif" width="75" height="63" onClick="visualisar(17)">
<img src="imagen18.gif" width="75" height="63" onClick="visualisar(18)">
<img src="imagen19.gif" width="75" height="63" onClick="visualisar(19)">
<img src="imagen20.gif" width="75" height="63" onClick="visualisar(20)">
</marquee> <font color="#242969" size="2" face="Arial, Helvetica, sans-serif"><strong><br>
<center>PULSA SOBRE LA FOTO PARA VERLA AMPLIADA</center> </strong></font> </td>
</tr>
<tr>
<td height="210" valign="top"> <br>
<center> <img src="imagen1.gif" name="ver" width="250" height="210" id="ver"></center>
</td>
</tr>
</table>
</body>
</html>

Espero que os resulten de utilidad.