vianeth pichica muñoz

jueves, 6 de octubre de 2011

<html>
<body>
<SCRIPT language="JavaScript">
function separa()
{
var c="NARANJA, /PERA, /UVAS, /PIÑA. ";
var a=c.split("/");
alert(a[0]+" "+a[1]+" "+a[2]+" "+a[3]);

}
</SCRIPT>
<SCRIPT language="JavaScript">
function pegar()
{
var nom = ['Am','ar','il','lo'];
var pegados = nom.join("");
alert(pegados);

}
</SCRIPT>
<FORM><p>
<H3>SPLIT<H3>
<INPUT TYPE="button" onClick="separa()" value="SEPARAR"><br><p>
<H3>JOIN<H3>
<INPUT TYPE="button" onClick="pegar()" value="PEGAR">

</FORM>
</body>
</html>

lunes, 26 de septiembre de 2011

una funcion de javascript desde select

<html>
<head>
    <title>Ejemplo select</title>

<script language="JavaScript">

function dimePropiedades()
{
    var texto
    texto = "El numero de opciones del select: " + document.formul.seleccion.length

    var indice = document.formul.seleccion.selectedIndex
    texto += "\nIndice de la opción escogida: " + indice

    var valor = document.formul.seleccion.options[indice].value
    texto += "\nValor de la opcion escogida: " + valor

    var textoEscogido = document.formul.seleccion.options[indice].text
    texto += "\nTexto de la opcion escogida: " + textoEscogido
    alert(texto)
}
</script>
</head>
<body>

<form name="formul">
Valoracion sobre esta pagina:
<select name="seleccion">
<option value="10">Muy bien
<option value="5" selected>Regular
<option value="0">Muy mal
</select>
<br>
<br>
<input type=button value="Dime propiedades" onclick="dimePropiedades()">
</form>
</body>
</html>

ver o ocultar una informacion

<html>
<head>
<script type="text/javascript">
function mostrar(mo)
{
    document.getElementById(mo).style.display= "block";
}
function ocultar(ocu)
{
    document.getElementById(ocu).style.display= "none";
}
function inicial()
{
    if (document.getElementById('pepema'))
    {
    mostrar('text1') ;
    }
    else
    {
    ocultar('text1');
    }
}
</script>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css">

</style></head>

<body onLoad="inicial()">

<table border="5" align="center">
<tr>
<td bgcolor="#FFCC66">
<a href="javascript:mostrar('text1')">ver entarda</a>
<br>

<div id='text1'><img align="10" alt="10" src="GIF018.gif "><br>
<strong>hay un secreto que debemos mostra</strong><br>
<strong>quieres ver para que me vuelva a ver</strong><br>
<strong>se que te gustara lo veras.</strong></div>
<a href="javascript:ocultar('text1')">ocultar entarda</a>
</td>
</tr>
</table>
</body>
</html>

El dolor es inevitable, el sufrimiento es opcional.

Amar es enamorarse de la misma persona todos los días, sin hacer antigüedad, evitando la monotonía.

Siempre en el amor hay un poco de locura pero en la locura hay un poco de razón.

No importa el exterior... tampoco el interior.

El amor no es fantasía, el amor es poesía y es por eso que te digo que yo te amaría, aunque tú no me quieras.

Si quieres saber cuanto te quiero cuenta las estrellas del cielo...

No me hagas llorar, me acostumbro a que ya no estas y, aunque no quiera, lo admitiré ya que es la verdad...

El amor es una condición en la que la felicidad de otra persona es condición imprescindible para su propia felicidad.

Sé que no puedo volar, pero hay alguien que me hace sentir que lo puedo hacer, y esa persona eres tú.

lunes, 19 de septiembre de 2011

Este ejemplo contempla un mostrador de diapositivas (en este caso imágenes). Se tienen dos enlaces, uno mostrar la diapositiva siguiente y otro para mostrar la diapositiva anterior. Una posible aplicación práctica podría ser en una galería de fotos.

<html>
<head>
<title>Ejemplo de un mostrador de diapositivas</title>
<script>
var contador = 0;
var diapositivas = [];
function inicio()
{
        var contenedor = document.getElementById("diapositivas");
        while (contenedor.childNodes.length > 0)
        {
             if (contenedor.getElementsByTagName("img")[0]==contenedor.firstChild)
             {
                 diapositivas[diapositivas.length] = contenedor.removeChild( contenedor .firstChild);
            }
            else contenedor.removeChild(contenedor.firstChild);
        }
}
function adelante()
{
        contador++;
        if (contador >= diapositivas.length) contador = 0;
        ponerImagen()
}
function atras()
{
        contador--;
        if (contador < 0 ) contador = diapositivas.length - 1;
        ponerImagen();
}
function ponerImagen()
{
        var contenedor = document.getElementById("diapositivas");
        if (contenedor.childNodes.length==0)
        contenedor.appendChild(diapositivas[contador]);
        else contenedor.replaceChild(diapositivas[contador], contenedor.childNodes[0]);
}
</script>
</head>
<body>
<a href="javascript: atras();">Atrás</a>
<span id="diapositivas">
<img src="arx1299975097t.gif" alt="Diapositiva 1" height="100" width="200">
<img src="bwy1296591260p.gif" alt="Diapositiva 2" height="100" width="200">
<img src="images.jpg" alt="Diapositiva 3" height="100" width="200">
</span>
<a href="javascript: adelante();">Adelante </a>
</body>
</html>
<script>
inicio();
ponerImagen();
</script>