elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Trabajando con las ramas de git (tercera parte)


+  Foro de elhacker.net
|-+  Programación
| |-+  Programación General
| | |-+  Ayuda(javascript)-crear librería js
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: Ayuda(javascript)-crear librería js  (Leído 2,909 veces)
FJDA


Desconectado Desconectado

Mensajes: 322


Ver Perfil
Ayuda(javascript)-crear librería js
« en: 29 Abril 2017, 12:16 pm »

hola

Estoy aprendiendo javascript y he llegado a ese punto que quiero crear una librería llamando a una función externa de una archivo js.

Esto en el HTML
Código
  1. <body>
  2.  
  3. <div class="container"></div>
  4. <script type="text/javascript">
  5. var contenedor= document.getElementsByClassName('container')[0];
  6. with(contenedor)
  7. {
  8. style.width="300px"
  9. style.height="300px"
  10. style.backgroundColor="red"
  11. }
  12. //aquí llamaría a la función externa crearParrafo que crearía el objeto
  13. //párrafo dentro del div
  14.  
  15. crearObjeto(contenedor)
  16. //Esta  sería la función externa en el archivo crearParrafo.js
  17. // function crearObjeto(contenedor)
  18. // {
  19. // //crear objeto
  20. // var parrafo= document.createElement('p');
  21. // parrafo.innerText="¡Hola mundo!"
  22. // contenedor.appendChild(parrafo);
  23. // }
  24. </script>
  25. <script type="text/javascript" src="crearParrafo.js"></script>
  26. </body>
  27.  
  28.  

y esta función en archivo javascript externo:
Código
  1. function crearObjeto(contenedor)
  2. {
  3. //crear objeto
  4. var parrafo= document.createElement('p');
  5. parrafo.innerText="¡Hola mundo!";
  6. contenedor.appendChild(parrafo);
  7. };

Esta parte de como llamar a funciones externas como jquery y librerías personalizadas no se como hacerlo.

Ayuda por favor

Gracias



Encontré la manera

En el HTML pongo:


Encontré la manera

en el HTML pongo:

Código
  1. <div class="container"></div>
  2. <script type="text/javascript" src="crearObjeto.js"></script>
  3. <script type="text/javascript">
  4. var n = document.getElementsByClassName('container')[0]
  5. var objeto= crearObjeto(document);
  6. n.appendChild(objeto)
  7. </script>

y el archivo crearObjeto.js

Código
  1.  
  2. function crearObjeto($)
  3. {
  4. var objeto= $.createElement('p')
  5. objeto.innerText="hola mundo"
  6. with(objeto)
  7. {
  8. style.backgroundColor="lightblue"
  9. style.width="100px"
  10. }
  11. return objeto
  12. };
  13.  


pero yo he visto usar expresiones como esta:

$(element).yourfunctionname()

...
(function($){
$.fn.yourFunctionName = function(){
    alert('function called succesfully for - ' + $(this).html() );
}

y no comprendo esta sintaxis



« Última modificación: 29 Abril 2017, 16:49 pm por FJDA » En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
Crear una librería de tipos
Programación Visual Basic
aaronduran2 2 1,480 Último mensaje 4 Agosto 2008, 23:01 pm
por aaronduran2
Crear libreria de tipos
.NET (C#, VB.NET, ASP)
aaronduran2 2 2,683 Último mensaje 4 Agosto 2008, 23:45 pm
por aaronduran2
librería javascript cakephp 2
PHP
Ikku 0 1,434 Último mensaje 17 Mayo 2013, 13:09 pm
por Ikku
Librería para juegos javascript.
Desarrollo Web
Ori-chan 3 2,496 Último mensaje 3 Mayo 2014, 18:59 pm
por EFEX
Ayuda con libreria javascript
Desarrollo Web
carwar 1 2,028 Último mensaje 15 Diciembre 2017, 23:17 pm
por Orubatosu
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines