AnshiG
Bienvenidos a AnshiG.!!

Conectarse

Recuperar mi contraseña


Afiliados Elite


Normales
Kimi wa Petto TOP
Pagerank

Últimos temas
» Blog de Renders!
Dom Ene 03, 2016 2:36 pm por Sakura92

» Hemos vuelto!!
Dom Ene 03, 2016 2:31 pm por Sakura92

» Actualización FEBRERO 2015
Vie Feb 27, 2015 10:22 am por Sakura92

» Cosplay (Varios)
Lun Feb 23, 2015 10:42 am por Sakura92

» Cosplay (Varios)
Lun Feb 23, 2015 10:41 am por Sakura92

» Materias favoritas... y no tanto!
Jue Feb 12, 2015 10:47 am por Sakura92

» Que mascotas tienen, tuvieron y les gustaria tener?
Jue Feb 12, 2015 10:38 am por Sakura92

» Redes sociales
Jue Feb 12, 2015 10:09 am por Sakura92

» PS3: Juegos!
Jue Feb 12, 2015 10:03 am por Sakura92

» Consolas o PC?
Jue Feb 12, 2015 9:55 am por Sakura92

» BUSQUEDA DE STAFF
Mar Feb 10, 2015 7:18 pm por Sakura92

» Requisitos y Datos
Mar Feb 10, 2015 12:03 pm por Sakura92

» Limpieza de afiliados
Mar Feb 10, 2015 9:36 am por Sakura92

» Ola ke Ase?
Lun Dic 09, 2013 8:07 pm por Tetsumi

» Guia 7: Reglamento Administracion
Vie Nov 22, 2013 1:05 pm por Sakura92

» Ideas
Vie Nov 22, 2013 1:02 pm por Sakura92

» Puntos
Vie Nov 22, 2013 12:59 pm por Sakura92

» Reglamento Soporte
Vie Nov 22, 2013 12:58 pm por Sakura92

» Reglamento Tutoriales
Vie Nov 22, 2013 12:57 pm por Sakura92

» Reglamento Galerias
Vie Nov 22, 2013 12:57 pm por Sakura92

» Reglamento Recursos
Vie Nov 22, 2013 12:56 pm por Sakura92

» Reglamento Talleres y Pedidos
Vie Nov 22, 2013 12:56 pm por Sakura92

» Incumplimientos
Vie Nov 22, 2013 12:52 pm por Sakura92

» Wings of Freedom [Elite]
Lun Sep 30, 2013 2:28 pm por Invitado

» Yugi Oh! RPG [Élite]
Miér Ago 07, 2013 2:36 am por Invitado

» OMEGA NEW WORLD [Afiliación Élite ]
Miér Jul 31, 2013 6:08 pm por Invitado

» Creando Mundos [Élite]
Vie Jul 26, 2013 12:22 am por Invitado

» World´s Inuyasha RPG [Normal]
Miér Jul 24, 2013 11:46 pm por Invitado

» Fatal Liberty Rol [Élite]
Mar Jul 16, 2013 10:30 am por Invitado

» Fairy Tail Sekai || Re-Apertura! || Afiliación Elite
Miér Jul 03, 2013 1:50 am por Invitado

