Foros del Web » Programando para Internet » Jquery »

[APORTE] - Window Modal Personalizable

Estas en el tema de [APORTE] - Window Modal Personalizable en el foro de Jquery en Foros del Web. Buenas gente, espero estén bien. Verán, he desarrollado este pequeño script para facilitarme el crear ventanas modales. Cuenta con una serie de propiedades y métodos ...
  #1 (permalink)  
Antiguo 26/02/2018, 11:36
 
Fecha de Ingreso: agosto-2015
Ubicación: Rosario - Argentina
Mensajes: 424
Antigüedad: 9 años, 4 meses
Puntos: 12
[APORTE] - Window Modal Personalizable

Buenas gente, espero estén bien.

Verán, he desarrollado este pequeño script para facilitarme el crear ventanas modales.
Cuenta con una serie de propiedades y métodos para que podamos entre otras cosas: Cambiar tamaño, Posición, Mostrar/Ocultar con efectos, Añadir elementos como texto, botones, entre otras..

Para crear una ventana típica solo instanciamos, inicializamos y manipulamos elementos.

Pequeña API:
Código:
# Constructor #
|
|__ · WindowsInterface(String NAME_IDSelector);

# Methods #
|
|__ · init(String ICON-PATH, String TITLE, int X, int Y, int WIDTH, int HEIGHT, Object SHOW-BUTTONS, boolean VISIBLE);
|
|__ · SetWindow()
|   |
|   |__ · BackgroundColor(String COLOR);
|   |__ · Visible(boolean VISIBLE);
|   |__ · SetWidth(int WIDTH);
|   |__ · SetHeight(int HEIGHT);
|   |__ . Size(int WIDTH, int HEIGHT);
|   |__ . Border(String BORDER);
|   |__ . Resizable(boolean RESIZABLE);
|   |__ . Draggable(boolean DRAGGABLE);
|
|__ · SetTitle()
|   |
|   |__ . BackgroundColor(String COLOR);
|   |__ . FontSize(String FONT-SIZE);
|   |__ . FontFamily(String FONT-FAMILY);
|   |__ . FontWeight(String FONT-WEIGHT);
|   |__ . FontStyle(String FONT-STYLE);
|   |__ . Font(String FONT-FAMILY, String FONT-SIZE, String COLOR, String FONT-WEIGHT);
|
|__ · SetContent()
|   |
|   |__ . Message(String MESSAGE);
|   |__ . BackgroundColor(String COLOR);
|   |__ . FontSize(String SELECTOR, String FONT-SIZE);
|   |__ . FontFamily(String SELECTOR, String FONT-FAMILY);
|   |__ . FontWeight(String SELECTOR, String FONT-WEIGHT);
|   |__ . FontStyle(String SELECTOR, String FONT-STYLE);
|   |__ . Font(String SELECTOR, String FONT-FAMILY, String FONT-SIZE, String COLOR, String FONT-WEIGHT);
|   |__ . Button();
|   |   |
|   |   |__ . Add(String ID-SELECTOR, String CLASS-SELECTOR, String BUTTON-VALUE, String BUTTON-CALLBACK);
|   |
|   |__ . Position(String SELECTOR, Object CSS-SYNTAXIS)
|   |__ . Scrollable(boolean SCROLLABLE);
Código Javascript:
Ver original
  1. Windows1 = new WindowsInterface("alert");
  2. Windows1.init(null, "Mi Ventana", 10, 10, 500, 250, {minimize: true, maximize: true, close: true}, true);
  3. Windows1.SetContent().Message("<p>Hola Mundo!</p>");
  4. Windows1.SetContent().FontSize("p", "1.5vmin");

VISTA PREVIA:


REQUIERE:
Código:
Jquery.min.js
Jquery-ui.min.js
Resize-Sensor.js
Aquí la descarga del source con todos los archivos necesarios.
Es importante mencionar, que la carpeta images debe de estar en la ubicación donde tengan el WindowsInterface.css o editar el mismo para cambiar la ubicación de dichos iconos.

DESCARGA: https://mega.nz/#!fItjkCTT!O58nduhl1...73JkgI1hq7rIpQ

En fin... espero que les guste, es bastante sencillo y la verdad es que puede mejorarse mucho, pero para mostrar mensajes y otras cosas, la verdad es que nos ahorra tiempo.
  #2 (permalink)  
Antiguo 27/02/2018, 09:28
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 9 meses
Puntos: 1146
Respuesta: [APORTE] - Window Modal Personalizable

como consejo, sube tu código a github es mas fácil clonar un repositorio que andar buscando en mega
  #3 (permalink)  
Antiguo 27/02/2018, 15:56
Avatar de xfxstudios  
Fecha de Ingreso: junio-2015
Ubicación: Valencia - Venezuela
Mensajes: 2.448
Antigüedad: 9 años, 5 meses
Puntos: 263
Respuesta: [APORTE] - Window Modal Personalizable

TrinityCore He creado el repo en github, si tienes cuenta allí, enviame tu email o usuario para agregarte y continúes el proyecto y actualizaciones desde allí. Saludos.


REPOSITORIO

Saludos
__________________
[email protected]
HITCEL
  #4 (permalink)  
Antiguo 28/02/2018, 12:04
 
Fecha de Ingreso: agosto-2015
Ubicación: Rosario - Argentina
Mensajes: 424
Antigüedad: 9 años, 4 meses
Puntos: 12
Respuesta: [APORTE] - Window Modal Personalizable

Cita:
Iniciado por ArturoGallegos Ver Mensaje
como consejo, sube tu código a github es mas fácil clonar un repositorio que andar buscando en mega
Si lo siento... ahora me pondre a ello, gracias
  #5 (permalink)  
Antiguo 28/02/2018, 12:23
 
Fecha de Ingreso: agosto-2015
Ubicación: Rosario - Argentina
Mensajes: 424
Antigüedad: 9 años, 4 meses
Puntos: 12
Respuesta: [APORTE] - Window Modal Personalizable

Aquí está el repositorio de GitHub: https://github.com/customizacion-wow...e_WindowsModal
  #6 (permalink)  
Antiguo 28/02/2018, 12:47
Avatar de xfxstudios  
Fecha de Ingreso: junio-2015
Ubicación: Valencia - Venezuela
Mensajes: 2.448
Antigüedad: 9 años, 5 meses
Puntos: 263
Respuesta: [APORTE] - Window Modal Personalizable

Cita:
Iniciado por xfxstudios Ver Mensaje
TrinityCore He creado el repo en github, si tienes cuenta allí, enviame tu email o usuario para agregarte y continúes el proyecto y actualizaciones desde allí. Saludos.


REPOSITORIO

Saludos
normal jajajaja

de todas formas tambien lo subi a ese antes, y le hecho algunos cambios, Saludos
__________________
[email protected]
HITCEL

Etiquetas: modal, window
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 20:10.