Filed under Tutoriales

Quitar acentos en JavaScript

Problema:
Por cosas del destino tenia que usar una función en JavaScript que quitara los acentos a una cadena de texto y buscando en google encontre que en [RecorteX], habia una funcion bastante interesante que quita todo los acentos y caracteres raros a las vocales, así como la tilde de las Ñ.

Ejemplo:
Cadena: “Había una vez un niña llamada María”
Convertida: “Habia una vez una nina llamada Maria”

Posibles usos:
En lo que yo lo use es para mandar obligatoriamente una cadena por el método get.
Hay muchas otros casos para usarlo.

Descarga:
Les dejo un archivo, donde viene la función y un ejemplo.

Descargar

Crear Tabs por medio de Hojas de Estilo (CssTabs)

csstabs2

Explicación: Buscando tutoriales de como hacer Tabs de manera sencilla, y que usaran css, di con un programa de [OverZone] que aparte de ser bastante liviano, es muy facil de manejar, editar, guardar, etc, ademas de que también tiene plantillas para las personas que no se les da el Diseño.

Tutorial:

Explico rápidamente como usarlo.

Una vez instalado el programa, se vera una pantalla similar:

csstabs1
(Da clic en la imagen para ver en grande)

Para agregar Items (Secciones), le damos clic al signo de más (+), al abrirnos una ventana escribimos el Nombre de la sección y la página a la que debera ir, le damos aceptar; agregamos todas los Items necesarios.

Despues seleccionamos una plantilla (la que mas nos guste), para eso veremos el resultado en la vista previa.

Ya una vez seleccionado una plantilla le damos en generar Archivo y ponemos el nombre de la página.

y es todo ^^..ah se me olvidaba es Gratuito el programa!

Link: (Descargar programa)

Descargar

Link de la página: [OverZone]

 

Tablesorter 2.0

Explicación: Buscando un código/aplicación, donde tengo toda una lista de personas (nombre, apellido paterno, apellido materno, edad), lo que yo queria es de que cuando se le de clic a una de las cabeceras me ordenara los datos por columna.

Ejemplo:

tablesorterimg

Al darle clic a First Name me ordene de mayor a menor ó de menor a mayor los nombres, y que ahora si le daba click a la cabecera de Age me los ordenara asi:

tablesorterimg2

Bueno todo esto es posible gracias a [TableSorter]con el plugin de Jquery.

Caracteristicas: 

  • Ordenamiento por múltiples columnas
  • Interpreta y ordena por texto
  • URLs
  • Números Enteros, moneda, números flotantes
  • Direcciones IP
  • Fecha, hora
  • Soporta (IE 6.0+, FF 2+, Safari 2.0+, Opera 9.0+).
  • etc.

Como ultilizarlo:

Descargamos la ultima versión del JQuery y jquery.tablesorter.js, despues llamamos los javascript en el header:

<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jquery.tablesorter.js" type="text/javascript"></script>

Llamamos la afuncion de tablesorter, esto es para decirle a que tabla se le va aplicar el plugin y asi pueda ordenarlos.

<script type="text/javascript">
$(document).ready(function()
    {
        $("#myTable").tablesorter();
    }
);
</script>

Agregamos la hoja de estilo:

<link href="styles.css" rel="stylesheet" type="text/css" />

Y por último incluimos nuestra tabla normal, teniendo cuidado en asignarle un identificador y utilizar los tags thead y tbody para separar los títulos del contenido.

<table id="myTable">
<thead>
<tr>
    <th>Last Name</th>
    <th>First Name</th>
    <th>Email</th>
    <th>Due</th>
    <th>Web Site</th>
</tr>
</thead>
<tbody>
<tr>
    <td>Smith</td>
    <td>John</td>
    <td>jsmith@gmail.com</td>
    <td>$50.00</td>
    <td>http://www.jsmith.com</td>
</tr>
<tr>
    <td>Bach</td>
    <td>Frank</td>
    <td>fbach@yahoo.com</td>
    <td>$50.00</td>
    <td>http://www.frank.com</td>
</tr>
<tr>
    <td>Doe</td>
    <td>Jason</td>
    <td>jdoe@hotmail.com</td>
    <td>$100.00</td>
    <td>http://www.jdoe.com</td>
</tr>
<tr>
    <td>Conway</td>
    <td>Tim</td>
    <td>tconway@earthlink.net</td>
    <td>$50.00</td>
    <td>http://www.timconway.com</td>
</tr>
</tbody>
</table>
Y asi es como obtenemos nuestra tabla, que al darle click a una de las cabeceras nos hara el ordenamiento de la tabla.

Descarga:

Descargar

Link Página oficial: [Tablesorter]

Botón con Flash AS3

Vamos a crear un botón en Flash CS3 para que abra una página de Internet usando AS3.

Primero debemos crear un movieClip que le llamaremos boton

mcboton
(Da clic en la imagen para ver en grande)

Ahora vamos a darle acciones al movieClip (boton), antes en AS2, se hacia sobre el objeto con los eventos onpress y todo ese rollo, ahora con el AS3 esas funciones ya no existen, para hacerlo nos vamos a ir un FRAME donde se encuentra nuestro movieclip (De preferencia vacio el cual llamaremos AS3, esto es por cuestión de estetica y orden), le damos clic a ese frame y ahí es donde codificaremos.

frmcodigo

 Vamos a agregar un evento  nuestro movieclip, recordemos que le hemos puesto boton, asi que la sintaxis seria la siguiente:

boton.addEventListener(MouseEvent.CLICK,irURL); 

Donde:

boton = nombre del movieClip
addEventListener = Agregamos un evento
MouseEvent.CLICK = Hacemos referencia al evento Click
irURL = funcion que debe de ir al hacer click en el movieClip.

Ahora creamos la funcion irURL:

function irURL(event:MouseEvent){
 navigateToURL(new URLRequest("http://www.google.com.mx"));
}
 

Podemos dirigirlo a una página o a un archivo (Ej. pdf, doc, ppt).

Entonces quedaria el código completo de la siguiente manera:

codigoas3btn

Y asi es como de manera sencilla podemos crear un botón desde AS3

Descarga ejemplo:

btndescargar

Seguir

Get every new post delivered to your Inbox.