Foros del Web » Creando para Internet » Sistemas de gestión de contenidos » WordPress »

detectar movil para cargar iframe diferente

Estas en el tema de detectar movil para cargar iframe diferente en el foro de WordPress en Foros del Web. Eso es, resulta que necesito insertar un contenido especifico si la web se carga desde un dispositivo móvil. Para ser más especifico y contar mi ...
  #1 (permalink)  
Antiguo 31/07/2013, 10:45
Avatar de el_cesar  
Fecha de Ingreso: mayo-2001
Ubicación: Cali
Mensajes: 2.423
Antigüedad: 23 años, 5 meses
Puntos: 20
detectar movil para cargar iframe diferente

Eso es, resulta que necesito insertar un contenido especifico si la web se carga desde un dispositivo móvil.

Para ser más especifico y contar mi caso:

tengo esta web http://www.ecobicis-colombia.com/happy-bici/ como lo ven, en este momento carga un swf para mostrar las opciones de colores, pues bien, ese swf ya lo tengo en html5, lo convertí con swiffy, sin embargo el archivo es demasiado largo, intenté insertarlo con HTML 5 Swiffy Insert pero ha sido imposible por lo extenso del código, entonces, googleando un poco, encontré la manera de poner el HTML dentro de un IFRAME y llamarlo desde allí, además lo puedo escalar y queda perfecto en la pantalla del móvil.

Sin embargo el dilema viene ahora, necesito lograr que en escritorio cargue un tamaño y en móvil otro, si, eso lo hago con un condicional, la cuestión es que necesito detectar si cargan el sitio desde un móvil para entonces presentarle la info correcta.

Para eso utilizo la clase Mobile_Detect y lo inserto a través de un shortcode.

para esto hice:

Código del Shortcode

Código PHP:
function cesar () {
    include (
'http://www.ecobicis-colombia.com/Mobile_Detect.php');
    
    
$detect = new Mobile_Detect();
    
    if (
$detect->isMobile()) {
// Detecta si es un móvil
}
if (
$detect->isTablet()) {
echo 
'esto es una tablet';
}
if (
$detect->isAndroidOS()) {
echo 
'Esto es Android';
}
if (
$detect->isiOS()){
echo 
'Esto es apple';
}
    return 
$detect;
}
add_shortcode('corto','cesar'); 
Hasta aquí todo bien pero cuando cargo la pag de prueba http://www.ecobicis-colombia.com/iframe/

me da este error:

Cita:
Fatal error: Class 'Mobile_Detect' not found in /home/content/c/e/j/cejarcon/html/ecobicis4/wp-content/themes/suffusion/functions.php on line 2704
Creo que ya estoy apunto de lograrlo, pero ese error me detiene. Alguien me puede dar una idea de como solucionarlo?

gracias
__________________
Say no more.......
  #2 (permalink)  
Antiguo 31/07/2013, 10:58
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 8 meses
Puntos: 1146
Respuesta: detectar movil para cargar iframe diferente

agregaste el shortcode pero no has creado la clase, si no creas la clase Mobile_Detect siempre te sera imposible que te funcione..... deberás consultar el lugar de donde sacaste el shortcode para saber como/donde crearla y que debe contener .
  #3 (permalink)  
Antiguo 31/07/2013, 11:04
Avatar de el_cesar  
Fecha de Ingreso: mayo-2001
Ubicación: Cali
Mensajes: 2.423
Antigüedad: 23 años, 5 meses
Puntos: 20
Respuesta: detectar movil para cargar iframe diferente

y luego no se supone que la clase esta creada y la llamo como include ('http://www.ecobicis-colombia.com/Mobile_Detect.php'); ?
__________________
Say no more.......
  #4 (permalink)  
Antiguo 31/07/2013, 11:18
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 8 meses
Puntos: 1146
Respuesta: detectar movil para cargar iframe diferente

un include puede ser poco estricto, prueba usar
Código PHP:
Ver original
  1. require_once('/Mobile_Detect.php');

evidentemente esta mal creada la clase o el include no esta llamando correctamente al archivo, por eso te sale el error y te dice que la clase no existe.
  #5 (permalink)  
Antiguo 31/07/2013, 11:22
Avatar de el_cesar  
Fecha de Ingreso: mayo-2001
Ubicación: Cali
Mensajes: 2.423
Antigüedad: 23 años, 5 meses
Puntos: 20
Respuesta: detectar movil para cargar iframe diferente

nada con iframe da lo mismo, sera que wordpress tiene algo que ver?
__________________
Say no more.......
  #6 (permalink)  
Antiguo 31/07/2013, 11:27
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 8 meses
Puntos: 1146
Respuesta: detectar movil para cargar iframe diferente

