MSO - JavaScript

JavaScript

Volver a: CÓDIGOS

Bienvenidos a la sección de códigos JavaScript si hay algún código que no funciona o quieres pedir tú algún codigo, hazlo mediante nuestro FORO, EN SECCIÓN CÓDIGOS JAVASCRIPT

Cambio de color de fondo
Facil método de cambio de fondo de una pagina.
Utilizamos el "Comand-Prompt", para hacer la elección de color.
Código

Mensaje de espera mientras carga la pagina
El siguiente script consigue que se muestre un mensaje de espera hasta que la pagina este completamente cargada. Código

<BODY onLoad_fckprotectedatt="%20onLoad%3D%22cacheOff()%22"> <STYLE TYPE="text/css"> #cache { position:absolute; left=10; top:10px; z-index:10; visibility:hidden; } </STYLE> <SCRIPT LANGUAGE="JavaScript">
ver = navigator.appVersion.substring(0,1)
if (ver >= 4)
{
document.write('<DIV ID="cache"><TABLE WIDTH=400 BGCOLOR=#000000 BORDER=0 CELLPADDING=2 CELLSPACING=0><TR><TD ALIGN=center VALIGN=middle><TABLE WIDTH=100% BGCOLOR=#FFFFFF BORDER=0 CELLPADDING=0 CELLSPACING=0><TR><TD ALIGN=center VALIGN=middle><FONT FACE="Arial, Verdana" SIZE=4><B><BR>ESPERE POR FAVOR ... <BR><BR></B></FONT></TD> </TR></TABLE></TD> </TR></TABLE></DIV>');
var navi = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4);
var HIDDEN = (navi) ? 'hide' : 'hidden';
var VISIBLE = (navi) ? 'show' : 'visible';
var cache = (navi) ? document.cache : document.all.cache.style;
largeur = screen.width;
cache.left = Math.round(100);
cache.visibility = VISIBLE;
}
function cacheOff()
{
if (ver >= 4)
{
cache.visibility = HIDDEN;
}
}
</SCRIPT><a  href="http://mundosuperonline.es.tl" _fcksavedurl="http://mundosuperonline.es.tl" target="_self"><img border="0"  src="https://img.webme.com/pic/m/mundosuperonline/anigif.gif" _fcksavedurl="https://img.webme.com/pic/m/mundosuperonline/anigif.gif" alt="MundoSuperOnline.es.tl"  alt="www.MundoSuperOnline.es.tl" id="www.MundoSuperOnline.es.tl"  title="www.MundoSuperOnline.es.tl" longdesc="www.MundoSuperOnline.es.tl" /></a>

Marcar casilla antes de enviar formulario
Con este simple script podemos obligar a nuestros usuarios a marcar una casilla antes de enviar el formulario, muy util para leer y aceptar los terminos y condiciones.
Código

<HEAD> <Script language="JavaScript">
Function checkCheckBox(f){
If (f.agree.checked == False )
{
alert('Por favor Aceptar antes de Continuar.');
return false;
}Else
return true;
}
</Script> </HEAD> <BODY> <form action="/tu_pagina.html" method="POST" onsubmit_fckprotectedatt="%20onsubmit%3D%22return%20checkCheckBox(this)%22"> <font color="#990000">Aceptas las condiciones?: si</font>  <Input Type="checkbox" value="0" name="agree"> <Input Type="submit" value="Aceptar"> <Input Type="button" value="salir" onclick_fckprotectedatt="%20onclick%3D%22document.location.href%3D'%2Findex.html'%3B%22"> </form> </body><a  href="http://mundosuperonline.es.tl" _fcksavedurl="http://mundosuperonline.es.tl" target="_self"><img border="0"  src="https://img.webme.com/pic/m/mundosuperonline/anigif.gif" _fcksavedurl="https://img.webme.com/pic/m/mundosuperonline/anigif.gif" alt="MundoSuperOnline.es.tl"  alt="www.MundoSuperOnline.es.tl" id="www.MundoSuperOnline.es.tl"  title="www.MundoSuperOnline.es.tl" longdesc="www.MundoSuperOnline.es.tl" /></a>

Búsqueda en página
Este ejemplo muestra como realizar la busqueda de una palabra o texto en una misma pagina html.
Código

<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_fckprotectedatt="%20onSubmit%3D%22return%20BuscarPalabras(this.string.value)%3B%22"> <Font Size=2> <Input Name="string" Type=Text Size=15 onChange_fckprotectedatt="%20onChange%3D%22n%20%3D%200%3B%22"> <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><a  href="http://mundosuperonline.es.tl" _fcksavedurl="http://mundosuperonline.es.tl" target="_self"><img border="0"  src="https://img.webme.com/pic/m/mundosuperonline/anigif.gif" _fcksavedurl="https://img.webme.com/pic/m/mundosuperonline/anigif.gif" alt="MundoSuperOnline.es.tl"  alt="www.MundoSuperOnline.es.tl" id="www.MundoSuperOnline.es.tl"  title="www.MundoSuperOnline.es.tl" longdesc="www.MundoSuperOnline.es.tl" /></a>

Pop up por tiempo
Con este script se consigue abrir una ventana pop-up la cual se puede controlar cambiando los valores de tiempo. tiempo abertura Tiempo de cierre
Código

</head> <SCRIPT LANGUAGE="JavaScript">

Alerta al pulsar la imagen
Al pulsar sobre la imagen se muestra una ventana de alerta. Cambiando los eventos, podrás conseguir que la alerta se despliegue en otro momento.
Código

Efecto agarrar y soltar
Aplicamos este codigo para hacer el efecto drag&Drop o agarrar y soltar, en el ejemplo mostramos una imagen estatica y otra con el efecto. Para agregar el efecto simplemente añade class="drag" a cualquier imagen en el documento.
Código

<head> <style>  </style> <script language="JavaScript1.2">
<!--

var dragapproved=false
var z,x,y
function move(){
if (event.button==1&&dragapproved){
z.style.pixelLeft=temp1+event.clientX-x
z.style.pixelTop=temp2+event.clientY-y
return false
}
}
function drags(){
if (!document.all)
return
if (event.srcElement.className=="drag"){
dragapproved=true
z=event.srcElement
temp1=z.style.pixelLeft
temp2=z.style.pixelTop
x=event.clientX
y=event.clientY
document.onmousemove=move
}
}
document.onmousedown=drags
document.onmouseup=new Function("dragapproved=false")
//-->
</script> </head> Imagen sin efecto<br> <img src="IMG.gif" _fcksavedurl="IMG.gif"><br> Imagen con efecto <br> <img src="IMG.gif" _fcksavedurl="IMG.gif" class="drag"><br><a  href="http://mundosuperonline.es.tl" _fcksavedurl="http://mundosuperonline.es.tl" target="_self"><img border="0"  src="https://img.webme.com/pic/m/mundosuperonline/anigif.gif" _fcksavedurl="https://img.webme.com/pic/m/mundosuperonline/anigif.gif" alt="MundoSuperOnline.es.tl"  alt="www.MundoSuperOnline.es.tl" id="www.MundoSuperOnline.es.tl"  title="www.MundoSuperOnline.es.tl" longdesc="www.MundoSuperOnline.es.tl" /></a>

Hoy habia 82 visitantes (277 clics a subpáginas) ¡Aqui en esta página!