Discussion :

[BarbicheIMA]

Bonjour,

Je travail sous Symfony 2.5, sur de la gestion de caméra.

J'ai une vue d'où je peux visualiser l'image d'une caméra (requête HTTP) ainsi que changer plusieurs paramètres pour la visualisation. Je sélectionne la caméra par l'intermédiaire d'un select ce qui doit avoir pour effet de changer l'image ainsi que les options de deux autres select en plus j'ai 3 input de type range pour gérer l'orientation et le zoom. Cette vue peut-être utilisée plusieurs fois dans d'autre template (pour justifier des {{ number }} qui me permettent de savoir quel vue envoie des informations).

Je voudrais donc savoir comment je peut actualiser ces différents éléments (en particulier les select) sous Symfony, ma première pensé à été de réaliser cela en javascript avec des requêtes AJAX et puis j'ai pensé à utiliser des render dans la vue sans trop savoir comment les actualiser enfin pour le moment je suis bloqué.

Ma vue:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
 
<div class="video_frame" id="video_frame_{{ number }}">    
    <form method='post'>
        <div class="image_select" id="image_select_{{ number }}">
            <select class="camera_select" id="camera_select_{{ number }}" OnChange="">
                {% for c in cameras %}
                        <option value={{ c.id }}>{{ c.name }}</option>
                {% endfor %}
            </select>
            <select class="resolution" id="resolution_{{ number }}">
                {% for r in resolutions %}
                    <option value={{ r.name }}>{{ r.niceName }}</option>
                {% endfor %}
            </select>
            <select  class="preset" id="preset_{{ number }}">
                {% for p in presets %}
                    <option value={{ p }}>{{ p }}</option>
                {% endfor %}
            </select>
            <input type="submit" class="add" id="add_{{ number }}" value="Add"/>
            <input type="submit" class="delete" id="delete_{{ number }}" value="Delete"/>
 
        </div>
        <div class="center" style="height:{{ height }}px; width: {{ width }}px; ">
            {% set width = width-56 %}
            <div class="image_div" style="width: {{ width }}px;">
                <img class="image" id="image_{{ number }}" title="something" alt="Image from 'something' could not be displayed." src="http://root:pass@192.168.5.167:80/axis-cgi/mjpg/video.cgi?resolution=640x480"/>
                <input class="pan" id="pan_{{ number }}" type="range" value="50" min="0" max="100"/>
            </div>
            <div class="vertical" id="vertical_{{ number }}">
                {% set marg_left = 25-(height/2) %}
                {% set marg_top = (height/2)-30 %}
                {% set height = height-0.07*height %}
                <input class="tilt" id="tilt_{{ number }}" type="range" value="50" min="0" max="100" style="width:{{ height }}px;margin-top: {{ marg_top }}px;margin-left: {{ marg_left }}px;"/>
                {% set marg_left = marg_left+30 %}
                <input class="zoom" id="zoom_{{ number }}" type="range" value="50" min="0" max="100" style="width:{{ height }}px;margin-left: {{ marg_left }}px;"/>
                <a class="full_screen" id="full_screen_{{ number }}" href=""><img src=""/></a>
            </div>
        </div>
    </form>
    {% javascripts '@V5SiteBundle/Resources/public/js/*' output='js/compiled/main.js' %}
        <script src="{{ asset_url }}"></script>
    {% endjavascripts %}
</div>

Si quelqu'un pet m'orienter vers la solution, merci.

[pmithrandir]

Ton render sera fait coté serveur.

Par contre, tu dois pouvoir l'appeller depuis une route si tu veux(c'est bien une action ??)

Donc si tu peux, il te sera aisé de retourner une vue ou l'autre selon que ta requete vient en ajax ou pas. Tu peux réutiliser le même code comme cela.

[BarbicheIMA]

Merci de répondre si rapidement.

Ma vue existe déjà et je l'utilise dans d'autre template avec des include. Mon problème est sur l'actualisation des select dans cette vue car je ne veux pas recharger toute la page car l'accès aux caméras est plutôt long.

Une petite vision d'un template qui reprend 4 fois la vue ( pas totalement finie) :


Avec le premier select pour les caméra et les deux autres que je veux actualiser en fonction du premier.

[BarbicheIMA]

Si ma question est mal posée. Dites le moi, je la modifierai.