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)
| | |-+  Que un escritorio muestre apps instaladas
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: Que un escritorio muestre apps instaladas  (Leído 2,321 veces)
GeorgArming


Desconectado Desconectado

Mensajes: 350


Ver Perfil
Que un escritorio muestre apps instaladas
« en: 10 Junio 2012, 14:32 pm »

Hola. Estoy creando un escritorio web, y quiero que haga lo siguiente:

Tengo un archivo index.html. Quiero que dicho archivo muestre las apps instaladas, es decir, las que se encuentran en el directorio /apps. ¿De qué forma? Pues quiero que muestre un archivo concreto de cada app (el icono).

¿Cómo lo puedo hacer? Porque de momento lo que he conseguido es estático, es decir, muestro las apps que he puesto que se muestren en el index.html, pero quiero que se muestren las que estén en /apps. Muchas gracias.


En línea

#!drvy
Moderador
***
Desconectado Desconectado

Mensajes: 5.855



Ver Perfil WWW
Re: Que un escritorio muestre apps instaladas
« Respuesta #1 en: 11 Junio 2012, 00:18 am »

Tienes que recordar que html es un lenguaje de "decoracion".. lo que haces lo interpreta el navegador y no puedes hacer cosas complejas..

Para ello.. puedes recurrir a javascript.. y en particular te recomiendo un archivo .xml con todas las Apps instaladas.

Ejemplo del xml.
Código
  1. <?xml version="1.0" encoding="utf-8" ?>
  2. <Aplicaciones>
  3.  
  4. <aplicacion>
  5. <icono>blabla.png</icono>
  6. <titulo>Mi Primera aplicacion</titulo>
  7. </aplicacion>
  8.  
  9. <aplicacion>
  10. <icono>omgwtf.png</icono>
  11. <titulo>Mi Segunda aplicacion</titulo>
  12. </aplicacion>
  13.  
  14. </Aplicaciones>

Luego, (yo lo voy a hacer con jQuery para mostrártelo..) con javascript lo procesas..

Código
  1. <html>
  2. <head>
  3. <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
  4. <script>
  5. $(document).ready(function() {
  6.  
  7. // Obtener el archivo .xml
  8.   $.ajax({
  9.      type: "GET",
  10.      url: "apps.xml",
  11.      dataType: "xml",
  12.      // Ejecutar ParsearXML
  13.      success: ParsearXML
  14.  });
  15. });
  16.  
  17. function ParsearXML(xml){
  18.  // Por cada tag <aplicacion>
  19.  $(xml).find("aplicacion").each(function(){
  20.  
  21.  // Encontrar tag <icono>
  22.  var icono = $(this).find('icono').text();
  23.  
  24.  // Encontrar tag <titulo>
  25.  var titulo = $(this).find('titulo').text();
  26.  
  27.  // Añadir a id="apps" una imagen con el src del icono y el alt del titulo.
  28.   $("#apps").append('<img src="'+ icono +'" alt="'+ titulo +'" />' + "<br />");
  29. });
  30. </script>
  31. </head>
  32. <body>
  33.   <div id="apps">
  34.  
  35.   </div>
  36. </body>
  37. </html>

El resultado seria:
Código
  1. <img alt="Mi Primera aplicacion" src="blabla.png"><br>
  2. <img alt="Mi Segunda aplicacion" src="omgwtf.png"><br>

Saludos


« Última modificación: 11 Junio 2012, 00:24 am por drvy | BSM » En línea

GeorgArming


Desconectado Desconectado

Mensajes: 350


Ver Perfil
Re: Que un escritorio muestre apps instaladas
« Respuesta #2 en: 11 Junio 2012, 14:54 pm »

¡Muchísimas gracias, drvy! Voy a probar :) .
En línea

GeorgArming


Desconectado Desconectado

Mensajes: 350


Ver Perfil
Re: Que un escritorio muestre apps instaladas
« Respuesta #3 en: 16 Junio 2012, 23:48 pm »

Tengo otra duda relacionada:

Me gustaría que, de forma predeterminada o si el cuadro de búsqueda está en blanco, se muestren las apps instaladas. Si hay escrito algo en el cuadro de búsqueda, que salgan las apps que concuerden con lo buscado, en tiempo real (es decir, justo cuando escribes "A" SALEN TODAS las apps que contienen a, cuando ya llevas escrito "Abc" salen todas las apps que empiezan por abc,...). ¿Sabríais cómo hacerlo?
En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines