Ejecutar código php según parámetros

mblascog · #1 (**permalink**) 26/11/2014, 07:02

Buenas,
No sé si lo estoy haciendo mal o es que lo que pretendo no puede ser.
Uso WOWSlider para hacer un pase de imágenes. Para probarlo he creado el siguiente código y funciona perfectamente:

Código PHP:

Ver original<!-- I: inc_passe -->
    <?php 
        include "inc_config.php"; 
        $fotos[0] = "20130709172217.jpg";
        $fotos[1] = "20130709172233.jpg";
        $fotos[2] = "20130709172241.jpg";
        $fotos[3] = "20130709172252.jpg";
        $fotos[4] = "20130709172131.jpg";
        $fotos[5] = "20130709172203.jpg";
    ?> 
 
    <link rel="stylesheet" href="css/estils.css" type="text/css" media="all" /> 
    
    <!-- Start WOWSlider.com HEAD section --> <!-- add to the <head> of your page -->
    <link rel="stylesheet" type="text/css" href="engineWow/style.css" />
    <script type="text/javascript" src="engineWow/jquery.js"></script>
    <!-- End WOWSlider.com HEAD section -->
 
<div id="passe">
    <!-- Start WOWSlider.com BODY section --> <!-- add to the <body> of your page -->
    <div id="wowslider-container1">
        <div class="ws_images">
            <ul>
<?php               for ($i=0; $i<count($fotos); $i++) {
                    echo "<li><img src=".$fotos[$i]." alt='' title='' id='wows1_0'/></li>";
                } ?>
            </ul>
        </div>
        <div class="ws_bullets">
            <div>
<?php               for ($i=0; $i<count($fotos); $i++) {
                    echo "<a href='#'>".$i."</a>";
                } ?>
            </div>
        </div>
        <span class="wsl"><a href="http://wowslider.com/vu">image carousel</a> by WOWSlider.com v7.2</span>
        <div class="ws_shadow"></div>
    </div>  
    <script type="text/javascript" src="engineWow/wowslider.js"></script>
    <script type="text/javascript" src="engineWow/script.js"></script>
    <!-- End WOWSlider.com BODY section -->
</div>
<!-- F: inc_passe -->

Pero lo que me interesa es no cargar el array manualmente, sinó pasarlo como parámetro. He escrito el siguiente código, y el array se carga porqué he puesto chivatos, pero no se ejecuta el código:

Código PHP:

Ver original<!-- I: inc_passe -->
    <?php 
        include "inc_config.php"; 
        $fotos = $_POST["prmFotos"]['fotos'];
    ?> 
 
    <link rel="stylesheet" href="css/estils.css" type="text/css" media="all" /> 
    
    <!-- Start WOWSlider.com HEAD section --> <!-- add to the <head> of your page -->
    <link rel="stylesheet" type="text/css" href="engineWow/style.css" />
    <script type="text/javascript" src="engineWow/jquery.js"></script>
    <!-- End WOWSlider.com HEAD section -->
 
<div id="passe">
    <!-- Start WOWSlider.com BODY section --> <!-- add to the <body> of your page -->
    <div id="wowslider-container1">
        <div class="ws_images">
            <ul>
<?php               for ($i=0; $i<count($fotos); $i++) {
                    echo "<li><img src=".$fotos[$i]." alt='' title='' id='wows1_0'/></li>";
                } ?>
            </ul>
        </div>
        <div class="ws_bullets">
            <div>
<?php               for ($i=0; $i<count($fotos); $i++) {
                    echo "<a href='#'>".$i."</a>";
                } ?>
            </div>
        </div>
        <span class="wsl"><a href="http://wowslider.com/vu">image carousel</a> by WOWSlider.com v7.2</span>
        <div class="ws_shadow"></div>
    </div>  
    <script type="text/javascript" src="engineWow/wowslider.js"></script>
    <script type="text/javascript" src="engineWow/script.js"></script>
    <!-- End WOWSlider.com BODY section -->
