Foros del Web » Programando para Internet » Javascript »

Pasar mi codigo PHP por un filtro JavaScript

Estas en el tema de Pasar mi codigo PHP por un filtro JavaScript en el foro de Javascript en Foros del Web. Buenos dias, estoy haciendo una web con un slide, estoy utilizando el supersized, y para que el slide funcione se tiene ke poner la direcion ...
  #1 (permalink)  
Antiguo 18/06/2013, 10:59
Avatar de skardo  
Fecha de Ingreso: febrero-2013
Ubicación: Lima
Mensajes: 68
Antigüedad: 11 años, 1 mes
Puntos: 1
Pasar mi codigo PHP por un filtro JavaScript

Buenos dias, estoy haciendo una web con un slide, estoy utilizando el supersized, y para que el slide funcione se tiene ke poner la direcion de las imagenes de esta manera :

Código Javascript:
Ver original
  1. slides                  :   [           // Slideshow Images
  2.                             {                            
  3.                             image : 'img/portafolio_fondo_01.jpg', title : '', thumb : '', url : ''},
  4.   image : 'img/portafolio_fondo_02.jpg', title : '', thumb : '', url : ''},
  5.   image : 'img/portafolio_fondo_03.jpg', title : '', thumb : '', url : ''},
  6.                                                 ]      
  7. });

pero como el proyecto esta diseñado para que el usuario pueda subir una imagen nueva cada mes y solo se muestren 5 pense incorporar el php listando las urls de las imagenes de esta manera

Código Javascript:
Ver original
  1. <script type="text/javascript">
  2.            
  3. jQuery(function($){
  4.                
  5. $.supersized({
  6.  
  7. // Functionality
  8. slide_interval          :   3000,      
  9. transition              :   1,         
  10. transition_speed        :   700,       
  11.                                            
  12. // Components                          
  13. slide_links :   'blank',
  14. slides  :   [           // Slideshow Images
  15.                             {
  16. </script>
  17.                           <?php
  18.                             include("conexion.php");
  19.                             $sql = "SELECT p.tipo, g.nombre_img, g.imagen_url FROM portafolio_proyectos p, portafolio_galerias g WHERE p.id_portada = g.portafolio_proyectos AND p.tipo =  'Casas' estado=1 LIMIT 5 ";
  20.                             $query = mysql_query($sql);
  21.                             while ($fila = mysql_fetch_object($query)){
  22.                             ?>
  23.                             <script>
  24.                             image : 'img/</script><? echo $fila->g.imagen_url ?><script>', title : '', thumb : '', url : ''},
  25.                             </script>
  26.                             <?php
  27.                             }
  28.                             mysql_close($conexion);
  29.                             ?>
  30.                             <script>
  31.                                                 ]      
  32.                 });
  33.             });
  34.            
  35.         </script>

el problema es que me di con la pared, no funciona, investigando por la red encontre como declarar variables en php, asi ke opte por remover el php dentro y ponerlo afuera del javascript, pero .... no se y no logro como declarar mi variable "<? echo $fila->g.imagen_url ?>" y hacer que sea un bucle de solo 5,
mas o menos lo plantie asi, haver si me echas una mano en el codigo estaria muy agradecido con ustedes :

Código Javascript:
Ver original
  1. <?php
  2.      include("conexion.php");
  3.      $sql = "SELECT p.tipo, g.nombre_img, g.imagen_url FROM portafolio_proyectos p, portafolio_galerias g WHERE p.id_portada = g.portafolio_proyectos AND p.tipo =  'Casas' estado=1 LIMIT 5 ";
  4.      $query = mysql_query($sql);
  5.      while ($fila = mysql_fetch_object($query)){  
  6.      
  7. echo $fila->g.imagen_url;  --> NO SE COMO DECLARA ESTO PARA QUE ME APARESCA EN EL SLIDE
  8. SI ESTA DENTRO DE UN WHILE COMO PODRIA GUARDARLO , asi?
  9. $imagen= "echo $fila->g.imagen_url;"  ????? o de esta manera
  10. var imagenjs = "<?php echo $imagen; ?>" ;????
  11.  
  12. ?>
  13.    
  14.         <script type="text/javascript">
  15.             jQuery(function($){        
  16.                 $.supersized({             
  17.                     // Functionality
  18.           slide_interval:   3000,      
  19.                     transition:   1,           
  20.                     transition_speed:   700,                                               
  21.                     // Components                          
  22.                     slide_links:    'blank',
  23.                     slides:     [      
  24.                             {image : 'img/--> AQUI ', title : '', thumb : '', url : ''},
  25.                                                 ]      
  26.                 });
  27.             });  
  28.         </script>
  29.           <?php
  30.       }
  31.        mysql_close($conexion);
  32.       ?>
  #2 (permalink)  
