MAXwidget

Partido Argentina-Brasil

PARTIDASO

Para el gran partido que se viene el 5 de septiembre  un diario brasileño saco un sitio donde se puede votar que jugador es el mejor en un mano a mano… vote al mejor jugador que considera….

VER…..

Menú desplegable con JavaScript

El menú desplegable es una excelente manera de condensar muchos enlaces en un área pequeña. Este primer artículo le muestra cómo crear un tirón de base menú desplegable. A continuación, explicar las variaciones por no proporcionar un “ir”-tipo botón, utilizando el menú con los marcos, y utilizando el menú con las ventanas pop-up.

He aquí un ejemplo de trabajo de nuestro menú:

El código JavaScript que va dentro de la sección HEAD del documento es:

<script LANGUAGE="JavaScript"><!--
function openURL()
{

      //agarrar número de índice de la opción seleccionada
      selInd = document.theForm.aaa.selectedIndex;

      //obtener el valor de la opción seleccionada
      goURL = document.theForm.aaa.options[selInd].value;

      //redirigir el navegador  (dirección URL)
      top.location.href = goURL;

}

//-->
</script>

Cómo funciona el menú

El nombre del formulario utilizado en este ejemplo es theForm y el nombre del campo seleccionado es AAA (véase el formulario HTML). La agarra de primera línea el número de índice de la opción que está seleccionada en el cuadro de selección. El índice de numeración comienza en 0 y va hasta sin embargo muchas opciones que usted tiene. El valor en el campo de opción es la dirección que queremos ir. La última línea establece la ubicación de los navegadores a esta dirección URL, y este lo envía a su paso.

La parte de HTML no es más que una forma, con un menú desplegable y un botón que llama a la función anterior. Las diferentes opciones en el menú de definir la dirección URL y el texto que se muestra. El botón GO se utiliza el método de clic para llamar a nuestra función.
El aspecto del código:

Encuesta, Sobre CMS

Tutorial Subir Archivo con AJAX

Paso 1 – AJAX carga de archivos

En primer lugar he de decir que para crear un puro AJAX sistema de carga de archivos no es posible debido a limitaciones de seguridad del Javascript. Todos los sistemas de carga Ajax sé usar alguna herramienta de terceros / paquete o sólo imita la sensación de AJAX. Aún así, el proceso de carga de archivos hace un poco mejor. En la próxima sección voy a presentarles una solución que imita el proceso de AJAX, pero utiliza un proceso de carga normal y iFrames.

Concepto:

• Crear un simple formulario HTML para la carga de archivos
• Establecer la meta de un iframe que se encuentra en la página real, pero no es visible.
• Llame a una función de JavaScript en el formulario para presentar la pantalla de animación.
• Después de la parte de PHP termina el proceso de carga, y luego se esconde la animación.

Crear el archivo HTML:

El archivo HTML que usaremos en este artículo es bastante simple. Sólo tienen un simple formulario con un archivo de campo y un botón de enviar. Sin embargo, no se olvide de la enctype parámetro.

      <form action="upload.php" method="post" enctype="multipart/form-data" target="upload_target" >
      File: <input name="myfile" type="file" />
      <input type="submit" name="submitBtn" value="Upload" />
      </form>

Además de esto tenemos que añadir un poco más de código a la misma. Primero necesitamos un bloque en el que mostrará el progreso de animación. Tenemos otro bloque en el que informará a los visitantes si la subida fue el éxito o no. Además de esto tenemos que añadir un iFrame de oculta a la página que se utiliza como forma de destino. Al menos añadir un evento onSubmit del formulario. Por lo tanto, nuestro cuerpo HTML parecido a este: