Différences entre les versions de « Atlas 380/iPad/notreavion.net »

1 478 octets ajoutés ,  27 mars 2015 à 15:45
aucun résumé de modification
(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 5 pages html ou php. Pour le moment ce sont des exemples qui sont mis en ligne.
Il tient en quelques pages html, php et css.


== Page 1 ==
== Page d'initialisation ==


<syntaxhighlight lang="html4strict">
<syntaxhighlight lang="html4strict">
<!--This is a comment. Comments are not displayed in the browser-->
<!DOCTYPE HTML>
<table align=center style="background: ivory;color:maroon;font-style:italic;font-family:arial;font-weight:bold;font-size:10pt;">  
 
<tr><th> Heading 1 </th><th> Heading 2 </th></tr>
<html lang="fr">
<tr>
<head>
<td style="padding:10px;"> This is cell 1 text </td>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<td style="padding:10px;"> This is cell 2 text </td>
<title>Convertisseur FAR-KML</title>
</tr>
 
</table>
<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>


110

modifications