Antiguo 18/06/2013, 11:38
Avatar de PIRRUMAN  
Fecha de Ingreso: febrero-2006
Ubicación: Monterrey, Nuevo León
Mensajes: 633
Antigüedad: 18 años, 1 mes
Puntos: 53
Respuesta: Pasar mi codigo PHP por un filtro JavaScript

no es necesario abrir y cerrar tantas veces la etiqueta <script>
Código PHP:
Ver original
  1. slides  :   [           // Slideshow Images
  2. </script>
  3.                           <?php
  4.                             include("conexion.php");
  5.                             $sql = "SELECT p.tipo, g.nombre_img, g.imagen_url FROM portafolio_proyectos p, portafolio_galerias g WHERE p.id_portada = g.portafolio_proyectos AND p.tipo =  'Casas' estado=1 LIMIT 5 ";
  6.                             $query = mysql_query($sql);
  7.                             while ($fila = mysql_fetch_object($query)){
  8.                             ?>
  9.                             <script>
  10.                             image : 'img/</script><? echo $fila->g.imagen_url ?><script>', title : '', thumb : '', url : ''},
  11.                             </script>
  12.                             <?php
  13.                             }
  14.                             mysql_close($conexion);
  15.                             ?>
  16.                             <script>
  17.                                                 ]      
  18.                 });
  19.             });
  20.            
  21.         </script>

prueba con :

Código PHP:
Ver original
  1. <script type="text/javascript">
  2.            
  3. jQuery(function($){
  4.                
  5. $.supersized({
  6.  
  7. // Functionality
  8. slide_interval          :   3000,      
  9. transition              :   1,        
  10. transition_speed        :   700,      
  11.                                            
  12. // Components                          
  13. slide_links :   'blank',
  14. slides  :   [ // Slideshow Images
  15.                 {
  16.                 <?php
  17.                 include("conexion.php");
  18.                 $sql = "SELECT p.tipo, g.nombre_img, g.imagen_url FROM portafolio_proyectos p, portafolio_galerias g WHERE p.id_portada = g.portafolio_proyectos AND p.tipo =  'Casas' estado=1 LIMIT 5 ";
  19.                 $query = mysql_query($sql);
  20.                 while ($fila = mysql_fetch_object($query))
  21.                 {
  22.                     ?>
  23.                      image : 'img/<?php echo $fila->g.imagen_url; ?>', title : '', thumb : '', url : ''},    
  24.                      <?php
  25.                  }
  26.                  mysql_close($conexion);
  27.                  ?>        
  28.                 ]      
  29.                 });
  30.             });
  31. </script>
__________________
“Prefiero ser un tonto momentaneo que un eterno ignorante”
“¡El éxito es resultado de los aciertos,los aciertos resultado de la experiencia y la experiencia resultado de los errores!”
  #3 (permalink)  
Antiguo 18/06/2013, 11:52
Avatar de skardo  
Fecha de Ingreso: febrero-2013
Ubicación: Lima
Mensajes: 68
Antigüedad: 11 años, 1 mes
Puntos: 1
Respuesta: Pasar mi codigo PHP por un filtro JavaScript

ya lo intente mi hermano, es lo primero que intente :