» Hi(: !
Lun Jul 01, 2013 3:47 am por #Re Sound

» Hola, Hola, ¿hay alguien ahi?
Lun Jul 01, 2013 3:37 am por #Re Sound

» Bleach: Shadow Of Seireitei [Cambio de dirección]
Sáb Jun 29, 2013 11:52 am por Invitado

» Volvi... nose si para siempre pero volvi xD
Vie Jun 28, 2013 9:08 am por Sakura92

» Me extravié en el cielo, ¿qué puedo hacer?
Vie Jun 28, 2013 8:55 am por Sakura92

» Roma Antiqua {Afiliación Normal}
Dom Jun 23, 2013 3:07 pm por Invitado

» Saint Seiya Cosmos Rebellion Rol [Afiliación Élite]
Dom Jun 16, 2013 12:13 am por Invitado

» Buck Tick Fans [Élite]
Jue Jun 13, 2013 1:49 am por Invitado

» End of Silence [Cambio de dirección y botones]
Vie Mayo 31, 2013 5:54 am por Invitado

» Campamento mestizo [Afiliación Elite]
Miér Mayo 29, 2013 6:11 pm por Invitado

» Render Universe - Elite
Dom Mayo 19, 2013 3:58 pm por Invitado

» Love orange and cyan (tutorial9
Jue Mayo 16, 2013 3:51 pm por Loki

» AVISO
Jue Mayo 16, 2013 8:49 am por Sakura92

» Code Geass: Endless Dark [Élite]
Miér Mayo 01, 2013 2:22 am por Invitado

» Creative Designs (normal)
Mar Abr 30, 2013 12:48 am por Invitado

» Ultimate Inazuma Rol -Cambio de banner-
Jue Abr 25, 2013 1:26 pm por Invitado

» Buenas...
Mar Abr 16, 2013 3:58 pm por Naggar

» Actualizacion de Abril
Mar Abr 16, 2013 2:00 pm por Sakura92

» Texuras y Png hechas por mi (Sueltas) - Actu 13/04
Lun Abr 15, 2013 8:16 am por Jotaro Kujo

» AVISO DE AUSENCIA TEMPORAL
Vie Abr 12, 2013 2:46 pm por Zec



Las imagenes e historias que se posteen en este foro son de sus respectivos dueños, cada uno tendra el link correspondiente a la pagina donde lo ubico su creador originalmente.Todo el materia ya se encuentra bajo licencia por favor si quieres tomar algo comunicarse con la administración del foro, o el dueño del post.
Creative Commons License
Crear
foro
Codigos CSS-HTML-JS

APRENDO EN...
Estudio en Eternal Designs Melody Graphics School ise-graficos

TOMO RECURSOS DE...

RESEÑAS...


Propiedades Basicas Javascript: Introduccion

Ver el tema anterior Ver el tema siguiente Ir abajo

Propiedades Basicas Javascript: Introduccion

Mensaje por Sakura92 el Sáb Abr 06, 2013 7:09 pm

TUTORIAL REALIZADO POR PYRITE WOLF DE SOURCECODE


#001 - Introducción

Queda terminantemente PROHIBIDO (?) leer esto si no te sientes cómodo con el HTML y el CSS. no, ya, de verdad te recomiendo leer los tutos de esos temas primero y asegurarte de que manejas medianamente bien ambos lenguajes antes de avocarte al js.

El JavaScript es lo que se llama un lenguaje de scripts, algo un poquito más cercano a la verdadera programación que el HTML y el CSS. Permite mover elementos, ocultar cosas, animar cosas, emplear contadores, ¡nos abre cientos de puertas! Este tuto te explicará el funcionamiento de algunos aspectos básicos del js.

1. Bibliotecas

Como el JavaScript en sí hace que algunos efectos sean realmente molestos de hacer, existen bibliotecas que recopilan algunas acciones en funciones. De este modo, hacer muchas cosas se hace más sencillo. Hay muchas, muchas bibliotecas (Mootools, Dojo, etc.) pero la que emplearemos en estos tutos será jQuery. ¿Por qué?
  • A pesar de que otras bibliotecas tienen más variedad de efectos disponibles, jQuery es la mejor combinación de variedad y calidad - además de ser considerablemente liviana.
  • jQuery viene incorporada en todos los foros de ForoActivo por defecto. Si no tienes un foro de ForoActivo, sólo debes añadir a tu HTML:
    Código:
    <script src="http://code.jquery.com/jquery-latest.min.js"
            type="text/javascript"></script>
    Y la última versión de jQuery se cargará a tu web.

2. Cómo y dónde escribir el JavaScript
Hay muchos puntos y formas de escribir el JavaScript. Lo que veremos inicialmente será el JavaScript escrito para colocar en PA > Módulos > Gestión de las páginas JavaScript, que también se puede emplear en cualquier sección que lea HTML colocando el código dentro de un HTML básico:
Código:
<script type="text/javascript">aquí tu código js</script>
Al igual que con la etiqueta style y el CSS, tendrás que eliminar todos los enters que haya en tu código si quieres colocarlo con ese método en un post. Aún así, he visto muchos problemas con el funcionamiento de JavaScript en posts cuando no es colocado desde el Panel Administrativo.

3. Selección de elementos

Cuando se emplea jQuery, la selección de un elemento es bastante sencilla. Se pueden emplear dos formas de escritura:
  • $('aquí el elemento')
  • jQuery('aquí el elemento')
Donde dice aquí el elemento se coloca un selector como los de CSS (puedes leer sobre ellos aquí y aquí). Por ejemplo, si tenemos en el HTML un elemento que tiene una id llamada "cajita", y lo queremos llamar al JavaScript, emplearemos un selector que dirá algo así como $('#cajita').

¿Qué diferencia hay entre usar $ y usar jQuery?
Ninguna, pero jQuery generalmente se usa cuando estás empleando dos bibliotecas distintas porque muchas bibliotecas emplean el $ para abrir una sentencia de llamado al DOM o esquema HTML de una página.

Aquí termina este tuto porque el próximo tema es uno en el que me quiero explayar bastante (; cualquier consulta, duda, problema, etc. ya saben, dejen mensaje ^^

​​​​​​​​​​​​​​​​​​​​​​​​​​​

avatar
Sakura92
Webmaster
Webmaster

Mensajes : 175
Puntos : 178942
Reputación : 2
Edad : 25

Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.