</div>
<!-- F: inc_passe -->

Puede alguien decirme qué hago mal?
Gracias

pateketrueke · #2 (**permalink**) 26/11/2014, 10:02

¿Y cómo sabes si $fotos es un array?

¿Cómo podríamos nosotros adivinar dicho valor?

Porque vamos, es tan simple que deberías tener certeza.

Has lo siguiente y muestra lo que te resulte:

Código PHP:

Ver original$fotos = $_POST["prmFotos"]['fotos'];
var_dump($fotos);

mblascog · #3 (**permalink**) 26/11/2014, 11:03

Buenas, lo sé porqué lo he comprobado con un script, mostrando los valores.

Código Javascript:

Ver original<script type=javascript>
alert ("<?php echo 'fotos: '.$fotos[0]?>");
</script>

Y si hago lo que me comentas:

Código Javascript:

Ver original<script type="text/javascript">
alert("<?php echo 'array: '.var_dump($fotos)?>");
</script>

No visualiza nada.

Intento mostrar los valores con alert (javascript), porqué si lo hago con echo (php), no muestra nada, no sé si porqué no se ha creado el código, o lo que sea.

Gracias.

mblascog · #4 (**permalink**) 26/11/2014, 16:53

Sigo sin entenderlo. Partiendo del array recibido

Código PHP:

Ver original$fotos = $_POST["prmFotos"]['fotos'];

Puedo comprobar, al segundo click, el contenido de los elementos del array, sólo a través de javascript, por ejemplo:

Código Javascript:

Ver original<script type="text/javascript">
        alert("<?php echo 'fotos: '.$fotos[3]?>");
    </script>

Pero en ningún caso, puedo comprobar el contenido del array, a partir de var_dump, ni

Código Javascript:

Ver original<script type="text/javascript">
        alert("<?php echo 'fotos: '.var_dump($fotos)?>");
    </script>

ni

Código PHP:

Ver originalprint var_dump($fotos)

ni tampoco

Código PHP:

Ver originalprint $fotos[0];

No le encuentro la lógica. Alguien ve en que me estoy equivocando.
Gracias

pateketrueke · #5 (**permalink**) 26/11/2014, 17:04

Te sugiero mostrar el código completo, y sobre todo explicar el flujo del mismo.

Entiende que a nivel de PHP no deberías tener problemas, pero si estás recibiendo dichos datos desde otro lado puede que ahí esté el cuello de botella.

¿Cómo adivinar?

mblascog · #6 (**permalink**) 26/11/2014, 17:20

Gracias por responder.
El código es exactamente el que antes he expuesto.
Al hacer click sobre la imagen, se ejecuta esta función de jquery:

Código Javascript:

