Variable php passée en paramètre à une fonction javascript en twig

Version imprimable

Bonjour à tous,
comme je le dis dans l'intitulé, je rencontre un problème dans le passage d'une variable. Voici mon code :
Code:

1 2 3 4 <iframe id="i_{{fichier.id}}" width="100%" frameborder="0" scrolling="no" src="http://localhost/pdf.js/web/viewer.html?file=http://localhost/alecsia/upload/{{fichier.rendu.dossier}}/{{fichier.nomFichier}}" onload = iframeLoaded(i_{{fichier.id}}) ></iframe>
Comme vous pouvez le voir dans la source j'appelle un viewer.html avec un parametre file pour ouvrir un pdf (j'utilise pdf.js), là tout fonctionne.
Le problème vient du onload, je veux par exemple passer i_14 ( qui correspond a i_{{fichier.id}} )
Malheureusement ca ne passe pas, mon fichier javascript rend null, alors que quand je mets en dur i_14 ca passe. Donc ça vient de mon passage de paramètre, peut etre que ca ne se fait pas comme ca avec twig mais ca me semblerait logique. Est-ce que quelqu'un a une idée?
Pour info, ma fonction calcul la hauteur du "fichier" pdf à afficher afin de ne pas avoir de scrollbar dans mon iframe.
Merci!

17/05/2013, 08h08
stephan.78

Bonjour,

ça pourrait se faire comme ça. Peux tu poster le controller qui rends ce template.

merci pour ta réponse, voici la fonction de mon controller appelé :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
 
/* Rend le rendu d'id donné en paramètre */   
    public function indexAction($rendu_id, $lecture_etudiant=false)
    {
 
    	// Recup BDD des infos rendu, ses fichiers, leurs annotations
        $em = $this->getDoctrine()->getEntityManager();
    	$rendu = $this->get('alecsia.workService')->get($rendu_id, $this->getUser());
 
    	if (!$rendu) {throw new NotFoundHttpException(sprintf('Rendu #%s introuvable.', $rendu_id));}
 
    	$fichiers = $em->getRepository("AnnotationBundle:Fichier")->findBy(
            array("rendu" => $rendu->getId()),
            array("dossier" => "asc",
                  "nom_fichier" => "asc")
        );
    	$annotations = $em->getRepository("AnnotationBundle:Annotation")->findByRendu($rendu->getId());
 
        $exercices = $em->getRepository("AnnotationBundle:Exercice")->findBySujet($rendu->getSujet()->getId());
        $langages = $em->getRepository("AnnotationBundle:Langage")->findBy(array(),array("nom" => "asc"));
 
 
 
        // Classement des annotations par fichier
        // TODO Peut peut être être optimisé en faisant faire ce tri à la BDD
        $annotArray = array();
 
        foreach ($fichiers as $f) {
            $annotArray[(string) $f->getId()] = array();
        }
 
        foreach ($annotations as $a) {
            $fichier = $a->getFichier();
            if ($fichier != null) {
                $id_fichier = (string) $fichier->getId();
            } else {
                $id_fichier = "entete";
            }
            $annotArray[$id_fichier][] = $a;
        }
 
        // Calcul du barème
        $calculeur = $this->get('annotation.calculnotes');
        $bareme = $calculeur -> getBareme($rendu,true);
 
	    return $this->render('AnnotationBundle:Correction:correction.html.twig', array(
                            'rendu' => $rendu, 
                            'fichiers' => $fichiers, 
                            'liste_annotations' => $annotArray,
                            'exercices' => $exercices,
                            'langages' => $langages,
                            'bareme' => $bareme,
                            'lectureseule' => $rendu->getSujet()->getNotesGelees()
                            || $lecture_etudiant,
                            'lectureetudiant' => $lecture_etudiant
                        ));
    }

En fait je pense avoir trouvé mon erreur voici mon code javascript :
Code:

1 2 3 4 5 6 7 8 9 10 function iframeLoaded(iframeid) { var max = document.getElementById('iframeid').contentWindow.scrollMaxY || document.getElementById('iframeid').contentDocument.height; if (max<1000){ //taille de la page setTimeout(iframeLoaded(iframeid),2000); } document.getElementById('iframeid').height = max; }
En fait, en cause de mon timeout qui rappel iframeloaded il renvoie un parametre qui ne sera plus défini, enfin je pense.

Je précise que j'utilise setTimeout pour attendre, car en effet quand je charge la page le pdf ne se charge pas instantanément, sinon il me renvoie une mauvaise valeur, celle qd le pdf n'est pas encore chargé. du coup je fais attendre, et hop j'ai la bonne valeur apres 2 secondes.

17/05/2013, 14h05
stephan.78

Toutefois, j'attire ton attention sur le fait que tu envoie à ton template l'objet fichiers au pluriel. Peut être fait tu une boucle pour récupérer un fichier.id ?
17/05/2013, 14h52
toodg

Oui c'est bien ça. Je ne vois pas très bien comment modifier mon javascript pour que ça fonctionne.