110
modifications
(Page créée avec « Ci-dessous le code source à venir de l'appli décrite au § Atlas 380/iPad #notreavion.net : Il tient en 5 pages html ou php. Pour le moment ce sont des exemples qui... ») |
|||
Ligne 1 : | Ligne 1 : | ||
Ci-dessous le code source à venir de l'appli décrite au § [[Atlas 380/iPad #notreavion.net]] : | Ci-dessous le code source à venir de l'appli décrite au § [[Atlas 380/iPad #notreavion.net]] : | ||
Il tient en | Il tient en quelques pages html, php et css. | ||
== Page | == Page d'initialisation == | ||
<syntaxhighlight lang="html4strict"> | <syntaxhighlight lang="html4strict"> | ||
<!-- | <!DOCTYPE HTML> | ||
< | |||
< | <html lang="fr"> | ||
< | <head> | ||
< | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> | ||
< | <title>Convertisseur FAR-KML</title> | ||
</ | |||
</ | <link rel="stylesheet" type="text/css" href="style.css"> | ||
<script> | |||
function myFunction() { | |||
document.getElementById("myForm").submit(); | |||
} | |||
</script> | |||
</head> | |||
<body> | |||
<h4>Bienvenue sur la page de conversion en ligne du bloc WAYPOINTS OFP FAR</h4> | |||
<!--Page initiale avec la case de texte dans laquelle coller le bloc WAYPOINTS INFO--> | |||
<hr> | |||
<form id="myForm" action="output.php" method="post"> | |||
Collez votre sélection dans le cadre ci dessous, vous pouvez la modifier avant de l'envoyer.<br> | |||
<br><br> | |||
<!--Creation de la case texte--> | |||
<textarea name="name" rows="20" cols="75" placeholder="Votre sélection peut inclure des éléments avant ou aprés les waypoints."></textarea> | |||
<br> | |||
<!-- Input boutons radio customisés--> | |||
<div class="radio"> | |||
<br> | |||
<input class= "css-checkboxr" id="routewaypoint" type="radio" name="typeroute" value="routewaypoint" checked> | |||
<label for="routewaypoint" class="css-labelr">Route + noms des waypoints</label> | |||
<br> | |||
<input class= "css-checkboxr" id="routeseule" type="radio" name="typeroute" value="routeseule"> | |||
<label for="routeseule" class="css-labelr">Route seulement</label> | |||
<br><br> | |||
</div> | |||
</form> | |||
<div> | |||
<!--Bouton d'envoi des données pour calcul--> | |||
<button type ="button" class="btn" onclick="myFunction()" value="Submit form">En route!!</button><br><br> | |||
<!--Bouton permettant l'accès à la carte interractive sans avoir inséré de route--> | |||
<button type ="button" class="btn" onclick="window.open('../convert/carteanim.html')">Carte interactive sans route</button> | |||
<!--Bouton d'aide--> | |||
<button type ="button" class="btn" style= "padding: 10px 15px 10px 15px;" onclick="location.href='help.html'">?</button> | |||
</div> | |||
</body> | |||
</html> | |||
</syntaxhighlight> | </syntaxhighlight> | ||
modifications