<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Module de Recherche de Noms de Domaine</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<style type="text/css">
* {
margin : 0;
border : none;
padding : 0;
}
html {
overflow : hidden;
}
body {
background-color : maroon;
width : 100%;
height : 100%;
}
h1 {
text-align : center;
margin-bottom : 25px;
}
/*------------------------------------------------------*/
/* Le Formulaire */
/*------------------------------------------------------*/
#form {
text-align : center;
margin : 0 auto;
border-bottom : 3px double white;
}
#form div {
background-color : skyblue;
float : left;
display : block;
margin : 8px;
padding : 0 10px 10px 10px;
width : 200px;
}
#form div+div+div+div+div+div {
background-color : magenta;
}
#form div p {
margin : 0;
color : red;
}
#form div select {
border : 1px solid black;
}
#form div select option {
color : red;
}
#form input {
font-size : 24px;
font-weight : bold;
text-align : center;
border : 3px double blue;
border-radius : 50px;
margin : 25px auto;
width : 300px;
height : 50px;
}
/*------------------------------------------------------*/
/* Récapitulation des sélections */
/*------------------------------------------------------*/
#recap {
clear : both;
margin : 25px 0;
text-align : center;
width : 100%;
}
#recap p {
color : white;
width : 49.9%;
float : left;
}
/*------------------------------------------------------*/
/* Liste Alphabétique */
/*------------------------------------------------------*/
#alpha {
clear : both;
padding : 25px;
width : 100%;
text-align : center;
}
#alpha a {
margin-right : 25px;
}
/*------------------------------------------------------*/
/* Le Conteneur multicolonne */
/*------------------------------------------------------*/
#conteneur {
width : 90%;
margin : 0 auto;
background-color : white;
text-align : center;
column-count : 7;
column-width : auto;
column-gap : 1em;
column-rule : 1px solid black;
-ms-column-count : 7;
-ms-column-width : auto;
-ms-column-gap : 1em;
-ms-column-rule : 1px solid black;
-moz-column-count : 7;
-moz-column-width : auto;
-moz-column-gap : 1em;
-moz-column-rule : 1px solid black;
-webkit-column-count : 7;
-webkit-column-width : auto;
-webkit-column-gap : 1em;
-webkit-column-rule : 1px solid black;
}
</style>
<script language="javascript" type="text/javascript">
window.onload = function ()
{
insertion();
var tab = ["a", "g", "t", "y"];
cacher(tab);
};
/*=====================================================*/
/* Cacher les Lettres de la Liste Alphabétique */
/*=====================================================*/
function cacher(liste)
{
var node = document.getElementById("alpha").getElementsByTagName("a");
/*--------------------------------------------------*/
/* Toutes les Lettres redeviennent visibles */
/*--------------------------------------------------*/
for (var i=0; i<liste.length; i++)
{
node.item(i).style.visibility = "visible";
}
/*-----------------------------------------------*/
/* On masque les Lettres de la Sélection */
/*-----------------------------------------------*/
for (var i=0; i<liste.length; i++)
{
for (var j=0; j<node.length; j++)
{
if (node.item(j).innerHTML.toUpperCase() == liste[i].toUpperCase())
node.item(j).style.visibility = "hidden";
}
}
}
/*==============================================================*/
/* insertion d'une nouvelle option dans la boite select */
/*==============================================================*/
function addOption(selectbox, text, value )
{
var optn = document.createElement("OPTION");
optn.text = text;
optn.value = value;
selectbox.options.add(optn);
}
/*===================================================*/
/* liste des insertions dans la boite select */
/*===================================================*/
function insertion()
{
/*-------------------------------*/
/* Extensions Génériques */
/*-------------------------------*/
var s1 = document.getElementById("extensionGen");
addOption(s1, "aero", "aero");
addOption(s1, "biz", "biz");
addOption(s1, "com", "com");
addOption(s1, "info", "info");
addOption(s1, "mobi", "mobi");
addOption(s1, "name", "name");
addOption(s1, "net", "net");
addOption(s1, "org", "org");
addOption(s1, "pro", "pro");
addOption(s1, "tel", "tel");
addOption(s1, "travel", "travel");
/*----------------------------------*/
/* Extensions Zone Amérique */
/*----------------------------------*/
var s2 = document.getElementById("extensionAm");
addOption(s2, "ag", "ag");
addOption(s2, "ar", "ar");
addOption(s2, "bo", "bo");
addOption(s2, "bz", "bz");
addOption(s2, "ca", "ca");
addOption(s2, "cc", "cc");
addOption(s2, "co", "co");
addOption(s2, "co.ve", "co.ve");
addOption(s2, "ec", "ec");
addOption(s2, "com.ar", "com.ar");
addOption(s2, "com.br", "hn");
addOption(s2, "com.do", "com.do");
addOption(s2, "com.jm", "com.jm");
addOption(s2, "com.pa", "com.pa");
addOption(s2, "com.uy", "hn");
addOption(s2, "gd", "gd");
addOption(s2, "gf", "gf");
addOption(s2, "gl", "cl");
addOption(s2, "gp", "gp");
addOption(s2, "gs", "gs");
addOption(s2, "gy", "gy");
addOption(s2, "hn", "hn");
addOption(s2, "ht", "ht");
addOption(s2, "la", "la");
addOption(s2, "lc", "lc");
addOption(s2, "ms", "ms");
addOption(s2, "mx", "mx");
addOption(s2, "pe", "pe");
addOption(s2, "us", "us");
addOption(s2, "us.com", "us.com");
addOption(s2, "us.org", "us.org");
addOption(s2, "tc", "tc");
addOption(s2, "vc", "vc");
addOption(s2, "vg", "vg");
/*--------------------------------*/
/* Extensions Zone Europe */
/*--------------------------------*/
var s3 = document.getElementById("extensionEu");
addOption(s3, "at", "at");
addOption(s3, "be", "be");
addOption(s3, "by", "by");
addOption(s3, "cat", "cat");
addOption(s3, "ch", "ch");
addOption(s3, "co.at", "co.at");
addOption(s3, "co.no", "co.no");
addOption(s3, "co.uk", "co.uk");
addOption(s3, "com.hu", "com.hu");
addOption(s3, "com.pt", "com.pt");
addOption(s3, "cz", "cz");
addOption(s3, "de", "de");
addOption(s3, "de.com", "de.com");
addOption(s3, "dk", "dk");
addOption(s3, "es", "es");
addOption(s3, "eu", "eu");
addOption(s3, "eu.com", "eu.com");
addOption(s3, "fi", "fi");
addOption(s3, "fo", "fo");
addOption(s3, "fr", "fr");
addOption(s3, "gb.com", "gb.com");
addOption(s3, "gb.net", "gb.net");
addOption(s3, "gr", "gr");
addOption(s3, "gr.com", "gr.com");
addOption(s3, "hu", "hu");
addOption(s3, "im", "im");
addOption(s3, "is", "is");
addOption(s3, "it", "it");
addOption(s3, "li", "li");
addOption(s3, "lt", "lt");
addOption(s3, "lu", "lu");
addOption(s3, "lv", "lv");
addOption(s3, "md", "md");
addOption(s3, "mc", "mc");
addOption(s3, "me", "me");
addOption(s3, "me.uk", "me.uk");
addOption(s3, "nl", "nl");
addOption(s3, "no.com", "no.com");
addOption(s3, "nom.es", "nom.es");
addOption(s3, "nu", "nu");
addOption(s3, "org.es", "org.es");
addOption(s3, "org.uk", "org.uk");
addOption(s3, "pl", "pl");
addOption(s3, "pt", "pt");
addOption(s3, "ro", "ro");
addOption(s3, "ru", "ru");
addOption(s3, "ru.com", "ru.com");
addOption(s3, "se", "se");
addOption(s3, "se.com", "se.com");
addOption(s3, "se.net", "se.net");
addOption(s3, "si", "si");
addOption(s3, "sk", "sk");
addOption(s3, "uk.com", "uk.com");
addOption(s3, "uk.net", "uk.net");
/*---------------------------------*/
/* Extensions Asie/Océanie */
/*---------------------------------*/
var s4 = document.getElementById("extensionAs");
addOption(s4, "asia", "asia");
addOption(s4, "ae", "ae");
addOption(s4, "ae.org", "ae.org");
addOption(s4, "af", "af");
addOption(s4, "am", "am");
addOption(s4, "be", "be");
addOption(s4, "cn", "cn");
addOption(s4, "co.il", "co.il");
addOption(s4, "cx", "cx");
addOption(s4, "fm", "fm");
addOption(s4, "hk", "hk");
addOption(s4, "in", "in");
addOption(s4, "io", "io");
addOption(s4, "ir", "ir");
addOption(s4, "jo", "jo");
addOption(s4, "jp", "jp");
addOption(s4, "ki", "ki");
addOption(s4, "kr", "kr");
addOption(s4, "mn", "mn");
addOption(s4, "nf", "nf");
addOption(s4, "ph", "ph");
addOption(s4, "pk", "pk");
addOption(s4, "sa.com", "sa.com");
addOption(s4, "sb", "sb");
addOption(s4, "sg", "sg");
addOption(s4, "tk", "tk");
addOption(s4, "tl", "tl");
addOption(s4, "tv", "tv");
addOption(s4, "tw", "tw");
addOption(s4, "uz", "uz");
addOption(s4, "ws", "ws");
addOption(s4, "vn", "vn");
/*----------------------------*/
/* Extensions Afrique */
/*----------------------------*/
var s5 = document.getElementById("extensionAf");
addOption(s5, "ac", "ac");
addOption(s5, "co.za", "co.za");
addOption(s5, "com.ug", "com.ug");
addOption(s5, "cm", "cm");
addOption(s5, "ly", "ly");
addOption(s5, "mu", "mu");
addOption(s5, "re", "re");
addOption(s5, "sc", "sc");
addOption(s5, "sh", "sh");
addOption(s5, "so", "so");
addOption(s5, "st", "st");
/*---------------------------*/
/* Nombre de Lettres */
/*---------------------------*/
var s6 = document.getElementById("nb_lettres");
addOption(s6, "3", "3 et plus");
addOption(s6, "4", "4 et plus");
addOption(s6, "5", "5 et plus");
addOption(s6, "6", "6 et plus");
addOption(s6, "7", "7 et plus");
addOption(s6, "8", "8 et plus");
}
</script>
</head>
<body>
<h1>Recherche d'idées pour des noms de domaine !</h1>
<!-- ------------------------------------------------------------------- -->
<!-- les différents menus déroulants permettant de choisir les extension -->
<!-- ------------------------------------------------------------------- -->
<form id="form" action="../controleur/annuaire.php" method="POST">
<div>
<p>Extensions génériques</p>
<select id="extensionGen">
<option value="">-- Choisissez ---</option>
</select>
</div>
<div>
<p>Extensions Zone Amérique</p>
<select id="extensionAm">
<option value="">-- Choisissez ---</option>
</select>
</div>
<div>
<p>Extensions Zone Europe</p>
<select id="extensionEu">
<option value="">-- Choisissez ---</option>
</select>
</div>
<div>
<p>Extensions Zone Asie/Océanie</p>
<select id="extensionAs">
<option value="">-- Choisissez ---</option>
</select>
</div>
<div>
<p>Extensions Zone Afrique</p>
<select id="extensionAf">
<option value="">-- Choisissez ---</option>
</select>
</div>
<div>
<p>Nombre de Lettres</p>
<select id="nb_lettres">
<option value="">-- Choisissez ---</option>
</select>
</div>
<input type="submit" value="Validez vos choix" name="ok" />
</form>
<!-- ---------------------------- -->
<!-- Récapitulatif des Sélections -->
<!-- ---------------------------- -->
<div id="recap">
<p>Extension : <span>us</span></p>
<p>Nombre de lettres : <span>3 et plus</span></p>
</div>
<!-- ------------------- -->
<!-- Liste Alphabétique -->
<!-- ------------------- -->
<div id="alpha">
<a href="index.php?page=A">A</a>
<a href="index.php?page=B">B</a>
<a href="index.php?page=C">C</a>
<a href="index.php?page=D">D</a>
<a href="index.php?page=E">E</a>
<a href="index.php?page=F">F</a>
<a href="index.php?page=G">G</a>
<a href="index.php?page=H">H</a>
<a href="index.php?page=I">I</a>
<a href="index.php?page=J">J</a>
<a href="index.php?page=K">K</a>
<a href="index.php?page=L">L</a>
<a href="index.php?page=M">M</a>
<a href="index.php?page=N">N</a>
<a href="index.php?page=O">O</a>
<a href="index.php?page=P">P</a>
<a href="index.php?page=Q">Q</a>
<a href="index.php?page=R">R</a>
<a href="index.php?page=S">S</a>
<a href="index.php?page=T">T</a>
<a href="index.php?page=U">U</a>
<a href="index.php?page=V">V</a>
<a href="index.php?page=W">W</a>
<a href="index.php?page=X">X</a>
<a href="index.php?page=Y">Y</a>
<a href="index.php?page=Z">Z</a>
</div>
<!-- -------------------------- -->
<!-- le Conteneur des résultats -->
<!-- -------------------------- -->
<div id="conteneur">
abattus<br />
absolus<br />
absous<br />
abstenus<br />
abstrus<br />
abus<br />
acajous<br />
acarus<br />
accourus<br />
accrus<br />
accus<br />
acinus<br />
advenus<br />
aigus<br />
airbus<br />
altocumulus<br />
amadous<br />
ambigus<br />
amphioxus<br />
andalous<br />
angélus<br />
anus<br />
aperçus<br />
apparus<br />
ardus<br />
argus<br />
asparagus<br />
assidus<br />
attendus<br />
au-dessous<br />
au-dessus<br />
aurez-vous<br />
auriez-vous<br />
aurions-nous
</div>
</body>
</html>
@+[/i]