Advertisement
Yamslamenace

Untitled

Dec 15th, 2017
350
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 42.17 KB | None | 0 0
  1. <head>
  2.   <meta charset="UTF-8">
  3.   <title>Univers Partenaires</title>
  4.  
  5. </head>
  6. <body>
  7.  
  8. <ul>
  9.   <li><a class="active" href="#influenceurspart">Influenceurs</a></li>
  10.   <li><a href="#communautespart">Communautés</a></li>
  11.   <li><a href="#marquespart">Marques</a></li>
  12.   <li><a href="#institutionnelspart">Institutionnels</a></li>
  13. </ul>
  14.  
  15. <img src="../images/test2.jpg" width="380">
  16.  
  17. <div class="w3-content" style="max-width:700px">
  18.   <h5 class="w3-center w3-padding-64"><span class="w3-tag w3-wide">Start ! un univers et des partenaires.  </span></h5>
  19.   <p>Composé d'individus provenant de divers horizon, nous créons un réseau dédié au développement de l'informatique, du jeu vidéo et de l'e-sport.<br/>
  20.     Nous avons souhaités réunir un ensemble de personnalités, de compétences et de diversités autour de nos valeurs, piliers de l'entreprise.<br/>
  21.     <br/>
  22.     [Centré] Honneur et Excellence<br/>
  23.   <br/>
  24.     Si vous souhaitez bénéficier d'une collaboration forte et durable, vous avez à disposition le formulaire ci-dessous pour vous aider à formaliser votre demande. <br/>
  25.     Renseignez au mieux les informations demandées sur le passé, le présent et le devenir. En espérant pouvoir se rejoindre sur un avenir commun.<br/>
  26. <br/>
  27.     [Centré] Bouton  Devenir partenaire (Développement du formulaire avec disparition du bouton)<br/>
  28.   </p>
  29.   <br/>
  30.  
  31.  
  32.   <!-- START HERE -->
  33.   <link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/pure-min.css">
  34.   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  35.   <!-- Style The Contact Form How Ever You Prefer -->
  36.   <link rel="stylesheet" href="https://cdn.rawgit.com/dwyl/html-form-send-email-via-google-script-without-server/master/style.css">
  37.  
  38.   <form id="gform" method="POST" class="pure-form pure-form-stacked" data-email="example@email.net"
  39.        action="https://script.google.com/macros/s/AKfycbwMxYDrufp73bKdU8gMvxFDdHRuzcR4IKQUB33B7GqwyfyZS04/exec">
  40.     <!-- change the form action to your script url -->
  41.  
  42.     <fieldset class="pure-group">
  43.       <label for="statuts">Vous êtes: </label>
  44.       <select id="statuts" name="statut" onChange="getStatut();">
  45.         <option name="youtuber" value="1">Un Youtuber</option>
  46.         <option name="streamer" value="2">Un Streamer</option>
  47.         <option name="communaute" value="3">Une communauté</option>
  48.         <option name="marque" value="4">Une marque</option>
  49.         <option name="institution" value="5">Une institution</option>
  50.       </select>
  51.  
  52.       <label for="statuts" id="channelnameTitle" style="display:none"> Nom de la chaîne: </label>
  53.       <input type="text" id="channelname" style="display:none" required>
  54.       <div>
  55.         <input type="checkbox" id="channelYoutube" name="channeltype" style="display:none">
  56.         <label for="channelYoutube" id="channelYoutubeTitle" style="display:none">Chaîne Youtube</label>
  57.         <input type="text" id="linkYoutube" style="display:none"> </input>
  58.  
  59.         <input type="checkbox" id="channelTwitch" name="channeltype" style="display:none">
  60.         <label for="channelTwitch" id="channelTwitchTitle" style="display:none">Chaîne Twitch</label>
  61.         <input type="text" id="linkTwitch" style="display:none"> </input>
  62.  
  63.         <label for="channelTheme" id="channelThemeTitle" style="display:none"> Thème de votre chaîne: </label>
  64.         <input type="text" id="channelTheme" style="display:none" required> </input>
  65.  
  66.         <label for="channelStats" id="channelStatsTitle" style="display:none">Démontrez vos statistiques en image (Lien vers hébergeur d'images) : </label>
  67.         <input type="text" id="channelStats" style="display:none" required> </input>
  68.  
  69.           <label for="motivationletter" id="motivationletterTitle" style="display:none">Pour quelles raisons souhaitez-vous établir un partenariat avec Start !</label>
  70.           <textarea class="form-control" rows="15" id="motivationletter" style="display:none" required></textarea>
  71.         <label for="channelOwnerName" id="channelOwnerNameTitle" style="display:none">Nom :</label>
  72.         <input type="text" id="channelOwnerName" style="display:none" required> </input>
  73.         <label for="channelOwnerName" id="channelOwnerNickNameTitle" style="display:none">Prénom :</label>
  74.         <input type="text" id="channelOwnerNickName" style="display:none" required> </input>
  75.         <label for="channelOwnerName" id="channelOwnerPhoneTitle" style="display:none">Numéro de téléphone :</label>
  76.         <input type="tel" id="channelOwnerPhone" style="display:none" required> </input>
  77.         <label for="channelOwnerName" id="channelOwnerMailTitle" style="display:none">Adresse Mail :</label>
  78.         <input type="email" id="channelOwnerMail" style="display:none" required> </input>
  79.       </div>
  80.  
  81.       <div>
  82.         <label for="structureName" id="structureNameTitle" style="display:none"> Nom de la structure :</label>
  83.         <input type="text" id="structureName" style="display:none" required> </input>
  84.         <input type="checkbox" id="associations" name="structuretype" style="display:none"> </input>
  85.         <label for="associations" id="associationsTitle" style="display:none">Votre N° d'enregistrement au journal officiel :</label>
  86.         <input type="number" id="structureNumberJournal" style="display:none" required> </input>
  87.  
  88.         <input type="checkbox" id="entreprise" name="structuretype" style="display:none"> </input>
  89.         <label for="entreprise" id="entrepriseTitle" style="display:none">Votre N° de SIRET :</label>
  90.         <input type="number" id="siretNumber" style="display:none" required> </input>
  91.  
  92.         <input type="checkbox" id="otherDoc" name="structuretype" style="display:none"> </input>
  93.         <label for="otherDoc" id="otherDocTitle" style="display:none">Votre N° d'identification officiel (Déclaration, N° de document officiel) :</label>
  94.         <input type="text" id="officialDoc" style="display:none" required> </input>
  95.  
  96.         <label for="structureTheme" id="structureThemeTitle" style="display:none">Thème de la structure :</label>
  97.         <input type="text" id="structureTheme" style="display:none" required> </input>
  98.  
  99.         <label for="structureSite" id="structureSiteTitle" style="display:none">Site Web (optionnel) :</label>
  100.         <input type="url" id="structureSite" style="display:none"> </input>
  101.         <label for="structureForum" id="structureForumTitle" style="display:none">Forum (optionnel) :</label>
  102.         <input type="url" id="structureForum" style="display:none"> </input>
  103.  
  104.         <label  id="structureChannelTitle" style="display:none">Votre structure dispose-t-elle d'une chaîne Twitch ou Youtube?</label>
  105.  
  106.         <input type="checkbox" id="structureYes" style="display:none">  </input>
  107.         <label for="structureYes" id="structureYesTitle" style="display:none"> Oui (Lien de votre chaîne ci-dessous) :</label>
  108.         <input type="url" id="structureChannel" style="display:none"> </input>
  109.  
  110.  
  111.         <input type="checkbox" id="structureNo" style="display:none">  </input>
  112.         <label for="structureNo" id="structureNoTitle" style="display:none"> Non </label>
  113.  
  114.  
  115.         <input type="url" id="structureStats" style="display:none" required> </input>
  116.         <label for="structureStats" id="structureStatsTitle" style="display:none"> Vos statistiques entre 6 et 12 mois d'influence (Fournir un lien via hébergeur d'image) :</label>
  117.  
  118.         <label for="structuremotivationletter" id="structuremotivationletterTitle" style="display:none">Pour quelles raisons souhaitez-vous établir un partenariat avec Start !</label>
  119.         <textarea class="form-control" rows="15" id="structuremotivationletter" style="display:none" required></textarea>
  120.  
  121.         <label id="structureNetworkTitle" style="display:none">Réseaux :</label>
  122.  
  123.         <input type="checkbox" id="structureFacebook" style="display:none"> </input>
  124.         <label for="structureFacebook" id="structureFacebookTitle" style="display:none">Facebook</label>
  125.         <input type="url" id="structureFacebookLink" style="display:none"> </input>
  126.  
  127.         <input type="checkbox" id="structureTwitter" style="display:none"> </input>
  128.         <label for="structureTwitter" id="structureTwitterTitle" style="display:none">Twitter</label>
  129.         <input type="url" id="structureTwitterLink" style="display:none"> </input>
  130.  
  131.  
  132.         <input type="checkbox" id="structureInstagram" style="display:none"> </input>
  133.         <label for="structureInstagram" id="structureInstagramTitle" style="display:none">Instagram</label>
  134.         <input type="url" id="structureInstagramLink" style="display:none"> </input>
  135.  
  136.  
  137.  
  138.         <input type="checkbox" id="structureSnapchat" style="display:none"> </input>
  139.         <label for="structureSnapchat" id="structureSnapchatTitle" style="display:none">Snapchat</label>
  140.         <input type="url" id="structureSnapchatLink" style="display:none"> </input>
  141.  
  142.  
  143.         <input type="checkbox" id="structureOtherNetwork" style="display:none"> </input>
  144.         <label for="structureOtherNetwork" id="structureOtherNetworkTitle" style="display:none">Autres réseaux</label>
  145.         <input type="url" id="structureOtherNetworkLink" style="display:none"> </input>
  146.  
  147.  
  148.  
  149.         <label for="structureAdminName" id="structureAdminNameTitle" style="display:none">Nom du responsable :</label>
  150.         <input type="text" id="structureAdminName" style="display:none" required> </input>
  151.  
  152.         <label for="structureNickName" id="structureNickNameTitle" style="display:none">Prénom du responsable :</label>
  153.         <input type="text" id="structureNickName" style="display:none" required> </input>
  154.  
  155.         <label for="structureAdminFonction" id="structureAdminFonctionTitle" style="display:none">Fonction du responsable :</label>
  156.         <input type="text" id="structureAdminFonction" style="display:none" required> </input>
  157.  
  158.         <label for="structureAdminPhone" id="structureAdminPhoneTitle" style="display:none">Numéro de téléphone du responsable :</label>
  159.         <input type="tel" id="structureAdminPhone" style="display:none" required> </input>
  160.  
  161.         <label for="structureAdminMail" id="structureAdminMailTitle" style="display:none">Adresse Mail du responsable :</label>
  162.         <input type="email" id="structureAdminMail" style="display:none"> </input>
  163.  
  164.       </div>
  165.       <script type="text/javascript">
  166.         function getStatut() {
  167.           if (document.getElementById('statuts').value == 1){
  168.             document.getElementById('channelnameTitle').style.display = 'block';
  169.             document.getElementById('channelname').style.display = 'block';
  170.             document.getElementById('channelYoutube').style.display = 'block';
  171.             document.getElementById('channelYoutubeTitle').style.display = 'block';
  172.             document.getElementById('channelTwitch').style.display = 'block';
  173.             document.getElementById('channelTwitchTitle').style.display = 'block';
  174.             document.getElementById('linkYoutube').style.display = 'block';
  175.             document.getElementById('linkTwitch').style.display = 'block';
  176.             document.getElementById('channelTheme').style.display = 'block';
  177.             document.getElementById('channelThemeTitle').style.display = 'block';
  178.             document.getElementById('channelStats').style.display = 'block';
  179.             document.getElementById('channelStatsTitle').style.display = 'block';
  180.             document.getElementById('motivationletterTitle').style.display = 'block';
  181.             document.getElementById('motivationletter').style.display = 'block';
  182.             document.getElementById('channelOwnerNameTitle').style.display = 'block';
  183.             document.getElementById('channelOwnerName').style.display = 'block';
  184.             document.getElementById('channelOwnerNickNameTitle').style.display = 'block';
  185.             document.getElementById('channelOwnerNickName').style.display = 'block';
  186.             document.getElementById('channelOwnerPhoneTitle').style.display = 'block';
  187.             document.getElementById('channelOwnerPhone').style.display = 'block';
  188.             document.getElementById('channelOwnerMailTitle').style.display = 'block';
  189.             document.getElementById('channelOwnerMail').style.display = 'block';
  190.             document.getElementById('structureNameTitle').style.display = 'none';
  191.             document.getElementById('structureName').style.display = 'none';
  192.             document.getElementById('associations').style.display = 'none';
  193.             document.getElementById('associationsTitle').style.display = 'none';
  194.             document.getElementById('structureNumberJournal').style.display = 'none';
  195.             document.getElementById('entreprise').style.display = 'none';
  196.             document.getElementById('entrepriseTitle').style.display = 'none';
  197.             document.getElementById('siretNumber').style.display = 'none';
  198.             document.getElementById('otherDoc').style.display = 'none';
  199.             document.getElementById('otherDocTitle').style.display = 'none';
  200.             document.getElementById('officialDoc').style.display = 'none';
  201.             document.getElementById('structureThemeTitle').style.display = 'none';
  202.             document.getElementById('structureTheme').style.display = 'none';
  203.             document.getElementById('structureSiteTitle').style.display = 'none';
  204.             document.getElementById('structureSite').style.display = 'none';
  205.             document.getElementById('structureForumTitle').style.display = 'none';
  206.             document.getElementById('structureForum').style.display = 'none';
  207.             document.getElementById('structureChannelTitle').style.display = 'none';
  208.             document.getElementById('structureYes').style.display = 'none';
  209.             document.getElementById('structureNo').style.display = 'none';
  210.             document.getElementById('structureNoTitle').style.display = 'none';
  211.             document.getElementById('structureYesTitle').style.display = 'none';
  212.             document.getElementById('structureChannel').style.display = 'none';
  213.             document.getElementById('structureStatsTitle').style.display = 'none';
  214.             document.getElementById('structureStats').style.display = 'none';
  215.             document.getElementById('structuremotivationletterTitle').style.display = 'none';
  216.             document.getElementById('structuremotivationletter').style.display = 'none';
  217.             document.getElementById('structureNetworkTitle').style.display = 'none';
  218.             document.getElementById('structureFacebookTitle').style.display = 'none';
  219.             document.getElementById('structureFacebook').style.display = 'none';
  220.             document.getElementById('structureFacebookLink').style.display = 'none';
  221.             document.getElementById('structureTwitterTitle').style.display = 'none';
  222.             document.getElementById('structureTwitter').style.display = 'none';
  223.             document.getElementById('structureTwitterLink').style.display = 'none';
  224.             document.getElementById('structureInstagramTitle').style.display = 'none';
  225.             document.getElementById('structureInstagram').style.display = 'none';
  226.             document.getElementById('structureInstagramLink').style.display = 'none';
  227.             document.getElementById('structureSnapchatTitle').style.display = 'none';
  228.             document.getElementById('structureSnapchat').style.display = 'none';
  229.             document.getElementById('structureSnapchatLink').style.display = 'none';
  230.             document.getElementById('structureOtherNetworkTitle').style.display = 'none';
  231.             document.getElementById('structureOtherNetwork').style.display = 'none';
  232.             document.getElementById('structureOtherNetworkLink').style.display = 'none';
  233.             document.getElementById('structureAdminNameTitle').style.display = 'none';
  234.             document.getElementById('structureAdminName').style.display = 'none';
  235.             document.getElementById('structureNickNameTitle').style.display = 'none';
  236.             document.getElementById('structureNickName').style.display = 'none';
  237.             document.getElementById('structureAdminFonctionTitle').style.display = 'none';
  238.             document.getElementById('structureAdminFonction').style.display = 'none';
  239.             document.getElementById('structureAdminPhoneTitle').style.display = 'none';
  240.             document.getElementById('structureAdminPhone').style.display = 'none';
  241.             document.getElementById('structureAdminMailTitle').style.display = 'none';
  242.             document.getElementById('structureAdminMail').style.display = 'none';
  243.  
  244.  
  245.  
  246.  
  247.  
  248.  
  249.  
  250.           }
  251.           else if (document.getElementById('statuts').value == 2) {
  252.             document.getElementById('channelnameTitle').style.display = 'block';
  253.             document.getElementById('channelname').style.display = 'block';
  254.             document.getElementById('channelYoutube').style.display = 'block';
  255.             document.getElementById('channelYoutubeTitle').style.display = 'block';
  256.             document.getElementById('channelTwitch').style.display = 'block';
  257.             document.getElementById('channelTwitchTitle').style.display = 'block';
  258.             document.getElementById('linkYoutube').style.display = 'block';
  259.             document.getElementById('linkTwitch').style.display = 'block';
  260.             document.getElementById('channelTheme').style.display = 'block';
  261.             document.getElementById('channelThemeTitle').style.display = 'block';
  262.             document.getElementById('channelStats').style.display = 'block';
  263.             document.getElementById('channelStatsTitle').style.display = 'block';
  264.             document.getElementById('motivationletterTitle').style.display = 'block';
  265.             document.getElementById('motivationletter').style.display = 'block';
  266.             document.getElementById('channelOwnerNameTitle').style.display = 'block';
  267.             document.getElementById('channelOwnerName').style.display = 'block';
  268.             document.getElementById('channelOwnerNickNameTitle').style.display = 'block';
  269.             document.getElementById('channelOwnerNickName').style.display = 'block';
  270.             document.getElementById('channelOwnerPhoneTitle').style.display = 'block';
  271.             document.getElementById('channelOwnerPhone').style.display = 'block';
  272.             document.getElementById('channelOwnerMailTitle').style.display = 'block';
  273.             document.getElementById('channelOwnerMail').style.display = 'block';
  274.             document.getElementById('structureNameTitle').style.display = 'none';
  275.             document.getElementById('structureName').style.display = 'none';
  276.             document.getElementById('associations').style.display = 'none';
  277.             document.getElementById('associationsTitle').style.display = 'none';
  278.             document.getElementById('structureNumberJournal').style.display = 'none';
  279.             document.getElementById('entreprise').style.display = 'none';
  280.             document.getElementById('entrepriseTitle').style.display = 'none';
  281.             document.getElementById('siretNumber').style.display = 'none';
  282.             document.getElementById('otherDoc').style.display = 'none';
  283.             document.getElementById('otherDocTitle').style.display = 'none';
  284.             document.getElementById('officialDoc').style.display = 'none';
  285.             document.getElementById('structureThemeTitle').style.display = 'none';
  286.             document.getElementById('structureTheme').style.display = 'none';
  287.             document.getElementById('structureSiteTitle').style.display = 'none';
  288.             document.getElementById('structureSite').style.display = 'none';
  289.             document.getElementById('structureForumTitle').style.display = 'none';
  290.             document.getElementById('structureForum').style.display = 'none';
  291.             document.getElementById('structureChannelTitle').style.display = 'none';
  292.             document.getElementById('structureYes').style.display = 'none';
  293.             document.getElementById('structureNo').style.display = 'none';
  294.             document.getElementById('structureNoTitle').style.display = 'none';
  295.             document.getElementById('structureYesTitle').style.display = 'none';
  296.             document.getElementById('structureChannel').style.display = 'none';
  297.             document.getElementById('structureStatsTitle').style.display = 'none';
  298.             document.getElementById('structureStats').style.display = 'none';
  299.             document.getElementById('structuremotivationletterTitle').style.display = 'none';
  300.             document.getElementById('structuremotivationletter').style.display = 'none';
  301.             document.getElementById('structureNetworkTitle').style.display = 'none';
  302.             document.getElementById('structureFacebookTitle').style.display = 'none';
  303.             document.getElementById('structureFacebook').style.display = 'none';
  304.             document.getElementById('structureFacebookLink').style.display = 'none';
  305.             document.getElementById('structureTwitterTitle').style.display = 'none';
  306.             document.getElementById('structureTwitter').style.display = 'none';
  307.             document.getElementById('structureTwitterLink').style.display = 'none';
  308.             document.getElementById('structureInstagramTitle').style.display = 'none';
  309.             document.getElementById('structureInstagram').style.display = 'none';
  310.             document.getElementById('structureInstagramLink').style.display = 'none';
  311.             document.getElementById('structureSnapchatTitle').style.display = 'none';
  312.             document.getElementById('structureSnapchat').style.display = 'none';
  313.             document.getElementById('structureSnapchatLink').style.display = 'none';
  314.             document.getElementById('structureOtherNetworkTitle').style.display = 'none';
  315.             document.getElementById('structureOtherNetwork').style.display = 'none';
  316.             document.getElementById('structureOtherNetworkLink').style.display = 'none';
  317.             document.getElementById('structureAdminNameTitle').style.display = 'none';
  318.             document.getElementById('structureAdminName').style.display = 'none';
  319.             document.getElementById('structureNickNameTitle').style.display = 'none';
  320.             document.getElementById('structureNickName').style.display = 'none';
  321.             document.getElementById('structureAdminFonctionTitle').style.display = 'none';
  322.             document.getElementById('structureAdminFonction').style.display = 'none';
  323.             document.getElementById('structureAdminPhoneTitle').style.display = 'none';
  324.             document.getElementById('structureAdminPhone').style.display = 'none';
  325.             document.getElementById('structureAdminMailTitle').style.display = 'none';
  326.             document.getElementById('structureAdminMail').style.display = 'none';
  327.  
  328.           }
  329.           else if (document.getElementById('statuts').value == 3){
  330.             document.getElementById('channelnameTitle').style.display = 'none';
  331.             document.getElementById('channelname').style.display = 'none';
  332.             document.getElementById('channelYoutube').style.display = 'none';
  333.             document.getElementById('channelYoutubeTitle').style.display = 'none';
  334.             document.getElementById('channelTwitch').style.display = 'none';
  335.             document.getElementById('channelTwitchTitle').style.display = 'none';
  336.             document.getElementById('linkYoutube').style.display = 'none';
  337.             document.getElementById('linkTwitch').style.display = 'none';
  338.             document.getElementById('channelTheme').style.display = 'none';
  339.             document.getElementById('channelThemeTitle').style.display = 'none';
  340.             document.getElementById('channelStats').style.display = 'none';
  341.             document.getElementById('channelStatsTitle').style.display = 'none';
  342.             document.getElementById('motivationletterTitle').style.display = 'none';
  343.             document.getElementById('motivationletter').style.display = 'none';
  344.             document.getElementById('channelOwnerNameTitle').style.display = 'none';
  345.             document.getElementById('channelOwnerName').style.display = 'none';
  346.             document.getElementById('channelOwnerNickNameTitle').style.display = 'none';
  347.             document.getElementById('channelOwnerNickName').style.display = 'none';
  348.             document.getElementById('channelOwnerPhoneTitle').style.display = 'none';
  349.             document.getElementById('channelOwnerPhone').style.display = 'none';
  350.             document.getElementById('channelOwnerMailTitle').style.display = 'none';
  351.             document.getElementById('channelOwnerMail').style.display = 'none';
  352.             document.getElementById('structureNameTitle').style.display = 'block';
  353.             document.getElementById('structureName').style.display = 'block';
  354.             document.getElementById('associations').style.display = 'block';
  355.             document.getElementById('associationsTitle').style.display = 'block';
  356.             document.getElementById('structureNumberJournal').style.display = 'block';
  357.             document.getElementById('entreprise').style.display = 'block';
  358.             document.getElementById('entrepriseTitle').style.display = 'block';
  359.             document.getElementById('siretNumber').style.display = 'block';
  360.             document.getElementById('otherDoc').style.display = 'block';
  361.             document.getElementById('otherDocTitle').style.display = 'block';
  362.             document.getElementById('officialDoc').style.display = 'block';
  363.             document.getElementById('structureThemeTitle').style.display = 'block';
  364.             document.getElementById('structureTheme').style.display = 'block';
  365.             document.getElementById('structureSiteTitle').style.display = 'block';
  366.             document.getElementById('structureSite').style.display = 'block';
  367.             document.getElementById('structureForumTitle').style.display = 'block';
  368.             document.getElementById('structureForum').style.display = 'block';
  369.             document.getElementById('structureChannelTitle').style.display = 'block';
  370.             document.getElementById('structureYes').style.display = 'block';
  371.             document.getElementById('structureNo').style.display = 'block';
  372.             document.getElementById('structureNoTitle').style.display = 'block';
  373.             document.getElementById('structureYesTitle').style.display = 'block';
  374.             document.getElementById('structureChannel').style.display = 'block';
  375.             document.getElementById('structureStatsTitle').style.display = 'block';
  376.             document.getElementById('structureStats').style.display = 'block';
  377.             document.getElementById('structuremotivationletterTitle').style.display = 'block';
  378.             document.getElementById('structuremotivationletter').style.display = 'block';
  379.             document.getElementById('structureNetworkTitle').style.display = 'block';
  380.             document.getElementById('structureFacebookTitle').style.display = 'block';
  381.             document.getElementById('structureFacebook').style.display = 'block';
  382.             document.getElementById('structureFacebookLink').style.display = 'block';
  383.             document.getElementById('structureTwitterTitle').style.display = 'block';
  384.             document.getElementById('structureTwitter').style.display = 'block';
  385.             document.getElementById('structureTwitterLink').style.display = 'block';
  386.             document.getElementById('structureInstagramTitle').style.display = 'block';
  387.             document.getElementById('structureInstagram').style.display = 'block';
  388.             document.getElementById('structureInstagramLink').style.display = 'block';
  389.             document.getElementById('structureSnapchatTitle').style.display = 'block';
  390.             document.getElementById('structureSnapchat').style.display = 'block';
  391.             document.getElementById('structureSnapchatLink').style.display = 'block';
  392.             document.getElementById('structureOtherNetworkTitle').style.display = 'block';
  393.             document.getElementById('structureOtherNetwork').style.display = 'block';
  394.             document.getElementById('structureOtherNetworkLink').style.display = 'block';
  395.             document.getElementById('structureAdminNameTitle').style.display = 'block';
  396.             document.getElementById('structureAdminName').style.display = 'block';
  397.             document.getElementById('structureNickNameTitle').style.display = 'block';
  398.             document.getElementById('structureNickName').style.display = 'block';
  399.             document.getElementById('structureAdminFonctionTitle').style.display = 'block';
  400.             document.getElementById('structureAdminFonction').style.display = 'block';
  401.             document.getElementById('structureAdminPhoneTitle').style.display = 'block';
  402.             document.getElementById('structureAdminPhone').style.display = 'block';
  403.             document.getElementById('structureAdminMailTitle').style.display = 'block';
  404.             document.getElementById('structureAdminMail').style.display = 'block';
  405.  
  406.  
  407.           }
  408.           else if (document.getElementById('statuts').value == 4){
  409.             document.getElementById('channelnameTitle').style.display = 'none';
  410.             document.getElementById('channelname').style.display = 'none';
  411.             document.getElementById('channelYoutube').style.display = 'none';
  412.             document.getElementById('channelYoutubeTitle').style.display = 'none';
  413.             document.getElementById('channelTwitch').style.display = 'none';
  414.             document.getElementById('channelTwitchTitle').style.display = 'none';
  415.             document.getElementById('linkYoutube').style.display = 'none';
  416.             document.getElementById('linkTwitch').style.display = 'none';
  417.             document.getElementById('channelTheme').style.display = 'none';
  418.             document.getElementById('channelThemeTitle').style.display = 'none';
  419.             document.getElementById('channelStats').style.display = 'none';
  420.             document.getElementById('channelStatsTitle').style.display = 'none';
  421.             document.getElementById('motivationletterTitle').style.display = 'none';
  422.             document.getElementById('motivationletter').style.display = 'none';
  423.             document.getElementById('channelOwnerNameTitle').style.display = 'none';
  424.             document.getElementById('channelOwnerName').style.display = 'none';
  425.             document.getElementById('channelOwnerNickNameTitle').style.display = 'none';
  426.             document.getElementById('channelOwnerNickName').style.display = 'none';
  427.             document.getElementById('channelOwnerPhoneTitle').style.display = 'none';
  428.             document.getElementById('channelOwnerPhone').style.display = 'none';
  429.             document.getElementById('channelOwnerMailTitle').style.display = 'none';
  430.             document.getElementById('channelOwnerMail').style.display = 'none';
  431.             document.getElementById('structureNameTitle').style.display = 'none';
  432.             document.getElementById('structureName').style.display = 'none';
  433.             document.getElementById('associations').style.display = 'none';
  434.             document.getElementById('associationsTitle').style.display = 'none';
  435.             document.getElementById('structureNumberJournal').style.display = 'none';
  436.             document.getElementById('entreprise').style.display = 'none';
  437.             document.getElementById('entrepriseTitle').style.display = 'none';
  438.             document.getElementById('siretNumber').style.display = 'none';
  439.             document.getElementById('otherDoc').style.display = 'none';
  440.             document.getElementById('otherDocTitle').style.display = 'none';
  441.             document.getElementById('officialDoc').style.display = 'none';
  442.             document.getElementById('structureThemeTitle').style.display = 'none';
  443.             document.getElementById('structureTheme').style.display = 'none';
  444.             document.getElementById('structureSiteTitle').style.display = 'none';
  445.             document.getElementById('structureSite').style.display = 'none';
  446.             document.getElementById('structureForumTitle').style.display = 'none';
  447.             document.getElementById('structureForum').style.display = 'none';
  448.             document.getElementById('structureChannelTitle').style.display = 'none';
  449.             document.getElementById('structureYes').style.display = 'none';
  450.             document.getElementById('structureNo').style.display = 'none';
  451.             document.getElementById('structureNoTitle').style.display = 'none';
  452.             document.getElementById('structureYesTitle').style.display = 'none';
  453.             document.getElementById('structureChannel').style.display = 'none';
  454.             document.getElementById('structureStatsTitle').style.display = 'none';
  455.             document.getElementById('structureStats').style.display = 'none';
  456.             document.getElementById('structuremotivationletterTitle').style.display = 'none';
  457.             document.getElementById('structuremotivationletter').style.display = 'none';
  458.             document.getElementById('structureNetworkTitle').style.display = 'none';
  459.             document.getElementById('structureFacebookTitle').style.display = 'none';
  460.             document.getElementById('structureFacebook').style.display = 'none';
  461.             document.getElementById('structureFacebookLink').style.display = 'none';
  462.             document.getElementById('structureTwitterTitle').style.display = 'none';
  463.             document.getElementById('structureTwitter').style.display = 'none';
  464.             document.getElementById('structureTwitterLink').style.display = 'none';
  465.             document.getElementById('structureInstagramTitle').style.display = 'none';
  466.             document.getElementById('structureInstagram').style.display = 'none';
  467.             document.getElementById('structureInstagramLink').style.display = 'none';
  468.             document.getElementById('structureSnapchatTitle').style.display = 'none';
  469.             document.getElementById('structureSnapchat').style.display = 'none';
  470.             document.getElementById('structureSnapchatLink').style.display = 'none';
  471.             document.getElementById('structureOtherNetworkTitle').style.display = 'none';
  472.             document.getElementById('structureOtherNetwork').style.display = 'none';
  473.             document.getElementById('structureOtherNetworkLink').style.display = 'none';
  474.             document.getElementById('structureAdminNameTitle').style.display = 'none';
  475.             document.getElementById('structureAdminName').style.display = 'none';
  476.             document.getElementById('structureNickNameTitle').style.display = 'none';
  477.             document.getElementById('structureNickName').style.display = 'none';
  478.             document.getElementById('structureAdminFonctionTitle').style.display = 'none';
  479.             document.getElementById('structureAdminFonction').style.display = 'none';
  480.             document.getElementById('structureAdminPhoneTitle').style.display = 'none';
  481.             document.getElementById('structureAdminPhone').style.display = 'none';
  482.             document.getElementById('structureAdminMailTitle').style.display = 'none';
  483.             document.getElementById('structureAdminMail').style.display = 'none';
  484.  
  485.  
  486.           }
  487.           else if (document.getElementById('statuts').value == 5){
  488.             document.getElementById('channelnameTitle').style.display = 'none';
  489.             document.getElementById('channelname').style.display = 'none';
  490.             document.getElementById('channelYoutube').style.display = 'none';
  491.             document.getElementById('channelYoutubeTitle').style.display = 'none';
  492.             document.getElementById('channelTwitch').style.display = 'none';
  493.             document.getElementById('channelTwitchTitle').style.display = 'none';
  494.             document.getElementById('linkYoutube').style.display = 'none';
  495.             document.getElementById('linkTwitch').style.display = 'none';
  496.             document.getElementById('channelTheme').style.display = 'none';
  497.             document.getElementById('channelThemeTitle').style.display = 'none';
  498.             document.getElementById('channelStats').style.display = 'none';
  499.             document.getElementById('channelStatsTitle').style.display = 'none';
  500.             document.getElementById('motivationletterTitle').style.display = 'none';
  501.             document.getElementById('motivationletter').style.display = 'none';
  502.             document.getElementById('channelOwnerNameTitle').style.display = 'none';
  503.             document.getElementById('channelOwnerName').style.display = 'none';
  504.             document.getElementById('channelOwnerNickNameTitle').style.display = 'none';
  505.             document.getElementById('channelOwnerNickName').style.display = 'none';
  506.             document.getElementById('channelOwnerPhoneTitle').style.display = 'none';
  507.             document.getElementById('channelOwnerPhone').style.display = 'none';
  508.             document.getElementById('channelOwnerMailTitle').style.display = 'none';
  509.             document.getElementById('channelOwnerMail').style.display = 'none';
  510.             document.getElementById('structureNameTitle').style.display = 'none';
  511.             document.getElementById('structureName').style.display = 'none';
  512.             document.getElementById('associations').style.display = 'none';
  513.             document.getElementById('associationsTitle').style.display = 'none';
  514.             document.getElementById('structureNumberJournal').style.display = 'none';
  515.             document.getElementById('entreprise').style.display = 'none';
  516.             document.getElementById('entrepriseTitle').style.display = 'none';
  517.             document.getElementById('siretNumber').style.display = 'none';
  518.             document.getElementById('otherDoc').style.display = 'none';
  519.             document.getElementById('otherDocTitle').style.display = 'none';
  520.             document.getElementById('officialDoc').style.display = 'none';
  521.             document.getElementById('structureThemeTitle').style.display = 'none';
  522.             document.getElementById('structureTheme').style.display = 'none';
  523.             document.getElementById('structureSiteTitle').style.display = 'none';
  524.             document.getElementById('structureSite').style.display = 'none';
  525.             document.getElementById('structureForumTitle').style.display = 'none';
  526.             document.getElementById('structureForum').style.display = 'none';
  527.             document.getElementById('structureChannelTitle').style.display = 'none';
  528.             document.getElementById('structureYes').style.display = 'none';
  529.             document.getElementById('structureNo').style.display = 'none';
  530.             document.getElementById('structureNoTitle').style.display = 'none';
  531.             document.getElementById('structureYesTitle').style.display = 'none';
  532.             document.getElementById('structureChannel').style.display = 'none';
  533.             document.getElementById('structureStatsTitle').style.display = 'none';
  534.             document.getElementById('structureStats').style.display = 'none';
  535.             document.getElementById('structuremotivationletterTitle').style.display = 'none';
  536.             document.getElementById('structuremotivationletter').style.display = 'none';
  537.             document.getElementById('structureNetworkTitle').style.display = 'none';
  538.             document.getElementById('structureFacebookTitle').style.display = 'none';
  539.             document.getElementById('structureFacebook').style.display = 'none';
  540.             document.getElementById('structureFacebookLink').style.display = 'none';
  541.             document.getElementById('structureTwitterTitle').style.display = 'none';
  542.             document.getElementById('structureTwitter').style.display = 'none';
  543.             document.getElementById('structureTwitterLink').style.display = 'none';
  544.             document.getElementById('structureInstagramTitle').style.display = 'none';
  545.             document.getElementById('structureInstagram').style.display = 'none';
  546.             document.getElementById('structureInstagramLink').style.display = 'none';
  547.             document.getElementById('structureSnapchatTitle').style.display = 'none';
  548.             document.getElementById('structureSnapchat').style.display = 'none';
  549.             document.getElementById('structureSnapchatLink').style.display = 'none';
  550.             document.getElementById('structureOtherNetworkTitle').style.display = 'none';
  551.             document.getElementById('structureOtherNetwork').style.display = 'none';
  552.             document.getElementById('structureOtherNetworkLink').style.display = 'none';
  553.             document.getElementById('structureAdminNameTitle').style.display = 'none';
  554.             document.getElementById('structureAdminName').style.display = 'none';
  555.             document.getElementById('structureNickNameTitle').style.display = 'none';
  556.             document.getElementById('structureNickName').style.display = 'none';
  557.             document.getElementById('structureAdminFonctionTitle').style.display = 'none';
  558.             document.getElementById('structureAdminFonction').style.display = 'none';
  559.             document.getElementById('structureAdminPhoneTitle').style.display = 'none';
  560.             document.getElementById('structureAdminPhone').style.display = 'none';
  561.             document.getElementById('structureAdminMailTitle').style.display = 'none';
  562.             document.getElementById('structureAdminMail').style.display = 'none';
  563.  
  564.  
  565.           }
  566.         }
  567.       </script>
  568.  
  569.     </fieldset>
  570.     <fieldset class="pure-group">
  571.       <label for="message">Message: </label>
  572.       <textarea id="message" name="message" rows="10"
  573.                placeholder="Tell us what's on your mind..."></textarea>
  574.     </fieldset>
  575.  
  576.     <fieldset class="pure-group">
  577.       <label for="email"><em>Your</em> Email Address:</label>
  578.       <input id="email" name="email" type="email" value=""
  579.             required placeholder="your.name@email.com"/>
  580.       <span id="email-invalid" style="display:none">
  581.         Must be a valid email address</span>
  582.     </fieldset>
  583.  
  584.     <fieldset class="pure-group">
  585.       <label for="color">Favourite Color: </label>
  586.       <input id="color" name="color" placeholder="green" />
  587.     </fieldset>
  588.  
  589.     <button class="button-success pure-button button-xlarge">
  590.       <i class="fa fa-paper-plane"></i>&nbsp;Send</button>
  591.  
  592.   </form>
  593. </div>
  594. </body>
  595.  
  596. <script>function selectStatut(){
  597.   var statut = document.getElementById("statut");
  598. }</script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement