Différences entre les versions de « Atlas 380/iPad/notreavion.net »
Aller à la navigation
Aller à la recherche
(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> | ||
Version du 27 mars 2015 à 16:45
Ci-dessous le code source à venir de l'appli décrite au § Atlas 380/iPad #notreavion.net :
Il tient en quelques pages html, php et css.
Page d'initialisation
<!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>
Page 2
<?php
$v = "string"; // sample initialization
?>
html text
<?
echo $v; // end of php code
?>