tools/WebStyle/back&next.html at main · EcologicCode/tools · GitHub

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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82

<!doctype html>
<html lang="fr-fr">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

<!-- Begin Jekyll SEO tag v2.8.0 -->
<title>tools | Les outils du site !</title>
<meta name="generator" content="Jekyll v3.9.2" />
<meta property="og:title" content="tools" />
<meta property="og:locale" content="en_US" />
<meta name="description" content="Les outils du site !" />
<meta property="og:description" content="Les outils du site !" />
<link rel="canonical" href="https://ecologiccode.github.io/tools/WebStyle/back&next.html" />
<meta property="og:url" content="https://ecologiccode.github.io/tools/WebStyle/back&next.html" />
<meta property="og:site_name" content="tools" />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary" />
<meta property="twitter:title" content="tools" />
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"WebPage","description":"Les outils du site !","headline":"tools","url":"https://ecologiccode.github.io/tools/WebStyle/back&next.html"}</script>
<!-- End Jekyll SEO tag -->

    <link rel="stylesheet" href="/tools/assets/css/style.css?v=d8f117486b17fc8d11b06cf5a4e42857201a62e8">
    <script src="/tools/assets/js/scale.fix.js"></script>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <!--[if lt IE 9]>
    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <!-- start custom head snippets, customize with your own _includes/head-custom.html file -->

<!-- Setup Google Analytics -->


<!-- You can set your favicon here -->
<!-- link rel="shortcut icon" type="image/x-icon" href="/tools/favicon.ico" -->

<!-- end custom head snippets -->

  </head>
  <body>
    <div class="wrapper">
      <header>
        <h1 class="header">tools</h1>
        <p class="header">Les outils du site !</p>
        <ul>
          <li><a class="buttons github" href="https://github.com/EcologicCode/tools">View On GitHub</a></li>
        </ul>
          <p class="header">This project is maintained by <a class="header name" href="https://github.com/EcologicCode">EcologicCode</a></p>
      </header>
      <section>
<a href="../"><img src="../back.png" title="Revenir en arrière" alt="Revenir en arrière"/></a><br>
<h2>Back&Next</h2>
Back&Next est un système de boutons (un avec précédent, l'autre avec suivant et un bouton OK(optitionnel))<br>
Le principe de fonctionnement est très simple : <br>Il suffit de remplir le formulaire puis d'appuyer sur Générer, de choisir un mode de rendu (Page web complète, Page Php complète, morceau de code) Voilà ! C'est fait ! (Si vous appuyez sur Page web complète ou Page Php complète, on vous demandera un titre de page Web)<hr><form action="" method="get">
<a href='exemples/back&next.html'>Exemple de Back & Next</a>
  <div id="form"><input type="button" value="Ajouter une page" onClick="f(0);">
<div id="pages"><h2>Page n°1</h2>Nom : <input type="text" id="Name0"><br>Texte/code : <textarea id="code0" rows="10" cols="20"></textarea><br>
<h2>page n°2</h2>Nom : <input type="text" id="Name1"><br>Texte/code : <textarea id="code1" rows="10" cols="20"><br></textarea></div></div></div></form>
<script type="text/javascript" src="/JQuery/jquery.js"></script>
<script type="text/javascript">
  var pages = 1;

    function f(type) {
        if(type==0){
            pages++;
            $("#pages").html($("#pages").html()+"<h2>Page n°"+(pages+1)+"</h2>Nom : <input type=\"text\" id=\"Name"+pages+"\"><br>Texte/code : <textarea id=\"code"+pages+"\" rows=\"10\" cols=\"20\"></textarea><br>");
        }else if(type=1){

        }
    }
</script>
</section>
      <footer>
        <p><small>Hosted on <a href="https://pages.github.com">GitHub Pages</a> using the Dinky theme</small></p>
      </footer>
    </div>
    <!--[if !IE]><script>fixScale(document);</script><![endif]-->
  </body>
</html>