Posteamelo

Hola T! aka les dejo un par de Script para los que quieren hacer Su web un poco mas llena okz...

Querés poner el buscador de Google en tu web:

Cita :

<center>
<FORM method=GET action="http://www.google.com/search">
<TABLE bgcolor="#FFFFFF"><tr><td>
<A HREF="http://www.google.com/">
<IMG SRC="http://www.google.com/logos/Logo_40wht.gif" border="0" ALT="Google" align="absmiddle"></A>
<INPUT TYPE=text name=q size=31 maxlength=255 value="">
<INPUT TYPE=hidden name=hl value=es>
<INPUT type=submit name=btnG VALUE="Búsqueda Google">
</td></tr></TABLE>
</FORM>
</center>

Para cambiar la imagen que esta al lado de tu URL en la barra de direcciones debes ingresar

Cita :
<LINK REL="SHORTCUT ICON" HREF="icono.ico">

entre <head> y </head>

Querés que te manden mails los usuarios que entran a tu web:

Cita :
A HREF="mailto:you@yourdomain.com?subject=my website">Email Me</A>

pero tenés que cambiarle you@yourdomain.com por tu direccion de correo electronico, tambien cambiale my website por el asunto quie quieras que diga y Email me por lo que dira el titulo para que te envien mails. Por ejemplo: Mandame tu opinion o tu idea...

Para redireccionar tu web hacia otra te servira:

Cita :
<meta http-equiv="refresh" content="0; url=your new address.html">

Y debe estar entre <head> y </head>

El 0 que esta al lado de content indica la cantidad de segundos que se va a esperar antes de redireccionar, a ese numero puedes cambiarlo a tu necesidad.

Para que los que entran a tu web te agreguen a favoritos utiliza el siguiente codigo:

Cita :
<a href="#" onClick="window.external.AddFavorite('http://tusitio','descripcion de tu sitio');return false;"><font color="#FFFFFF" size="2"><font color="#000000" face="Verdana, Arial, Helvetica, sans-serif"><font size="2">Agreganos
a tus favoritos</font><font color="#000000">...</font></font></font></a><font size="2"> ç

Primero debes cambiar http://www.tusitio por tu pagina web...

Para que te pongan como pagina de inicio:

Cita :
<a href="#" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://tuwebaquí');return false;">Pon
esta web como tu página de Inicio...</a>

Igual que el anterior codigo, cambialo a tu necesidad y cualquier cosa pregunta...

El siguiente codigo es para que una imagen que elijas siga al raton:

Cita :
<SCRIPT LANGUAGE="JavaScript1.2">
var trailLength = 8;
var path = "my_image.gif";

var isIE = false, isNav = false, range = "all.", style = ".style", i, d = 0;
var topPix = ".pixelTop", leftPix = ".pixelLeft", images, storage;
if (document.layers) {
isNav = true, range = "layers.", style = "", topPix = ".top", leftPix = ".left";
} else if (document.all) {
isIE = true;
}
function initTrail() {
images = new Array();
for (i = 0; i < parseInt(trailLength); i++) {
images = new Image();
images.src = path;
}
storage = new Array();
for (i = 0; i < images.length*3; i++) {
storage[i] = 0;
}
for (i = 0; i < images.length; i++) {
(isIE) ? document.write('<div id="obj' + i + '" style="position: absolute; z-Index: 100; height: 0; width: 0"><img src="' + images[i].src + '"></div>') : document.write('<layer name="obj' + i + '" width="0" height="0" z-index="100"><img src="' + images[i].src + '"></layer>');
}
trail();
}
function trail() {
for (i = 0; i < images.length; i++) {
eval("document." + range + "obj" + i + style + topPix + "=" + storage[d]);
eval("document." + range + "obj" + i + style + leftPix + "=" + storage[d+1]);
d = d+2;
}
for (i = storage.length; i >= 2; i--) {;
storage[i] = storage[i-2];
}
d = 0;
clearTimeout(timer);
var timer = setTimeout("trail()", 10);
}
function processEvent(e) {
if (isIE) {
storage[0] = window.event.y+document.body.scrollTop+10;
storage[1] = window.event.x+document.body.scrollLeft+10;
} else {
storage[0] = e.pageY+12;
storage[1] = e.pageX+12;
}
}
if (isNav) {
document.captureEvents(Event.MOUSEMOVE);
}
if (isIE || isNav) {
initTrail();
document.onmousemove = processEvent;
}
// End -->
</script>

Solo tienes que poner

<style type="text/css">
BODY {overflow: scroll; overflow-x: hidden;}
</style>
</HEAD>

entre <head> y </head>

Aclaro que solo tienes que poner lo que dice style type="text/css" y no lo de SCRIPT LANGUAJE

