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

 

 


Tema destacado: Entrar al Canal Oficial Telegram de elhacker.net


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  {Ayuda} Cargar imágenes javascript		0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: {Ayuda} Cargar imágenes javascript  (Leído 4,022 veces)
sebah97

Desconectado Desconectado

Mensajes: 77



Ver Perfil
{Ayuda} Cargar imágenes javascript
« en: 28 Abril 2013, 22:10 pm »
Citar
Hola como dice el título quisiera saber si existe una posibilidad de poder conectar un cliente en javascript con un servidor programado en VB6 para poder hacer un juego multiplayer en HTML5. Si no existe tal posibilidad, que me recomiendan para hacer algo multiplayer?

Desde ya muchas gracias.

Como dije anteriormente, estoy programando un juego en javascript y HTML5.

La forma que uso para cargar las imágenes es la siguiente.

Código
  1. var GrhList = new Array();
  2.  
  3. GrhList[0] = new Image();
  4. GrhList[0].src = '';
  5.  
  6. GrhList[1] = new Image();
  7. GrhList[1].src = '';
  8.  
  9. GrhList[2] = new Image();
  10. GrhList[2].src = 'imagenes/2.jpg';
  11.  
  12. GrhList[3] = new Image();
  13. GrhList[3].src = 'imagenes/3.jpg';
  14.  
  15. GrhList[4] = new Image();
  16. GrhList[4].src = 'imagenes/4.jpg';
  17.  
  18. GrhList[5] = new Image();
  19. GrhList[5].src = 'imagenes/5.jpg';
  20.  
  21. GrhList[6] = new Image();
  22. GrhList[6].src = 'imagenes/6.jpg';

La duda sería si hay alguna manera de cargar las imágenes directamente de la carpeta, es decir con una especie de for o algo por el estilo, ya que no creo que ésta sea la forma más óptima dado que voy a necesitar más de 200 imágenes.

Desde ya muchas gracias
« Última modificación: 29 Abril 2013, 19:25 pm por sebah97 » En línea
#!drvy
Moderador
***
Desconectado Desconectado

Mensajes: 5.855



Ver Perfil WWW
Re: {Ayuda} javascript y VB6
« Respuesta #1 en: 28 Abril 2013, 23:24 pm »
Es posible mediante JSONP.. pero tienes que devolver en JSON y tratar al navegador como cliente. Usa un lenguaje server side o contrata un VPS para que puedas ejecutar el VB6 y el server en el mismo servidor.

Saludos
En línea
sebah97

Desconectado Desconectado

Mensajes: 77



Ver Perfil
Re: {Ayuda} javascript y VB6
« Respuesta #2 en: 29 Abril 2013, 19:22 pm »
Bien, muchas gracias por responder, me pondré a investigar sobre el tema.

Me surgió una duda, y para no crear otro tema la planteo acá.

Como dije anteriormente, estoy programando un juego en javascript y HTML5.

La forma que uso para cargar las imágenes es la siguiente.

Código
  1. var GrhList = new Array();
  2.  
  3. GrhList[0] = new Image();
  4. GrhList[0].src = '';
  5.  
  6. GrhList[1] = new Image();
  7. GrhList[1].src = '';
  8.  
  9. GrhList[2] = new Image();
  10. GrhList[2].src = 'imagenes/2.jpg';
  11.  
  12. GrhList[3] = new Image();
  13. GrhList[3].src = 'imagenes/3.jpg';
  14.  
  15. GrhList[4] = new Image();
  16. GrhList[4].src = 'imagenes/4.jpg';
  17.  
  18. GrhList[5] = new Image();
  19. GrhList[5].src = 'imagenes/5.jpg';
  20.  
  21. GrhList[6] = new Image();
  22. GrhList[6].src = 'imagenes/6.jpg';

La duda sería si hay alguna manera de cargar las imágenes directamente de la carpeta, es decir con una especie de for o algo por el estilo, ya que no creo que ésta sea la forma más óptima dado que voy a necesitar más de 200 imágenes.

Desde ya muchas gracias
En línea
#!drvy
Moderador
***
Desconectado Desconectado

Mensajes: 5.855



Ver Perfil WWW
Re: {Ayuda} Cargar imágenes javascript
« Respuesta #3 en: 29 Abril 2013, 23:44 pm »
Hola,

javascript no puede acceder directamente a un directorio para ver su contenido. Asi que no puede saber el nombre de las imágenes ni cuantas hay en el directorio. Sin embargo, si las imágenes tienen nombres como los que has puesto (secuenciales) (1,2,3,4,5,6) es fácil crear un loop.

Código
  1. // Numero de imagenes.
  2. var num_imagenes = 100;
  3. // Ruta + $ (para nombre) y extension
  4. // El $ sera reemplazado automaticamente
  5. // por el valor de i mas abajo.
  6. var ruta = 'imagenes/$.jpg'
  7.  
  8. var GrhList = new Array();
  9. // Loop hasta que i es = a num_imagenes
  10. for(i=0;i<num_imagenes;i++){
  11.    GrhList[i] = new Image();
  12.    // Reemplazar $ por el valor de i
  13.    GrhList[i].src = ruta.replace("$",i);
  14. }