Ver original$(".wowFoto").click(function() {
            var data = [];
            $.each($('.wowFoto'), function () {
                data.push(this.src);
            });
            $.post("<?php echo "inc_passe.php",{prmFotos:{fotos: data}}, function(data){$('.wowFoto').html(data);});
        })

He comprobado, a través de alerts, el contenido de data, y es correcto.

inc_fotos.php es así:

Código PHP:

Ver original<!-- I: inc_passe -->
    <?php 
        include "inc_config.php"; 
        $fotos = $_POST["prmFotos"]['fotos'];
    ?> 
    <script type="text/javascript">
        alert("<?php echo 'fotos: '.$fotos[0]?>");
    </script>
 
    <link rel="stylesheet" href="css/estils.css" type="text/css" media="all" /> 
    
    <!-- Start WOWSlider.com HEAD section --> <!-- add to the <head> of your page -->
    <link rel="stylesheet" type="text/css" href="engineWow/style.css" />
    <script type="text/javascript" src="engineWow/jquery.js"></script>
    <!-- End WOWSlider.com HEAD section -->
 
<div id="passe">
    <!-- Start WOWSlider.com BODY section --> <!-- add to the <body> of your page -->
    <div id="wowslider-container1">
        <div class="ws_images">
            <ul>
<?php               for ($i=0; $i<count($fotos); $i++) {
                    echo "<li><img src=".$fotos[$i]." alt='' title='' id='wows1_0'/></li>";
                } ?>
            </ul>
        </div>
        <div class="ws_bullets">
            <div>
<?php               for ($i=0; $i<count($fotos); $i++) {
                    echo "<a href='#'>".$i."</a>";
                } ?>
            </div>
        </div>
        <span class="wsl"><a href="http://wowslider.com/vu">image carousel</a> by WOWSlider.com v7.2</span>
        <div class="ws_shadow"></div>
    </div>  
    <script type="text/javascript" src="engineWow/wowslider.js"></script>
    <script type="text/javascript" src="engineWow/script.js"></script>
    <!-- End WOWSlider.com BODY section -->
</div>
<!-- F: inc_passe -->

pateketrueke · #7 (**permalink**) 26/11/2014, 17:25

Pues yo veo, y no lo mostraste antes, errores de código aquí:

Código PHP:

Ver original$.post("<?php echo "inc_passe.php",{prmFotos:{fotos: data}}, function(data){$('.wowFoto').html(data);});

¿Está bien escrito ese código o te hace falta mostrar algo más?

Porque a simple vista parece una combinación bizarra de código PHP y Javascript mal escrito.

mblascog · #8 (**permalink**) 27/11/2014, 01:24

Gracias Patekekruete,
Es mi primera vez que hago algo con jquery y es precisamente modificando una web existente y que ya contiene código.
Esta instrucción la he creado en base a otras, quizás esté mal, no lo sé. Si no pudiera ver de ninguna manera el valor del array desde inc_passe.php, pensaría que seguro que lo está, pero al poder, me inclino en pensar que el problema lo tengo en inc_passe.php.

Gracias.

mblascog · #9 (**permalink**) 30/11/2014, 17:10

Buenas, yo sigo con el tema pues aún no lo he solucionado, y cuanto más hago menos entiendo.
Vuelvo a exponer el tema: controlo el click a una imagen a través de jquery. A partir de ahí, quiero visualizar una capa transparente, que ocupe toda la pantalla, con un pase de fotos.
Como en php no ha habido manera, lo he intentado con javascript, document.write, pero no consigo hacer el fondo transparente, imagino que es porqué se trata de un documento nuevo.

El código es el siguiente:

Código Javascript:

Ver original$(".wowFoto").click(function() {
            var data = [];
            $.each($('.wowFoto'), function () {
                data.push(this.src);
            });
            pase(data, ruta");
        })

La función pase es esta:

Código Javascript:

Ver originalfunction pase(fotos, ruta) {
    document.write("<html");
    document.write("<head>");
    document.write("<link rel='stylesheet' href='" + ruta + "css/estils.css' type='text/css' media='all' />");
    document.write("<!-- Start WOWSlider.com HEAD section --> <!-- add to the <head> of your page -->");
    document.write("<link rel='stylesheet' type='text/css' href='" + ruta + "includes/engineWow/style.css'/>");
    document.write("<script type='text/javascript' src='" + ruta + "includes/engineWow/jquery.js'></script>");
    document.write("<!-- End WOWSlider.com HEAD section -->");
    document.write("</head>");
    document.write("<body id='passe'>");
    document.write("<!-- Start WOWSlider.com BODY section --> <!-- add to the <body> of your page -->");
    document.write("<div id='wowslider-container1'>");
    document.write("<div class='ws_images'>");
    document.write("<ul>");
    for (i=0; i<fotos.length; i++) {
        document.write("<li><img src=" + fotos[i] + " alt='' title='' id='wows1_" + i + "'/></li>");
    }
    document.write("</ul>");
    document.write("</div>");
    document.write("<div class='ws_bullets'>");
    document.write("<div>");
    for (i=0; i<fotos.length; i++) {
        document.write("<a href='#'>" + i + "</a>'");
    } 
    document.write("</div>");
    document.write("</div>");
    document.write("<span class='wsl'><a href='http://wowslider.com/vu'>image carousel</a> by WOWSlider.com v7.2</span>");
    document.write("<div class='ws_shadow'></div>")
    document.write("</div>");   
    document.write("<script type='text/javascript' src='" + ruta + "includes/engineWow/wowslider.js'></script>");
    document.write("<script type='text/javascript' src='" + ruta + "includes/engineWow/script.js'></script>");
    document.write("<!-- End WOWSlider.com BODY section -->");
    document.write("</div>");
    document.write("</body>");
    document.write("</head>");
    document.write("</html>");
}

He leído por Internet que no es una buena práctica el uso de document.write, pero no hay manera de conseguir lo mismo en php. A continuación muestro el código por si alguien ve lo que estoy haciendo:

Código Javascript:

Ver original$(".wowFoto").click(function() {
            var data = [];
            $.each($('.wowFoto'), function () {
                data.push(this.src);
            });
            $.post("<?php echo URL.'includes/inc_passe.php'?>",{prmFotos:{fotos: data}}, function(data){$('.wowFoto').html(data);})
        })

Código PHP:

Ver original<?php 
    include "inc_config.php";
    $fotos = $_POST["prmFotos"]['fotos'];
    $fotos[0] = URL_HS."500190_001053_foto_1_879551311_20141021170321.jpg";
    $fotos[1] = URL_HS."500190_001053_foto_2_879551311_20141021170321.jpg";
    $fotos[2] = URL_HS."500190_001053_foto_3_879551311_20141021170321.jpg";
    $fotos[3] = URL_HS."500190_001053_foto_4_879551311_20141021170321.jpg";
    $fotos[4] = URL_HS."500190_001053_foto_5_879551311_20141021170321.jpg";
    $fotos[5] = URL_HS."500190_001053_foto_6_879551311_20141021170321.jpg";
?> 
 
<link rel="stylesheet" href="<?php echo URL.'css/estils.css'?>" type="text/css" media="all" /> 
 
<!-- Start WOWSlider.com HEAD section --> <!-- add to the <head> of your page -->
<link rel="stylesheet" type="text/css" href="<?php echo URL.'includes/engineWow/style.css'?>" />
<script type="text/javascript" src="<?php echo URL.'includes/engineWow/jquery.js'?>"></script>
<!-- End WOWSlider.com HEAD section -->
 
<div id="passe">
    <!-- Start WOWSlider.com BODY section --> <!-- add to the <body> of your page -->
    <div id="wowslider-container1">
        <div class="ws_images">
            <ul>
<?php               for ($i=0; $i<count($fotos); $i++) {
                    echo "<li><img src=".$fotos[$i]." alt='' title='' id='wows1_".$i."'/></li>";
                } ?>
            </ul>
        </div>
        <div class="ws_bullets">
            <div>
<?php               for ($i=0; $i<count($fotos); $i++) {
                    echo "<a href='#'>".$i."</a>";
                } ?>
            </div>
        </div>
        <span class="wsl"><a href="http://wowslider.com/vu">image carousel</a> by WOWSlider.com v7.2</span>
        <div class="ws_shadow"></div>
    </div>  
    <script type="text/javascript" src="<?php echo URL.'includes/engineWow/wowslider.js'?>"></script>
    <script type="text/javascript" src="<?php echo URL.'includes/engineWow/script.js'?>"></script>
    <!-- End WOWSlider.com BODY section -->
</div>

Aquí me pasan dos cosas y no encuentro como resolverlo:
- no hay manera de leer los datos del array, por esto lo cargo para poder hacer pruebas.
- el fondo de la capa (div id=pase) debería de ser transparente y me sale de color gris

Código CSS:

Ver original#passe{background-color:rgba(20,0,0,0.4);width:100%;height:100%;position:fixed;top:0px;left:0px;}

Si alguien puede ayudarme.
Gracias

mblascog · #10 (**permalink**) 02/12/2014, 03:37

Buenas, nadie puede echarme un cable, o es que lo estoy haciendo muy mal?
Gracias