Para que un texto haga una ola usa el siguiente codigo:

Cita :
<head>
<CENTER><script language="JavaScript1.2">

//TEXTO QUE QUIERES Q APAREZCA
//-----------------------------------------

message="Letras haciendo la ola ¡¡¡¡"

//-----------------------------------------
ns6switch=1
var ns6=document.getElementById&&!document.all
mes=new Array();
mes[0]=-1;
mes[1]=-4;
mes[2]=-7;mes[3]=-10;
mes[4]=-7;
mes[5]=-4;
mes[6]=-1;
num=0;
num2=0;
txt="";
function jump0(){
if (ns6&&!ns6switch){
jump.innerHTML=message
return
}
if(message.length > 6){
for(i=0; i != message.length;i++){
txt=txt+"<span style='position:relative;' id='n"+i+"'>"+message.charAt(i)+"</span>"};
jump.innerHTML=txt;
txt="";
jump1a()
}
else{
alert("Tu mensaje es muy corto"
}
}

function jump1a(){
nfinal=(document.getElementById)? document.getElementById("n0" : document.all.n0
nfinal.style.left=-num2;
if(num2 != 9){
num2=num2+3;
ZYzTimeout("jump1a()",150)
}
else{
jump1b()
}
}

function jump1b(){
nfinal.style.left=-num2;
if(num2 != 0){num2=num2-3;
ZYzTimeout("jump1b()",50)
}
else{
jump2()
}
}

function jump2(){
txt="";
for(i=0;i != message.length;i++){
if(i+num > -1 && i+num < 7){
txt=txt+"<span style='position:relative;top:"+mes[i+num]+"'>"+message.charAt(i)+"</span>"
}
else{txt=txt+"<span>"+message.charAt(i)+"</span>"}
}
jump.innerHTML=txt;
txt="";
if(num != (-message.length)){
num--;
ZYzTimeout("jump2()",50)}
else{num=0;
ZYzTimeout("jump0()",50)}}
</script>
</head>
<body>

<h2><div id="jumpx" style="color:red"></div></h2>
<script>
if (document.all||document.getElementById){
jump=(document.getElementById)? document.getElementById("jumpx" : document.all.jumpx
jump0()
}
else
document.write(message)
</script></CENTER>

<center><a href="http://dipro.multimania.com"><img src="logo.gif" border=0></a></center>

</body>

¿Querés utilizar una nueva manera de informar a tus visitantes sobre el destino de cada vínculo? Entonces usá viñetas con el siguiente codigo:

Cita :
<script>

</script>
<div id="tooltip2" style="position:absolute;visibility:hidden;clip:rect(0 150 50 0);width:150px;background-color:lightyellow">
<layer name="nstip" width=1000px bgColor="lightyellow"></layer>
</div>

Personalice cada uno de sus vínculos de la siguiente manera:

Cita :
<a href="http://www.microsoft.com" onMouseover="showtip2(this,event,'Clic here to go to microsoft.com')" onMouseout="hidetip2()">Microsoft</a>

Acelera tu texto en cursiva con:

Cita :
<span id="webaddress" style="position:relative; visibility:hidden; font-style:italic;"> Have you ever seen text move so fast? </span>

<script language="JavaScript1.2">

</script>

Un reloj:

Cita :


<form name="Tick">
<input type="text" size="11" name="Clock">
</form>
<script>

</script>

Otro reloj:

Cita :


<form name="Tick">
<input type="text" size="11" name="Clock">
</form>
<script>

</script>

Averigua que día naciste:

Cita :


<SCRIPT LANGUAGE="JavaScript">


</script>



<form name=form>
<center>
<table border=2 cellspacing=0 cellpadding=0 bgcolor=white>
<tr><td colspan=3 align=center bgcolor="#FFFFCC">
<p style="margin-top: 0; margin-bottom: 0"><font face="verdana, arial" size="-1"><b>¿En que día
de las semana naciste?</b></font></p>
<p style="margin-top: 0; margin-bottom: 0"><font face="verdana, arial" size="-1">Introduce
tu fecha de nacimiento</font></p>
</td></tr>
<tr><td align=center bgcolor="#FFFFCC">
<select name="month" size="1">
<option selected>Mes
<option value="January">Enero
<option value="February">Febrero
<option value="March">Marzo
<option value="April">Abril
<option value="May">Mayo
<option value="June">Junio
<option value="July">Julio
<option value="August">Agosto
<option value="September">Septiembre
<option value="October">Octubre
<option value="November">Noviembre
<option value="December">Diciembre
</select>
</td>
<td align=center bgcolor="#FFFFCC">
<select name="day" size="1">
<option selected>Día
<option value="1">01
<option value="2">02
<option value="3">03
<option value="4">04
<option value="5">05
<option value="6">06
<option value="7">07
<option value="8">08
<option value="9">09
<option value="10">10
<option value="11">11
<option value="12">12
<option value="13">13
<option value="14">14
<option value="15">15
<option value="16">16
<option value="17">17
<option value="18">18
<option value="19">19
<option value="20">20
<option value="21">21
<option value="22">22
<option value="23">23
<option value="24">24
<option value="25">25
<option value="26">26
<option value="27">27
<option value="28">28
<option value="29">29
<option value="30">30
<option value="31">31
</select>
</td>
<td align=center bgcolor="#FFFFCC">
<input type=text name=year value="19" size=4 maxlength=4>
</td></tr>
</table><p>
<input type=button value="Calcular" onClick="calculate()">
</center>
</form>

<p align="center"><center>
<font face="arial, helvetica" size="-2">JavaScript adaptado por</font></center>

<p align="center" style="margin-top: 0"><font face="arial, helvetica" size="-2"><a href="http://javascriptsource.com">...::
LosRecursosGratis.com ::..</a></font><p>

Conjunto de estrellas persiguiendo el cursor:

Cita :
<LAYER NAME="a0" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffffff" CLIP="0,0,1,1"></LAYER>
<LAYER NAME="a1" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#fff000" CLIP="0,0,1,1"></LAYER>
<LAYER NAME="a2" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffa000" CLIP="0,0,1,1"></LAYER>
<LAYER NAME="a3" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ff00ff" CLIP="0,0,1,1"></LAYER>
<LAYER NAME="a4" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#00ff00" CLIP="0,0,1,1"></LAYER>
<LAYER NAME="a5" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF00FF" CLIP="0,0,1,1"></LAYER>
<LAYER NAME="a6" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF0000" CLIP="0,0,1,1"></LAYER>
<LAYER NAME="a7" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffffff" CLIP="0,0,2,2"></LAYER>
<LAYER NAME="a8" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#fff000" CLIP="0,0,2,2"></LAYER>
<LAYER NAME="a9" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffa000" CLIP="0,0,2,2"></LAYER>
<LAYER NAME="a10" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ff00ff" CLIP="0,0,2,2"></LAYER>
<LAYER NAME="a11" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#00ff00" CLIP="0,0,2,2"></LAYER>
<LAYER NAME="a12" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#0000ff" CLIP="0,0,2,2"></LAYER>
<LAYER NAME="a13" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF0000" CLIP="0,0,3,3"></LAYER>

<script language="JavaScript">

/*
Magic Wand cursor (By Kurt at kurt.grigg@virgin.net)
Modified and permission granted to Dynamic Drive to feature script in archive
For full source, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/

if (document.all){
with (document){
write('<div id="starsDiv" style="position:absolute;top:0px;left:0px">')
write('<div style="position:relative;width:1px;height:1px;background:#ffffff;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#00ff00;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:2px;height:2px;background:#ffffff;font-size:2px;visibility:visible"></div>')
write('<div style="position:relative;width:2px;height:2px;background:#fff000;font-size:2px;visibility:visible"></div>')
write('<div style="position:relative;width:2px;height:2px;background:#ffa000;font-size:2px;visibility:visible"></div>')
write('<div style="position:relative;width:2px;height:2px;background:#ff00ff;font-size:2px;visibility:visible"></div>')
write('<div style="position:relative;width:2px;height:2px;background:#00ff00;font-size:2px;visibility:visible"></div>')
write('<div style="position:relative;width:2px;height:2px;background:#0000ff;font-size:2px;visibility:visible"></div>')
write('<div style="position:relative;width:3px;height:3px;background:#FF0000;font-size:3px;visibility:visible"></div>')
write('</div>')
}
}

var Clrs=new Array(6)
Clrs[0]='ff0000';
Clrs[1]='00ff00';
Clrs[2]='000aff';
Clrs[3]='ff00ff';
Clrs[4]='fff000';
Clrs[5]='fffff0';

if (document.layers)
{window.captureEvents(Event.MOUSEMOVE);}
var yBase = 200;
var xBase = 200;
var step;
var currStep = 0;
var Xpos = 1;
var Ypos = 1;

if (document.all)
{
function MoveHandler(){
Xpos = document.body.scrollLeft+event.x;
Ypos = document.body.scrollTop+event.y;
}
document.onmousemove = MoveHandler;
}

else if (document.layers)
{
function xMoveHandler(evnt){
Xpos = evnt.pageX;
Ypos = evnt.pageY;
}
window.onMouseMove = xMoveHandler;
}

function animateLogo() {
if (document.all)
{
yBase = window.document.body.offsetHeight/4;
xBase = window.document.body.offsetWidth/4;
}
else if (document.layers)
{
yBase = window.innerHeight/4;
xBase = window.innerWidth/4;
}

if (document.all)
{
for ( i = 0 ; i < starsDiv.all.length ; i++ )
{step=3;
starsDiv.all.style.top = Ypos + yBase*Math.cos((currStep + i*4)/12)*Math.cos(0.7+currStep/200);
starsDiv.all.style.left = Xpos + xBase*Math.sin((currStep + i*3)/10)*Math.sin(8.2+currStep/400);
for (ai=0; ai < Clrs.length; ai++)
{
var c=Math.round(Math.random()*[ai]);
}
starsDiv.all[i].style.background=Clrs[c];
}
}

else if (document.layers)
{
for ( j = 0 ; j < 14 ; j++ ) //number of NS layers!
{step = 4;
var templayer="a"+j
document.layers[templayer].top = Ypos + yBase*Math.sin((currStep + j*4)/12)*Math.cos(0.7+currStep/200);
document.layers[templayer].left = Xpos + xBase*Math.sin((currStep + j*3)/10)*Math.sin(8.2+currStep/400);
for (aj=0; aj < Clrs.length; aj++)
{
var c=Math.round(Math.random()*[aj]);
}
document.layers[templayer].bgColor=Clrs[c];
}
}
currStep+= step;
setTimeout("animateLogo()", 10);
}
animateLogo();
// -->
</script>

Anular botón de la izquierda:

Cita :
>

<script LANGUAGE="JavaScript1.1">



function izquierda(e) {
if (navigator.appName == 'Netscape' && (e.which == 1 || e.which == 2)){
alert('Botón izquierdo inhabilitado')
return false;
}

else if (navigator.appName == 'Microsoft Internet Explorer' && (event.button == 1)){
alert('Botón izquierdo inhabilitado')
}
}
document.onmousedown=izquierda
</script>

Anular botón de la derecha:

Cita :


<script LANGUAGE="JavaScript1.1">



function derecha(e) {
if (navigator.appName == 'Netscape' && (e.which == 3 || e.which == 2)){
alert('Botón derecho inhabilitado')
return false;
}

else if (navigator.appName == 'Microsoft Internet Explorer' && (event.button == 2)){
alert('Botón derecho inhabilitado')
}
}
document.onmousedown=derecha
</script>

Anular el derecho y el izquierdo:

Cita :


<script LANGUAGE="JavaScript1.1">



function ambos(e) {
if (navigator.appName == 'Netscape' && (e.which == 1 || e.which == 3 || e.which == 2)){
alert('Los botones del mouse han sido inhabilitados')
return false;
}

else if (navigator.appName == 'Microsoft Internet Explorer' && (event.button == 1 || event.button == 2)){
alert('Los botones del mouse han sido inhabilitados')
}
}
document.onmousedown=ambos
</script>

Abrir una ventana dimensionada a la vez que otra:

Cita :


<SCRIPT LANGUAGE="JavaScript">
open('http://enlace para abrir', 'Sizewindow', 'width=300,height=350,scrollbars=no,toolbar=no')
</SCRIPT>

Abrir ventana de una forma original:

Cita :


<script language="JavaScript">

var ancho=100
var alto=100
var fin=300
var x=100
var y=100

function inicio()
{
ventana = window.open("hola.htm", "_blank", "resizable,height=1,width=1,top=x,left=y,screenX=x,screenY=y";
abre();
}
function abre()
[b][b][b][/b][/b][/b]{
if (ancho<=fin) {
ventana.moveTo(x,y);
ventana.resizeTo(ancho,alto);
x+=5
y+=5
ancho+=15
alto+=15
timer= setTimeout("abre()",1)
}
else {
clearTimeout(timer)
}
}
// -->
</script>

<form>
<input type="button" value="Abrir Ventana" onClick="inicio()"></p>
</form>

Broma de virus:

Cita :


<SCRIPT LANGUAGE="JavaScript">





</SCRIPT>



<CENTER>
<FORM>
<input type="button" value ="JavaScript Virus (not really...)" onClick="confirmClose()">
</FORM>
</CENTER>

<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center>

Recomendar página:

Cita :
<script language="javascript">
//taringa -trotero -www.stick-hero.***
function mailpage()
{
mail_str = "mailto:nombre@dominio.com?subject=visita esta página. Es muy buena!! " + document.title;
mail_str += "&body=Hola amigo. Te recomiendo que visites esta página LosRecursosGratis.com -- " + document.title;
mail_str += ". Enlace: " + location.href;
location.href = mail_str;
}
</script>
<a HREF="javascript:mailpage()">Recomendar por e-mail esta página</a>

ok saludos...!

Queres Script para tu Web?

Posts Relacionados

Dejá tu comentario

Autor del Post