Código Javascript:
Ver original
  1. <script type="text/javascript" src="js/supersized.shutter.min.js"></script>
  2.        
  3.         <script type="text/javascript">
  4.             jQuery(function($){        
  5.                 $.supersized({              
  6.                     // Functionality
  7.           slide_interval          :   3000,    
  8.                     transition              :   1,          
  9.                     transition_speed        :   700,                                              
  10.                     // Components                          
  11.                     slide_links             :   'blank',
  12.                     slides                  :   [      
  13.                             {
  14.                             <?php
  15.                             include("admin/conexion.php");
  16.                             $sql = "SELECT p.tipo, g.nombre_img, g.imagen_url FROM portafolio_proyectos p, portafolio_galerias g WHERE p.id_portada = g.portafolio_proyectos AND p.tipo =  'Casas' estado=1 LIMIT 5 ";
  17.                             $query = mysql_query($sql);
  18.                             while ($fila = mysql_fetch_object($query)){
  19.                             ?>
  20.                            { image : 'img/<? echo $fila->g.imagen_url ?>', title : '', thumb : '', url : ''},
  21.                             <?php
  22.                             }
  23.                             mysql_close($conexion);
  24.                             ?>
  25.                                                 ]      
  26.                 });
  27.             });
  28.            
  29.         </script>

que puedo hacer, hay un metodo para insertar php en JS es algo como esto:

Código PHP:
Ver original
  1. <?php
  2. $variablephp = "contenido de la variable php";
  3. ?>
  4. <script>
  5. var variablejs = "<?php echo $variablephp; ?>" ;
  6. document.write("VariableJS = " + variablejs);
  7. </script>

pero en mi caso nose como hacerlo porque lo que quiero imprimir esta dentro de un while
<? echo $fila->g.imagen_url ?>
y declarar eso en una variable? ....

  #4 (permalink)  
Antiguo 18/06/2013, 12:10
Avatar de PIRRUMAN  
Fecha de Ingreso: febrero-2006
Ubicación: Monterrey, Nuevo León
Mensajes: 633
Antigüedad: 18 años, 1 mes
Puntos: 53
Respuesta: Pasar mi codigo PHP por un filtro JavaScript

que errores te marca

prueba con

Cita:
while ($fila = mysql_fetch_array($query))
{
?>
{ image : 'img/<? echo $fila[2]; ?>', title : '', thumb : '', url : ''},
<?php
}
__________________
“Prefiero ser un tonto momentaneo que un eterno ignorante”
“¡El éxito es resultado de los aciertos,los aciertos resultado de la experiencia y la experiencia resultado de los errores!”
  #5 (permalink)  
Antiguo 18/06/2013, 12:23
Avatar de skardo  
Fecha de Ingreso: febrero-2013
Ubicación: Lima
Mensajes: 68
Antigüedad: 11 años, 1 mes
Puntos: 1
Respuesta: Pasar mi codigo PHP por un filtro JavaScript

lo hice cambie esas variables y probe y nada , cuando veo el codigo fuente y por el firebug no sale ningun error

Código Javascript:
Ver original
  1. <script type="text/javascript">
  2.             jQuery(function($){        
  3.                 $.supersized({              
  4.                     // Functionality
  5.           slide_interval          :   3000,    
  6.                     transition              :   1,          
  7.                     transition_speed        :   700,                                              
  8.                     // Components                          
  9.                     slide_links             :   'blank',
  10.                     slides                  :   [      
  11.                             {
  12.                             <?php
  13.                             include("admin/conexion.php");
  14.                             $sql = "SELECT p.tipo, g.nombre_img, g.imagen_url FROM portafolio_proyectos p, portafolio_galerias g WHERE p.id_portada = g.portafolio_proyectos AND p.tipo =  'Casas' estado=1 LIMIT 5 ";
  15.                             $query = mysql_query($sql);
  16.                             while ($fila = mysql_fetch_array($query)){
  17.                             ?>
  18.                            { image : 'archivos/portafolios/<? echo $fila[2]; ?>', title : '', thumb : '', url : ''},
  19.                             <?php
  20.                             }
  21.                             mysql_close($conexion);
  22.                             ?>
  23.                                                 ]      
  24.                 });
  25.             });
  26.            
  27.         </script>
  #6 (permalink)  
Antiguo 18/06/2013, 14:22
Avatar de PIRRUMAN  
Fecha de Ingreso: febrero-2006
Ubicación: Monterrey, Nuevo León
Mensajes: 633
Antigüedad: 18 años, 1 mes
Puntos: 53
Respuesta: Pasar mi codigo PHP por un filtro JavaScript

prueba con la consola de errores,, no es necesario colocar la conexion y la sentenciaque queires realizar , por ejemplo:

Código PHP:
Ver original
  1. include("admin/conexion.php");
  2.                                 $sql = "SELECT p.tipo, g.nombre_img, g.imagen_url FROM portafolio_proyectos p, portafolio_galerias g WHERE p.id_portada = g.portafolio_proyectos AND p.tipo =  'Casas' estado=1 LIMIT 5 ";
  3.                                 $query = mysql_query($sql);
  4.  
  5.     <script type="text/javascript">
  6.                 jQuery(function($){        
  7.                     $.supersized({              
  8.                         // Functionality
  9.               slide_interval          :   3000,    
  10.                         transition              :   1,          
  11.                         transition_speed        :   700,                                              
  12.                         // Components                          
  13.                         slide_links             :   'blank',
  14.                         slides                  :   [      
  15.                                 {
  16.                                 <?php
  17.                                
  18.                                 while ($fila = mysql_fetch_array($query)){
  19.                                 ?>
  20.                                { image : 'archivos/portafolios/<? echo $fila[2]; ?>', title : '', thumb : '', url : ''},
  21.                                 <?php
  22.                                 }
  23.                                 mysql_close($conexion);
  24.                                 ?>
  25.                                                     ]      
  26.                     });
  27.                 });
  28.                
  29.             </script>
prueba la consulta afuera imprimendola,copiandola y ejecutandola en tu base de datos tambien recorriendo el arreglo , igual y no trae datos y por eso no marca error ni nada

Código PHP:
Ver original
  1. include("admin/conexion.php");
  2.                                 $sql = "SELECT p.tipo, g.nombre_img, g.imagen_url FROM portafolio_proyectos p, portafolio_galerias g WHERE p.id_portada = g.portafolio_proyectos AND p.tipo =  'Casas' estado=1 LIMIT 5 ";
  3.                                 $query = mysql_query($sql);
  4.  
  5. echo $sql."<br>";
  6. while($fila mysql_fetch_array($query))
  7. {
  8. echo $fila[0]."<br>";
  9. }
__________________
“Prefiero ser un tonto momentaneo que un eterno ignorante”
“¡El éxito es resultado de los aciertos,los aciertos resultado de la experiencia y la experiencia resultado de los errores!”
  #7 (permalink)  
Antiguo 18/06/2013, 15:28
Avatar de skardo  
Fecha de Ingreso: febrero-2013
Ubicación: Lima
Mensajes: 68
Antigüedad: 11 años, 1 mes
Puntos: 1
Respuesta: Pasar mi codigo PHP por un filtro JavaScript

acabo de moficar la sentencia sql ke faltaban algunas cosas pero igual ,no me muestra nada :(

Código Javascript:
Ver original
  1. <script type="text/javascript">
  2.            
  3.             jQuery(function($){            
  4.                 $.supersized({             
  5.                     // Functionality
  6.  
  7.           slide_interval          :   3000,     // Length between transitions
  8.                     transition              :   1,          // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
  9.                     transition_speed        :   700,        // Speed of transition
  10.                                            
  11.                     // Components                          
  12.                     slide_links             :   'blank',    // Individual links for each slide (Options: false, 'num', 'name', 'blank')
  13.                     slides                  :   [           // Slideshow Images
  14.           <?php
  15.           include("admin/conexion.php");
  16.           $sql = "SELECT g.imagen_url FROM portafolio_proyectos p, portafolio_galerias g WHERE p.id_portada = g.portafolio_proyectos AND p.tipo =\'Casas\' and g.estado=\'1\' limit 5";
  17.           $query = mysql_query($sql);
  18.           while ($fila = mysql_fetch_object($query)){
  19.           ?>
  20.           {image : 'archivos/portafolios/<?php echo $fila->g.imagen_url ?>', title : '', thumb : '', url : ''},
  21.           <?php } mysql_close($conexion);?>
  22.           ]    
  23.                 });
  24.             });
  25.            
  26.         </script>

Etiquetas: funcion, jquery, js, php, select
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 05:31.