1
|
<?php
|
2
|
if (array_key_exists('lat', $_GET) && array_key_exists('lon', $_GET)) {
|
3
|
$lat = $_GET['lat'];
|
4
|
$lon = $_GET['lon'];
|
5
|
} else {
|
6
|
$lat = '';
|
7
|
$lon = '';
|
8
|
}
|
9
|
?>
|
10
|
|
11
|
<!DOCTYPE html>
|
12
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
|
13
|
<head>
|
14
|
<meta http-equiv="Content-type" content="text/html; charset=UTF-8"/>
|
15
|
<link type="image/x-icon" rel="shortcut icon" href="images/tsf.png"/>
|
16
|
<link rel="stylesheet" media="screen" href="css/base.css" />
|
17
|
<title>Envoi d'une image sur le serveur</title>
|
18
|
<script src="js/send.js"></script>
|
19
|
<script>
|
20
|
window.onload = function() {
|
21
|
link_file_to_input(document.getElementById('file'),
|
22
|
document.getElementById('titre'));
|
23
|
};
|
24
|
</script>
|
25
|
</head>
|
26
|
<body id="main_body">
|
27
|
<header>
|
28
|
<h1><img src="images/tetaneutral.svg" alt="tetaneutral.net"/></h1>
|
29
|
</header>
|
30
|
<section id="main">
|
31
|
<h2>Ajouter un nouveau panorama</h2>
|
32
|
<form action="uploadReceive.php" method="post" enctype="multipart/form-data" id="upload">
|
33
|
<ul>
|
34
|
<li>
|
35
|
|
36
|
<fieldset>
|
37
|
<legend>Fichier image</legend>
|
38
|
<input type="hidden" name="APC_UPLOAD_PROGRESS" id="progress_key"
|
39
|
value="panoramas"/>
|
40
|
<ul>
|
41
|
<li><input type="file" name="files[]" id="file" multiple="multiple"/>
|
42
|
<p class="help">
|
43
|
Le fichier à envoyer doit être une image de taille maximale 300 Mo ;
|
44
|
il peut s'agir d'un panorama (par exemple assemblé
|
45
|
avec <a href="http://hugin.sourceforge.net/">hugin</a>), ou d'une simple photo.
|
46
|
</p>
|
47
|
</li>
|
48
|
|
49
|
<li>
|
50
|
<input type="text" name="titre" id="titre" placeholder="Titre" value=""/>
|
51
|
<p class="help">Nom d'usage, explicite sur le lieu de prise de vue </p>
|
52
|
|
53
|
</li>
|
54
|
|
55
|
<li><input type="checkbox" name="loop" value="true"> Panorama bouclant
|
56
|
(360°)
|
57
|
<p class="help">Ne sélectionner cette option que si les bords droite et gauche de l'image coïncident.</p>
|
58
|
</li>
|
59
|
</ul>
|
60
|
</fieldset>
|
61
|
</li>
|
62
|
<li>
|
63
|
<fieldset>
|
64
|
<legend>Coordonnées (optionnel)</legend>
|
65
|
<input type="text" name="lon" placeholder="longitude" value="<?php echo $lat ?>"/>
|
66
|
<input type="text" name="lat" placeholder="latitude" value="<?php echo $lon; ?>"/>
|
67
|
<input type="text" name="alt" placeholder="altitude (m)" width="20"/>
|
68
|
<p class="help">
|
69
|
Si vous ne spécifiez pas les coordonnées maintenant, il sera
|
70
|
toujours possible de le faire plus tard.
|
71
|
</p>
|
72
|
</fieldset>
|
73
|
</li>
|
74
|
<li>
|
75
|
<input type="submit" name="submit" value="Envoyer" />
|
76
|
</li>
|
77
|
</ul>
|
78
|
</form>
|
79
|
<a href="./index.php">Retour liste</a>
|
80
|
</section>
|
81
|
<footer class="validators"><samp>
|
82
|
page validée par
|
83
|
<a href="http://validator.w3.org/check?uri=referer"><img src="images/valid_xhtml.svg"
|
84
|
alt="Valid XHTML" title="xHTML validé !"/></a>
|
85
|
<a href="http://jigsaw.w3.org/css-validator/check/referer"><img src="images/valid_css.svg"
|
86
|
alt="CSS validé !" title="CSS validé !"/></a>
|
87
|
</samp></footer>
|
88
|
</body>
|
89
|
</html>
|