Archivo de la etiqueta: HTML

Cuenta hacia adelante con javascript – incrementar número

Posted on by
Responder

Con el siguiente código podemos hacer una cuenta hacia adelante con javascript, dicho de otra forma sería incrementar un número con javascript hasta donde nos interese, esta muy bien para cuando queremos indicar el tiempo en el que va a pasar un suceso en nuestra web.

Código javascritp:

<script type="text/javascript">
var num = 0 //aquí se establece el valor inicial
function cuentaAdelante(){
if(num >= 100){//aqui se establece el valor final
document.getElementById('ca').firstChild.nodeValue = num
num++
setTimeout('cuentaAdelante()',1000)//tiempo para que cambie el numero
}
}
function escribe(){
document.write ('<span id="ca">' + num + '</span>')
}
</script>

Nota: El código anterior debe ponerse al principio de la pagina para que funcione correctamente.

Código para sacar por pantalla el numero: Sigue leyendo →

Sistema básico de pestañas con javascript y html

Posted on by
3

Con el siguiente javascript conseguiremos un sencillo funcionamiento de pestañas pero muy útil ya que es la base para poder crear uno con el estilo que deseemos.

¿Como conseguimos el funcionamiento de las pestañas?
Para conseguir el funcionamiento de la pestañas lo haremos mediante capas <div> superponiendo una encima de las otras.
¿Para que utilizamos el javascript?
Con el javascript manipulas los estilos de las capas haciéndolas visibles o invisibles y posicionandolas encima o debajo a nuestro gusto.

El código javascript escrito a continuación contiene una función general que podemos utilizar para varios grupos de pestañas.

Javascript:

<script type="text/javascript">
function pestana(grupo_pesta, id_pesta){
var pestanas = document.getElementById(grupo_pesta);
var Tpestanas = pestanas.getElementsByTagName("div");
for(var i=0; i<Tpestanas.length; i++) {
Tpestanas[i].style.zindex="-1000";
Tpestanas[i].style.visibility="hidden";
}
document.getElementById(id_pesta).style.zIndex="1000";
document.getElementById(id_pesta).style.visibility="visible";
}
</script>

Sigue leyendo →

Como poner visor de TS2 o TS3 [TeamSpeak] en página web – mostrar canales y usuarios conectados

Posted on by
11

visor ts

Para visualizar los canales y usuarios de nuestro ts necesitamos un script que acceda a los datos del ts o un servicio que nos ofrezca poder poner el ts en nuestra web.

En este manual explicare como poner nuestro visor de ts en nuestra página web utilizando el servicio de www.tsviewer.com Sigue leyendo →

Lista de Etiquetas HTML

Posted on by
Responder

El siguientes pdf contiene todas las etiquetas HTML, o al menos la mayoría.

Insertar pdf en html

Posted on by
23

Es muy sencillo una vez que se sabe, todo consiste en utilizar el tag embed

<embed src="url_pdf.pdf" width="450" height="450" href="url_pdf.pdf"></embed>

Donde pone url_pdf.pdf tienes que poner la url de vuestro pdf.

Un saludo.