Si las imágenes tienen nombres diferentes, te hará falta un script server-side que los obtenga y se los pase a javascript.

Saludos
En línea
sebah97

Desconectado Desconectado

Mensajes: 77



Ver Perfil
Re: {Ayuda} Cargar imágenes javascript
« Respuesta #4 en: 1 Mayo 2013, 01:21 am »
Cita de: drvy | BSM en 29 Abril 2013, 23:44 pm
Hola,

javascript no puede acceder directamente a un directorio para ver su contenido. Asi que no puede saber el nombre de las imágenes ni cuantas hay en el directorio. Sin embargo, si las imágenes tienen nombres como los que has puesto (secuenciales) (1,2,3,4,5,6) es fácil crear un loop.

Código
  1. // Numero de imagenes.
  2. var num_imagenes = 100;
  3. // Ruta + $ (para nombre) y extension
  4. // El $ sera reemplazado automaticamente
  5. // por el valor de i mas abajo.
  6. var ruta = 'imagenes/$.jpg'
  7.  
  8. var GrhList = new Array();
  9. // Loop hasta que i es = a num_imagenes
  10. for(i=0;i<num_imagenes;i++){
  11.    GrhList[i] = new Image();
  12.    // Reemplazar $ por el valor de i
  13.    GrhList[i].src = ruta.replace("$",i);
  14. }

Si las imágenes tienen nombres diferentes, te hará falta un script server-side que los obtenga y se los pase a javascript.

Saludos

Muchas gracias por la solución dada, apenas cambié una cosa y lo pude hacer funcionar.

Ahora me surgió otro problema...

Resulta que en mi web tengo un Select y lo uso como "consola". El problema que se me presenta es que cuando le voy agregando líneas, solo en Chrome con el siguiente código "baja del todo" es decir, se mueve automáticamente a la última línea.

Código
  1. function AddToConsola(texto,color){
  2.  
  3. var option = document.createElement("option");
  4. var select = document.getElementById("Consola");
  5.  
  6.   option.style.fontFamily = 'Verdana';
  7.   option.style.color = color
  8.   option.disabled = true;
  9.   option.text = texto;
  10.   option.value = 'Linea';
  11.   option.selected=true;
  12.  
  13.  
  14.   select.appendChild(option);
  15.   select.selectedIndex = -1;
  16.  
  17. }

Acá esta la web para que puedan verlo http://moron-ao.com.ar/aonline.html (Hagan click en Hechizos- seleccionen alguno- luego click en info) y podrán ver de lo que les hablo...
En línea
El Che Guevara

Desconectado Desconectado

Mensajes: 86


=>Te cabe!=>


Ver Perfil WWW
Re: {Ayuda} Cargar imágenes javascript
« Respuesta #5 en: 1 Mayo 2013, 01:30 am »
esa pagina esta mas vacia que la dentadura de mi abuelita!
« Última modificación: 1 Mayo 2013, 01:33 am por TronKozo555 » En línea
"la unica verdad es la realidad" (Domingo Peron)
#!drvy
Moderador
***
Desconectado Desconectado

Mensajes: 5.855



Ver Perfil WWW
Re: {Ayuda} Cargar imágenes javascript
« Respuesta #6 en: 1 Mayo 2013, 12:32 pm »
En la ultima linea, cambia

Código
  1. select.selectedIndex = -1;

por

Código
  1. select.selectedIndex = select.options.length-1;

Así buscas el numero de options y seleccionas el ultimo.

PD: La pagina tiene muchos errores. Te recomiendo que veas la consola javascript (F12 en Chrome) (Ctrl + Shift + K en Firefox).

Saludos
En línea
Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
¿Evitar que se bloqueen los navegadores al cargar un javascript?
Desarrollo Web 		MA40 7 3,751 Último mensaje 27 Septiembre 2016, 17:33 pm
por MA40
MOVIDO: ¿Evitar que se bloqueen los navegadores al cargar un javascript?
Scripting 		Eleкtro 0 2,126 Último mensaje 26 Septiembre 2016, 23:40 pm
por Eleкtro
Cargar Checkbox desde javascript ayudaaaaa!
Desarrollo Web 		rafaechev 0 2,428 Último mensaje 24 Octubre 2016, 06:05 am
por rafaechev
javascript - Imagenes casuales
Desarrollo Web 		TickTack 0 1,291 Último mensaje 19 Febrero 2019, 12:31 pm
por TickTack
[Pregunta]: ¿Cargar elementos de PHP con javascript?
Desarrollo Web 		Leguim 3 2,097 Último mensaje 2 Septiembre 2019, 03:32 am
por engel lex
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines