Holaaa Taringueross! Hoy Les Traigo un post Sobre Codigo Javascript
Bueno Antes Que Comencemos el Post! Vamos a Ver Que Es Javascript:
Bueno ahora los Codigos:
Abrir una ventana al apretar un enlace (también se puede definir tamaño, etc)
Que se vaya moviendo las palabras del status
Para webs sin frames, mantiene tu página en primer plano, y no puede estar en frames de otro "listillo"
Para páginas con frames, no permite ver sólo un frame sino los dos frames o más juntos. (Colocar el código en cada frame)[/b]
Código JavaScript para que aparezca un alert al utilizar el botón derecho
Para esconder la URL en el navegador (Utilizar un frame del 100%). De esta manera siempre se mostrará TARINGA.COM y no TARINGA.COM/algo.htm
Por si hay algún error en la página
No permite seleccionar el contenido de una página
No permite utilizar el botón derecho y no aparece nada (ni alert, etc)
Mensaje en la barra inferior
Mensaje Parpadeando en bara inferior de Texto
Mensaje con Movimiento en la Parte Superior
Mensaje que Cambia de Color
Botones de Navegación
Mensaje de Cargando Página
Minimizar Pagina con un Boton
Probador de HTML
Tabla de colores en tu web
Fecha en tu sitio
Saludo según la hora del día
</b></font>
Tiempo restante para finalizar el día
Redireccionar página
Establecer como página de inicio
Centrar la web
Atras - Actualizar - Adelante
"Welcome" para poner en Inicio
Con
Sin
Caja de código con botón Copiar
pd. Si quieres colocar más de una caja en una sola página, escribe el mismo código reemplazando los 1 por 2.
Este código sirve para que aparezca NEW al lado de una página de tu menú. Lo colocan al final de tu título de la página.
Abrir web en Pop-up
DEJEN PUNTOS Y COMENTARIOS..GRACIAS
Bueno Antes Que Comencemos el Post! Vamos a Ver Que Es Javascript:
Javascript es un lenguaje que puede ser utilizado por profesionales y para quienes se inician en el desarrollo y diseño de sitios web. No requiere de compilación ya que el lenguaje funciona del lado del cliente, los navegadores son los encargados de interpretar estos códigos.
Muchos confunden el Javascript con el Java pero ambos lenguajes son diferentes y tienes sus características singulares. Javascript tiene la ventaja de ser incorporado en cualquier página web, puede ser ejecutado sin la necesidad de instalar otro programa para ser visualizado.
Java por su parte tiene como principal característica ser un lenguaje independiente de la plataforma. Se puede crear todo tipo de programa que puede ser ejecutado en cualquier ordenador del mercado: Linux, Windows, Apple, etc. Debido a sus características también es muy utilizado para internet.
Como síntesis se pude decir que Javascript es un lenguaje interpretado, basado en prototipos, mientras que Java es un lenguaje más orientado a objetos.
Muchos confunden el Javascript con el Java pero ambos lenguajes son diferentes y tienes sus características singulares. Javascript tiene la ventaja de ser incorporado en cualquier página web, puede ser ejecutado sin la necesidad de instalar otro programa para ser visualizado.
Java por su parte tiene como principal característica ser un lenguaje independiente de la plataforma. Se puede crear todo tipo de programa que puede ser ejecutado en cualquier ordenador del mercado: Linux, Windows, Apple, etc. Debido a sus características también es muy utilizado para internet.
Como síntesis se pude decir que Javascript es un lenguaje interpretado, basado en prototipos, mientras que Java es un lenguaje más orientado a objetos.
Bueno ahora los Codigos:
Abrir una ventana al apretar un enlace (también se puede definir tamaño, etc)
<script language="JavaScript">
<!--
function winopen(pagina,nombreventana) {
myWin=open(pagina,nombreventana,'width=530,height=400,top=150,left=300,toolbar=no,location=no,directories=no,
status=no,menubar=no,scrollbars=yes,resizable=no,titlebar=no');
}
//-->
</script>
[img]http://i494.photobucket.com/albums/rr306/tvs_millo88/eff_li06.gif[/img]
[b]Que se abra una ventana al entrar en la web (se puede definir tamaño, barras, etc, etc, etc)[/b]
<SCRIPT language=Javascript> open('legal.htm','AVISOLEGAL',"toolbar=0,location=0,status=0,menubar=0,scrollbars=yes,resizable=yes,width=490,height=232";</SCRIPT>
Que se vaya moviendo las palabras del status
<SCRIPT languague="JavaScript">
<!--
var cuenta=0
var texto=" Lo que te de la gana "
function scrolltexto () {
window.status=texto.substring (cuenta,texto.length)+ texto.substring(0,cuenta)
if (cuenta <texto.length){ cuenta ++
}else{
cuenta=0
}
setTimeout("scrolltexto()",150)
}
scrolltexto ()
//-->
</SCRIPT>
Para webs sin frames, mantiene tu página en primer plano, y no puede estar en frames de otro "listillo"
<SCRIPT LANGUAGE="JavaScript">
<!--- Se esconde el codigo a navegadores sin JS
if (window != window.top)
top.location.href = location.href;
// -->
</SCRIPT>
Para páginas con frames, no permite ver sólo un frame sino los dos frames o más juntos. (Colocar el código en cada frame)[/b]
<script LANGUAGE="JavaScript">
<!--
if (top == self) self.location.href = "http://www.sitiosargentina.com.ar";
// -->
</script>
Código JavaScript para que aparezca un alert al utilizar el botón derecho
<script language="JavaScript">
<!-- Begin
function right(e) {
var msg = " [ www.sitiosargentina.com.ar ] ";
if (navigator.appName == 'Netscape' && e.which == 3) {
alert(msg); // Delete this line to disable but not alert user
return false;
}
else
if (navigator.appName == 'Microsoft Internet Explorer' && event.button==2) {
alert(msg); // Delete this line to disable but not alert user
return false;
}
return true;
}
document.onmousedown = right;
// End -->
</script>
Para esconder la URL en el navegador (Utilizar un frame del 100%). De esta manera siempre se mostrará TARINGA.COM y no TARINGA.COM/algo.htm
<HEAD>
<TITLE>Página Incial - www.TARINGA.comr</TITLE>
</HEAD>
<FRAMESET rows="100%" BORDER=0 FRAMEBORDER=0 FRAMESPACING=0>
<FRAME NAME="top" SRC="http://www.taringa.com/" NORESIZE></FRAMESET>
Por si hay algún error en la página
<SCRIPT language=JavaScript>
function blockError(){return true;}
window.onerror = blockError;
</SCRIPT>
No permite seleccionar el contenido de una página
<script language="Javascript">
<!-- Begin
function disableselect(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function ("return false" )
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
// End -->
</script>
No permite utilizar el botón derecho y no aparece nada (ni alert, etc)
<script language="Javascript">
<!-- Begin
document.oncontextmenu = function(){return false}
// End -->
</script>
Mensaje en la barra inferior
<script language="JavaScript">
<!--
var yourwords = "Wedmaster te ayuda en tu Web";
var speed = 150;
var control = 1;
function flash()
{
if (control == 1)
{
window.status=yourwords;
control=0;
}
else
{
window.status="";
control=1;
}
setTimeout("flash();",speed);
}
// -->
</script>
Mensaje Parpadeando en bara inferior de Texto
<script language="JavaScript">
var CC_msg = "Wedmaster te ayuda...............";
var speed = 150;
var control = 1;
function flash()
{
if (control == 1)
{
window.status=CC_msg;
control=0;
}
else
{
window.status="";
control=1;
}
setTimeout("flash();",speed);
}
</script>
Mensaje con Movimiento en la Parte Superior
<script LANGUAGE="JavaScript">
var txt="Wedmaster te ayuda.";
var espera=30;
var refresco=null;
function rotulo_title() {
document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
refresco=setTimeout("rotulo_title()",espera);}
rotulo_title();
</script>
Mensaje que Cambia de Color
<SCRIPT language=JavaScript>
<!--
function cambiaColor(colorfg){
document.fgColor = colorfg
}
function tiempo(){
setTimeout("cambiaColor('aqua')",1);
setTimeout("cambiaColor('silver')", 1000);
setTimeout("cambiaColor('lightyellow')", 3000);
setTimeout("cambiaColor('lightgreen')", 5000);
setTimeout("cambiaColor('orange')", 7000);
setTimeout("cambiaColor('yellow')", 9000);
setTimeout("tiempo()", 11000);
}
tiempo();
</script>
Botones de Navegación
<table border="0" bgcolor="#FFCC66">
<tr>
<td align="center">
<input type="button" value=" << " onclick="javascript:window.history.go(-1);">
<input type="button" value="Top" onclick="document.location='#top';">
<input type="button" value=" >> " onclick="javascript:window.history.go(1);"></td>
</tr>
</table>
<!-- End Navigation -->
Mensaje de Cargando Página
<body onLoad="esconde();">
<script language="JavaScript">
if(ie || ns) document.write('<div id="precarga" align="center"> <br />Esperen a que termine de cargar la página, por favor...</div>');
</script>
Minimizar Pagina con un Boton
<input type="button" value="Minimizar ventana" onclick="window.moveBy(5000,5000); min = 'si';" style="font-family:Verdana"><script>min = "no"; function volver(){if(min == "si"{window.moveTo(0,0); min = "no"}}; window.onfocus = volver
</script>
<style>
.animado {position:absolute;visibility:visible;top:-50px;font-size:10pt;font-family:Arial;font-weight:bold;color:Blak;}
</style>
Probador de HTML
<!-- ArkAngel,YonkoChileWebRox -->
<script>
function probar(texto) {
ventana = window.open('', 'popup', '');
ventana.document.write(texto);
}
</script>
<form action="" name="probador">
<font face="Verdana" size="2">Esto es un probador de códigos, inserta el código HTML y te dará el resultado en una ventana nueva!<hr />
</font><textarea rows="10" cols="50" name="texto"></textarea><font face="Verdana" size="2"> <br />
</font><input type="button" onclick="probar(texto.value)" value="Convertir" /><font face="Verdana" size="2"> </font>
</form>
Tabla de colores en tu web
<iframe name="window" src="http://paneles.impresionesweb.com/webmasters/colores.htm" width="500" height="350" marginwidth="0" scrolling="yes" frameborder="0"></iframe>
Fecha en tu sitio
<script language="JavaScript">
<!--
mydate = new Date();
myday = mydate.getDay();
mymonth = mydate.getMonth();
myweekday= mydate.getDate();
weekday= myweekday;
if(myday == 0)
day = " Domingo, "
else if(myday == 1)
day = " Lunes, "
else if(myday == 2)
day = " Martes, "
else if(myday == 3)
day = " Miércoles, "
else if(myday == 4)
day = " Jueves, "
else if(myday == 5)
day = " Viernes, "
else if(myday == 6)
day = " Sábado, "
if(mymonth == 0)
month = "Enero "
else if(mymonth ==1)
month = "Febrero "
else if(mymonth ==2)
month = "Marzo "
else if(mymonth ==3)
month = "Abril "
else if(mymonth ==4)
month = "Mayo "
else if(mymonth ==5)
month = "Junio "
else if(mymonth ==6)
month = "Julio "
else if(mymonth ==7)
month = "Agosto "
else if(mymonth ==8)
month = "Setiembre "
else if(mymonth ==9)
month = "Octubre "
else if(mymonth ==10)
month = "Noviembre "
else if(mymonth ==11)
month = "Diciembre "
document.write("<font face=arial, size=1>"+ day);
document.write(myweekday+" de "+month+ "</font>";
// -->
</script>
Saludo según la hora del día
<Font size=2 face=arial><b>
<Script Language="JavaScript">
<!--
today = new Date()
if(today.getMinutes() < 10){
pad = "0"}
else
pad = "";
document.write ;if((today.getHours() >=6) && (today.getHours() <=9)){
document.write("¡Buen día!"
}
if((today.getHours() >=10) && (today.getHours() <=11)){
document.write("¡Buen día!"
}
if((today.getHours() >=12) && (today.getHours() <=19)){
document.write("¡Buenas tardes!"
}
if((today.getHours() >=20) && (today.getHours() <=23)){
document.write("¡Buenas noches!"
}
if((today.getHours() >=0) && (today.getHours() <=3)){
document.write("¡Buenas noches!"
}
if((today.getHours() >=4) && (today.getHours() <=5)){
document.write("¡Buenas noches!"
}
// -->
</script>
</b></font>
Tiempo restante para finalizar el día
<body>
<p>Tiempo restante para finalizar el día</p>
<form name="Reloj">
<input type="text" size="7" name="tiempo" value="mm:hh:ss" title="Tiempo restante para finalizar el día">
<script language="JavaScript">
<!--
var tiempoAtras;
updateReloj();
function updateReloj() {
var tiempo = new Date();
var hora = 23-tiempo.getHours();
var minutos = 59-tiempo.getMinutes();
var segundos = 59-tiempo.getSeconds();
tiempoAtras= (hora < 10) ? hora :hora;
tiempoAtras+= ((minutos < 10) ? ":0" : ":" + minutos;
tiempoAtras+= ((segundos < 10) ? ":0" : ":" + segundos;
document.Reloj.tiempo.value = tiempoAtras;
setTimeout("updateReloj()",1000);
}
//-->
</script>
</form>
</body>
Redireccionar página
<script>location='http://google.cl/'</script>
Establecer como página de inicio
<A class=chlnk style="FONT-WEIGHT: bold; CURSOR: hand;
COLOR: #004080; FONT-FAMILY: Verdana" onclick=
"this.style.behavior='url(#default#homepage)';
this.setHomePage('http://www.CheNico.com');">
<FONT face=Arial color=#000000 size=-2><U>
Esta parte del texto se puede modificar en el código</U></FONT></A>
Centrar la web
<!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">
<div style="width:900px; position: relative; margin-left: auto; margin-right: auto;">
Atras - Actualizar - Adelante
<input type="button" value="Atrás" onclick="history.back()" style="font-family: Verdana; font-size: 8 pt">
<input type="button" value="Actualizar" onclick="window.location.reload()" style="font-family: Verdana; font-size: 8 pt">
<input type="button" value="Adelante" onclick="history.forward()" style="font-family: Verdana; font-size: 8 pt">
"Welcome" para poner en Inicio
Con
<a href="Dirección de tu sitio"><img src="http://img.webme.com/pic/c/chatroh/8484484848484.gif" alt="Welcome" width="300" height="100" border="0" /></a>
Sin
<img src="http://img.webme.com/pic/c/chatroh/8484484848484.gif" alt="Welcome" width="300" height="100" border="0" />
Caja de código con botón Copiar
<span id="Caja1" class="Caja1">Haga click dentro de la caja de texto para copiar su contenido<br />
</span> <textarea onclick="copyCaja1(document.getElementById('code1'));return false;" rows="3" cols="16" id="code1">EL TEXTO O CÓDIGO QUE DESEE QUE APAREZCA DENTRO DE LA CAJITA Nº1</textarea> <script>
function copyCaja1(elt) {
var urlSwf = "copy.swf";
var flash = document.getElementById("C1";
var divinfo = '<embed src="http://www.mygirlyspace.com/' + urlSwf + '" name="copy_swf" FlashVars="clipboard='+escape(elt.value)+'" width="0" height="0" type="application/x-shockwave-flash"></embed>';
flash.innerHTML = divinfo;
elt.focus();
elt.select();
document.getElementById("Caja1".innerHTML = "¡El texto ha sido copiado!<br/>";
return true;
}
</script>
pd. Si quieres colocar más de una caja en una sola página, escribe el mismo código reemplazando los 1 por 2.
Hosted by PWG en la esquina inferior derecha de tu web
<a href='http://paginawebgratis.es' style='display:scroll;position:fixed;bottom:0px;right:0px;'>
<img src='http://img91.imagesh.u/img91/6165/hostedbyxj1.gif'/></a>
Este código sirve para que aparezca NEW al lado de una página de tu menú. Lo colocan al final de tu título de la página.
<img src="http://img441.imagesk.img441/5372/newyw7.gif" border="0">
[img]http://i494.photobucket.com/albums/rr306/tvs_millo88/eff_li06.gif[/img]
Abrir web en Pop-up
<script language='JavaScript'>window.open('http://www.chenico.com', 'geoflotante', '');</script>
DEJEN PUNTOS Y COMENTARIOS..GRACIAS