Javascript vs Twig

ramondevesa · #1 (**permalink**) 15/05/2013, 08:38

Buenas!

Estoy haciendo el siguiente planteamiento, empiezo a reproducir un video de Vimeo en un portal, y tengo un par de solapas en la zona superior, donde si pinchas en una, te marchar a otro apartado sin salir de la url de la web, todo esto lo hago con CSS, ahora viene la acción del botón, utilizo el siguiente código:

Código Javascript:

Ver originalvar iFram, lru;
    function startitup(){
        iFram = document.getElementById('theClip');
        lru = iFram.src.split('?')[0];
    }
    function postIt(action, value) {
        var data = { method: action };
        if (value) {
            data.value = value;
        }
        if(lru !== undefined){
            iFram.contentWindow.postMessage(JSON.stringify(data), lru);
        }
    }

Y después en el HTML y CSS hago esto:

Código HTML:

Ver original<body onload="startitup();">
    <div  >
<iframe id="theClip" src="http://player.vimeo.com/video/27855315?api=1" width="400"     height="225" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen>    </iframe>
<p><button onclick="postIt('play');">Play</button> <button     onclick="postIt('pause');">Pausefsa</button>
<input type="radio" id="tab-1" name="tab-group-1" onclick="postIt('pause');"></p>
</div>
</body>

Todo esto funciona sin ningún tipo de problema, el problema lo tengo cuando translado todo esto a Twig, entre condicionales if del código JavaScript le incluyo algún "alert" para ver si el código JavaScript está funcionando y me salta el "alert", también en la consola de Firefox si tengo la web en HTML y ejecuto la función "postIt('pause');" se para el video, pero si lo hago en el portal en el que tengo Twig no hace absolutamente nada.

Gracias!!

maycolalvarez · #2 (**permalink**) 15/05/2013, 08:56

TWIG es un motor de plantillas para php, por lo que no te debería afectar el JS a no ser que el html generado por twig cambie los id, names o parte de la estructura.

si no es el twig del que estamos hablando, especificar por favor

ramondevesa · #3 (**permalink**) 15/05/2013, 09:00

Yo una de mis dudas, la función startitup() siempre tiene que estar en body, si la meto en un div por ejemplo y tal, esto no funciona, siempre tiene que estar en body.

También comentar que la etiqueta body se encuentra en la plantilla base.html.twig, no en la plantilla donde se encuentra el video, y el botón.