CODIGO DEL PROBADOR de codigos DE ARRIBA
<script type="text/javascript">
//<![CDATA[
function probar(texto) {
ventana = window.open('', 'popup', '');
ventana.document.write(texto);
}
//]]>
</script>
<form name="probador" action="" id="probador">
<font size="2">Esto es un probador de códigos, inserta el código HTML y te dará el resultado en una ventana nueva!</font>
<hr />
<textarea name="texto" cols="50" rows="10">
</textarea> <font size="2"><br /></font> <input type="button" value="Convertir" onclick="probar(texto.value)" />
</form>
Ventana emergente en tu web
Este codigo es para una ventana emergente en tu web o sea que al abrir tu pagina web automaticamente se abrira otra web la que tu elijas.
Lo podemos agregar como un witged/html en la pagina que desees solo en la pagina que lo agreges se habrira por ejemplo: si lo pusistes en tu pagina de inicio solo ahi se abrira esa ventana emergente en las otras pestañas de tu web no.
En cambio si deseeamos que en todas las paginas de tu web salga la ventana emergente lo colocamos en plantillas,plantillas propias,html.
La ventana la puedes modificar a tu estilo y tamaño osea le cambias donde dice width y height le cambias los numeros al tamaño que te guste.
NOTA:DONDE DICE TU URL LE COCAMOS LA DIRECCION DE LA PAGINA,IMAGEN,LO QUE DESEES ABRIR.
<!-- Mas trucos y scripts en http://disemucho.jimdo.com -->
<SCRIPT language=Javascript> open('AQUI EL URL','AQUI EL TITULO',"toolbar=0,location=0,status=0,menubar=0,scrollbars=yes,resizable=YES,width=1000,height=500");</SCRIPT>
Codigo Imagen cargandose pagina
<script type='text/javascript'>
//<![CDATA[
window.onload = detectarCarga;
function detectarCarga(){
document.getElementById("imgLOAD").style.display="none";
}
//]]>
</script>
<div id='imgLOAD' style="TEXT-ALIGN:center">
<b>Cargando</b>
<center>
<img src="http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/ibf915c1d2f56d8f7/1278627896/thumb/image.gif " alt="" />
</center>
</div>
Se daran en cuenta que una vez cargada su pagina la imaguen desaparece
Puedes utilizar estas imagenes
<center> <div class="n"><p>
<b><font color="#FFCC00" size="4"><marquee width="400" scrollamount="5" bgcolor="#232323">aqui tu texto</marquee>
</font></b>
</p><center>
EJEMPLO:
bienvenidos a mi seccion de codigos html y javascrip
Ventana de alerta en tu web con un mensaje
<script language="JavaScript" type="text/javascript">
alert("Pon aqui el mensaje que quieres!");
</script>
Mensaje de alerta mediante un boton
<form><input name="button2" type="button"
onclick='alert("Aqui el mesaje de alerta!")' value="Nombre del boton" />
</form>
Cambiar imagen al darle click
<script language="javascript">
imagen1=new Image
imagen1.src="url dela imagen aqui"
imagen2=new Image
imagen2.src="url dela imagen aqui"
var i=1;
function cambiar() {
if (i == 1)
{
document.images['ejemplo'].src=imagen2.src
i=2;
}
else
{
document.images['ejemplo'].src=imagen1.src;
i=1;
}
}
</script><img src="url dela imagen aqui" name="ejemplo" onMousedown="cambiar()"">
Opcion de agregar a favoritos tu pagina
<a href="javascript:window.external.AddFavorite('AQUI LA URL DE TU WEB', '')">Agregar a favoritos</a>
BOTON PARA OCULTAR Y MOSTRAR LA INFORMACION QUE TU DESEES:CODIGO DE COLOR AMARILLO
<div class="pre-spoiler">
<span style="color: #00ffff;">AQUI COLOCAN EL TEXTO QUE SE VERA AL DAR CLIC</span> <input type="button" value="Mostrar" style="width:80px;font-size:10px;margin:0px;padding:0px;" onclick=
"if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Ocultar'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Mostrar';}" />
</div>
<div>
<div class="spoiler" style="display: none;">
AQUI ESCRIBEN TODO EL CONTENIDO QUE OCULTARAN YA SEA UN CHAT, REPRODUCTOR,ETC
</div>
</div>
Codigo para que tus visitantes pongan sus nombres y luego el mensaje que tu desees
<Script language="JavaScript">
mensagem = prompt("Por favor, ingresa tu nombre",'');
if (mensagem==null) {
document.write("¡Hola, visitante!")
}else{
if (mensagem=='') {
document.write("<b><font size=2 color=#000000>¡Hola, visitante!</font></b>")
}else{
document.write("<b><font size=2 color=#000000>¡Hola"+mensagem+"! AQUI EL TEXTO QUE DESEES </font></b>");
}
}
</script>
PUEDES CAMBIARLE EL COLOR DE LAS LETRAS DEL MENSAJE DONDE DICE COLOR.
CODIGO PARA ROTAR IMAGENES GIF Y JPG CODIGO
Este codigo les sirve para hacer hacer rotar las imagenes que coloquen, acepta imagenes jpg y gif solo le ponen la direccion de la imagen que desean osea la direccion url de la imagen y listo.
Abajo esta el ejemplo como les va a salir
<!-- Mas scripts en http:disemucho.jimdo.com -->
<script language="JavaScript1.1" type="text/javascript">
//<![CDATA[
var specifyimage=new Array() //Your images
specifyimage[0]="aqui va ladireccion de tu imagen1"
specifyimage[1]="aqui va ladireccion de tu imagen2"
specifyimage[2]="aqui va ladireccion de tu imagen3"
specifyimage[3]="aqui va ladireccion de tu imagen4"
var delay=3000 //3 seconds
//Counter for array
var count =1;
var cubeimage=new Array()
for (i=0;i<specifyimage.length;i++){
cubeimage[i]=new Image()
cubeimage[i].src=specifyimage[i]
}
function movecube(){
if (window.createPopup)
cube.filters[0].apply()
document.images.cube.src=cubeimage[count].src;
if (window.createPopup)
cube.filters[0].play()
count++;
if (count==cubeimage.length)
count=0;
setTimeout("movecube()",delay)
}
window.onload=new Function("setTimeout('movecube()',delay)")
//]]>
</script><img src="boy4.gif" name="cube" border="0" style="filter:progid:DXImageTransform.Microsoft.Stretch(stretchStyle='PUSH')" alt="" id="cube"/>
TEXTO ENMARCADO: CODIGO DE COLOR BLANCO
Este es un ejemplo de un texto enmarcado.
CODIGO:
<p style="border: ridge #FF0000 2px">
AQUI TU TEXTO
</p>
Asi solo cambiale mi direccion por la que tu quieres que se habra y se vea en tu web
<form>
<input type="submit" name="button" value="www.disemucho.jimdo.com" style="color: #000000; background-color: #FF9900" />
</form>
Esto le aparecera segun el horario si es de dia buenos dias y asi sucesivamente.
<font size="2"><b><script language="JavaScript" type="text/javascript">
//<![CDATA[
<!--
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>
Al insertar este código, cada vez que entremos en la Web se producirá una especie de terremoto en el explorador. Un efecto interesante para atraer la atención de nuestros visitantes.
Esto no les recomiendo en su web pero ustedes escojen
CÓDIGO:
<html>
<head>
<title>disemucho.jimdo.com</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<p>
<script language="JavaScript1.2">
function tremer(n) {
if (self.moveBy) {
for (i = 10; i > 0; i--) {
for (j = n; j > 0; j--) {
self.moveBy(0,i);
self.moveBy(i,0);
self.moveBy(0,-i);
self.moveBy(-i,0);
}}}}
tremer(5)
</script>
<Script language=JavaScript>
function right(e) {
if (navigator.appName == 'Netscape' && (e.which == 3 || e.which == 2)){
alert("www.CheNico.com");
return false;
}
else if (navigator.appName == 'Microsoft Internet Explorer' &&
(event.button == 2 || event.button == 3)) {
alert("http://disemucho.jimdo.com");
return false;
}
return true;
}
document.onmousedown=right;
if (document.layers) window.captureEvents(Event.MOUSEDOWN);
window.onmousedown=right;
</script>
</body>
</html>
Hora y texto en la barra de estado:
Con este truco, podemos hacer que aparezca en la barra de estado la hora de la PC que entra a nuestra Web y poner el texto que queramos.
<script language="JavaScript">
<!--
mensaje=" |======| aqui pon lo que desees"
function hora() {
var h = new Date();
window.status="|======| "
+ h.getHours() +":"+ h.getMinutes() +"" +mensaje ;
window.setTimeout('hora()',100);
}
hora()
//-->
</script>
Cambiale el texto que desees en donde esta de color celeste y la direccion url de las paginas que desees que se te abra al darle clic
CÓDIGO:
<font size="2">
<script language="JavaScript">
var timerID = null
var timerRunning = false
var charNo = 0
var charMax = 0
var lineNo = 0
var lineMax = 3
var lineArr = new Array(lineMax)
var urlArr = new Array(lineMax)
lineArr[1] = "codigos html"
urlArr[1] = "http://disemucho.jimdo.com"
lineArr[2] = "Trucos html"
urlArr[2] = "http://disemucho.jimdo.com"
lineArr[3] = "plantillas jimdo"
urlArr[3] = "http://disemucho.jimdo.com"
var lineText = lineArr[1]
function StartShow() {
StopShow()
ShowLine()
timerRunning = true
}
function FillSpaces() {
for (var i = 1; i <= lineWidth; i++) {
spaces += " "
}
}
function StopShow() {
if (timerRunning) {
clearTimeout(timerID)
timerRunning = false
}
}
function ShowLine() {
if (charNo == 0) {
if (lineNo < lineMax) {
lineNo++
}
else {
lineNo = 1
}
lineText = lineArr[lineNo]
charMax = lineText.length
}
if (charNo <= charMax) {
document.formDisplay.buttonFace.value = lineText.substring(0, charNo)
charNo++
timerID = setTimeout("ShowLine()", 100)
}
else {
charNo = 0
timerID = setTimeout("ShowLine()", 3000)
}
}
function GotoUrl(url)
{
top.location.href = url
}
document.write("<form name="formDisplay">");
document.write("<input type="button" name="buttonFace" value="&{lineText}" size="18" onClick="GotoUrl(urlArr[lineNo])">");
document.write("</form>");
StartShow();
</script></font>
solo funciona en internet explorer esto en el head
CÓDIGO:
<script language="JavaScript">
var velocidade = 45;
var ciclo = 2000;
var tamanho = 20;
var x = 0;
var y = 0;
var mensagens, size;
var esize = "</font>";
function initArray() {
this.length = initArray.arguments.length;
for (var i = 0; i < this.length; i++) {
this[i] = initArray.arguments[i];
}
}
var mensagens2 = new initArray(
"HOLA BIENBENIDO A",
"http://disemucho.jimdo.com",
"ESCRIBENOS A NUESTRO CORREO",
"paoyeste@hotmail.com"
);
if(navigator.appName == "Netscape")
document.write('<layer id="wds"></layer><br>');
if (navigator.appVersion.indexOf("MSIE") != -1)
document.write('<span id="wds"></span><br>');
function aumenta(){
mensagens = mensagens2[y];
if (x < tamanho) {
x++;
setTimeout("aumenta()",velocidade);
}
else setTimeout("diminui()",ciclo);
if(navigator.appName == "Netscape") {
size = "<font color=#33FF00 point-size='"+x+"pt'>";
document.wds.document.write(size+"<center><a href=http://disemucho.jimdo.com Target=_blank style=text-decoration:none;color:#66CC33>"+mensagens+"</a></center>"+esize);
document.wds.document.close();
}
if (navigator.appVersion.indexOf("MSIE") != -1){
wds.innerHTML = "<font color=#66CC33><center><a href=http://disemucho.jimdo.com Target=_blank style=text-decoration:none;color:#66CC33>"+mensagens+"</a></center></font>";
wds.style.fontSize=x+'px'
}
}
function diminui(){
if (x > 1) {
x--;
setTimeout("diminui()",velocidade);
}
else {
setTimeout("aumenta()",ciclo);
y++;
if (y > mensagens2.length - 1) y = 0;
}
if(navigator.appName == "Netscape") {
size = "<font color=#66CC33 point-size='"+x+"pt'>";
document.wds.document.write(size+"<center><a href=http://disemucho.jimdo.com Target=_blank style=text-decoration:none;color:#66CC33>"+mensagens+"</a></center>"+esize);
document.wds.document.close();
}
if (navigator.appVersion.indexOf("MSIE") != -1){
wds.innerHTML = "<font color=#66CC33><center><a href=http://disemucho.jimdo.com Target=_blank style=text-decoration:none;color:#66CC33>"+mensagens+"</a></center></font>";
wds.style.fontSize=x+'px'
}
}
setTimeout("aumenta()",velocidade);
</script>
volver arriba volver abajo
Arriba: <a href="javascript:history.go(-1)">Arriba</a> Abajo: <a href="javascript:history.go(1)">Abajo</a>
Codigo para esta barra de corazones
<center>
<a href="http://telmox.jimdo.com" target="_blank"><img src="http://u.jimdo.com/www31/o/s0cbf529a43eb907d/img/i4664145beff5f966/1297437321/std/image.gif" border="0" width="500" height="20" alt=
"" /></a>
</center>