Actualiser dynamiquement des select dans un template
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:
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.