si dije cambia el include por require_once no entiendo que tiene que ver un iframe ?¿
  #7 (permalink)  
Antiguo 31/07/2013, 12:17
Avatar de el_cesar  
Fecha de Ingreso: mayo-2001
Ubicación: Cali
Mensajes: 2.423
Antigüedad: 23 años, 5 meses
Puntos: 20
Respuesta: detectar movil para cargar iframe diferente

perdon, me equivoqué, es que ya tengo la cabeza llena de cosas, me referia a que con require_once pasa lo mismo
__________________
Say no more.......
  #8 (permalink)  
Antiguo 31/07/2013, 12:21
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 8 meses
Puntos: 1146
Respuesta: detectar movil para cargar iframe diferente

ok en ese caso el problema es en como estas creando la clase, para poder ayudarte muestra el código.
  #9 (permalink)  
Antiguo 31/07/2013, 12:25
Avatar de el_cesar  
Fecha de Ingreso: mayo-2001
Ubicación: Cali
Mensajes: 2.423
Antigüedad: 23 años, 5 meses
Puntos: 20
Respuesta: detectar movil para cargar iframe diferente

la clase está en este archivo https://github.com/serbanghita/Mobil...ile_Detect.php de ella no he modificado nada

y en mi shortcode lo creo asi

Código PHP:
Ver original
  1. function cesar () {
  2.     requiere_once ('http://www.ecobicis-colombia.com/Mobile_Detect.php');
  3.    
  4.     $detect = new Mobile_Detect();
  5.    
  6.     if ($detect->isMobile()) {
  7. // Detecta si es un móvil
  8. }
  9. if ($detect->isTablet()) {
  10. echo 'esto es una tablet';
  11. }
  12. if ($detect->isAndroidOS()) {
  13. echo 'Esto es Android';
  14. }
  15. if ($detect->isiOS()){
  16. echo 'Esto es apple';
  17. }
  18.     return $detect;
  19. }
  20. add_shortcode('corto','cesar');
__________________
Say no more.......
  #10 (permalink)  
Antiguo 31/07/2013, 12:50
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 8 meses
Puntos: 1146
Respuesta: detectar movil para cargar iframe diferente

en un rato que me desocupe le hecho una revisada a la clase, de entrada veo que no notaste hice una corrección en el comentario anterior....

escribí requiere_once y lo corregí porque es require_once , ya sabes estas pensando en un idioma y escribes en otro jejej.

intenta corregir eso, igual si no funciona al rato me hecho una revisada, una disculpa por el error.
  #11 (permalink)  
Antiguo 31/07/2013, 12:52
Avatar de el_cesar  
Fecha de Ingreso: mayo-2001
Ubicación: Cali
Mensajes: 2.423
Antigüedad: 23 años, 5 meses
Puntos: 20
Respuesta: detectar movil para cargar iframe diferente

jejeje tu tranquilo yo lo hice con require_once y no funko, gracias por la ayuda bro
__________________
Say no more.......
  #12 (permalink)  
Antiguo 31/07/2013, 13:30
Avatar de el_cesar  
Fecha de Ingreso: mayo-2001
Ubicación: Cali
Mensajes: 2.423
Antigüedad: 23 años, 5 meses
Puntos: 20
Respuesta: detectar movil para cargar iframe diferente

ya lo tengo casi solucionado, la clase esta bien, funciona correcto, al parecer era conflicto con wordpress, lo que hice para solucionarlo es crear la función en un archivo independiente y llamarlo en wp via iframe, así me v funcionando, ahora debo segur con el escalado del contenido del iframe, pero ya el objeto de esta pregunta queda solucionado.

Gracias
__________________
Say no more.......
  #13 (permalink)  
Antiguo 31/07/2013, 13:32
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 8 meses
Puntos: 1146
Respuesta: detectar movil para cargar iframe diferente

bien con el code de esa clase si utilizo tu codigo para shortcode me arroja un error al no poder convertir a string $detect

pero si retiro la ultima linea return $detect funciona perfectamente
Código PHP:
Ver original
  1. function cesar () {
  2.     require_once ('api.php');
  3.    
  4.     $detect = new Mobile_Detect();
  5.    
  6.     if ($detect->isMobile()) {
  7.     //echo 'Detecta si es un móvil';
  8.     }
  9.     if ($detect->isTablet()) {
  10.     echo 'esto es una tablet';
  11.     }
  12.     if ($detect->isAndroidOS()) {
  13.     echo 'Esto es Android';
  14.     }
  15.     if ($detect->isiOS()){
  16.     echo 'Esto es apple';
  17.     }
  18. }


_______________

jeje me ganaste pero que bueno que lo solucionaste

Etiquetas: diferente, iframe, movil, php, theme
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




La zona horaria es GMT -6. Ahora son las 22:53.