TheEulays

SANDBOX : TheEulays (Bazar sans nom en ce moment)

Groups of Interest of the English Branch

Les GdIs de la branche principale sont nombreux et ont émergé de différents recoins de la planète, et même au-delà. Beaucoup d'entre eux disposent d'un grand pouvoir, rivalisant avec celui de la Fondation ou même le surpassant. Il y a actuellement 28 Groupes d'Intérêts dans la branche principale.

Groups of Interest of the Russian Branch

Les GdI de la branche Russe agissent principalement en Russie et sont très variés. La plupart d'entre eux abritent des esprits géniaux créant sans cesse de nouvelles anomalies. Il y a actuellement quatre Groupes d'Intérêt dans la branche Russe.

.tab-info {
    border: 1px solid #888;
    border-radius: 0 0 10px 10px;
    margin: -4px auto 15px auto;
    padding: 0 10px;
    background: #f5f5f5;
}
.info-table {
    background: linear-gradient(to bottom, #eee 0%, #eee 50%, #fff 50%, #fff 100%);
    border: 1px solid #888;
    border-radius: 0 0 10px 10px;
    overflow: hidden;
    margin: -4px auto 25px auto;
    max-width: 100%;
}
.info-table table {
    width: 100%;
}
.info-table table td, .info-table table th {
    border: none;
}
.info-table table tr {
    background: #fff;
}
.info-table table tr:nth-child(2) {
    border-top: 1px solid #888;
    border-bottom: 1px solid #888;
}
.info-table table tr:first-child th {
    padding-top: 0;
}
.info-table table tr:last-child td {
    padding-bottom: 0;
}
.info-table table tr:nth-child(2) td:nth-child(1) {
    /*100 px pour la traduction française */
    width: 65px;
}
.info-table table tr:nth-child(2) td:nth-child(3) {
    width: 68px;
}
.info-table .image {
    height: 60px;
}
.rel-table {
    background: linear-gradient(to bottom, #eee 0%, #eee 50%, #fff 50%, #fff 100%);
    border: 1px solid #888;
    border-radius: 10px;
    overflow: hidden;
    margin: 15px 0;
}
.rel-table table {
    width: 100%;
}
.rel-table table * {
    text-align: left;
}
.rel-table table td, .rel-table table th {
    border: none;
}
.rel-table table tr {
    background: #fff;
    border-bottom: 1px dashed #888;
}
.rel-table table tr:nth-child(even) {
    border-bottom: 1px solid #888;
}
.rel-table table td {
    padding-bottom: 1em;
}
.rel-table table tr:last-child {
    border-bottom: none;
}
.rel-table table tr:first-child th {
    padding-top: 0;
}
.rel-table table tr:last-child td {
    padding-bottom: 0;
}

.yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav {
    border-color: #888;    
    border-width: 0 0 3px;
}
.yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content {
    background-color: #fff;
    border: none;
    padding: 0.25em 0;
}
.yui-navset .yui-nav .selected a em {
    padding: 0.25em 0.75em;
}
.yui-navset .yui-nav .selected, .yui-navset .yui-navset-top .yui-nav .selected {
    margin: 0 0.16em 0 0;
}

/* Stuff that doesn't work yet
.yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav {
    background-color: #eee;
    border-color: #888;
    border-width: 1px 1px 3px;
    border-radius: 2px 2px 0px 0px;
}
.yui-navset .yui-nav .selected, .yui-navset .yui-navset-top .yui-nav .selected {
    margin: 0 -1px -1px 0;
}
.yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li {
    margin: 0 -1px 0 0;
}
.yui-navset .yui-nav .selected a {
    border-color: #888;
}
.yui-navset .yui-nav .selected a em {
    padding: 0.25em 0.75em;
    border-color: #888;
}
.yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a {
    border-width: 0 1px 1px 1px;
    border-color: #888;
    height: 1.5em;
}*/
[[html]]
<body>
 
<style>
@import url(/component:theme/code/1);
all {inherit;}
body {
   font-family: verdana,arial,helvetica,sans-serif;
   font-size: 0.80em;
   color: #333;
}
.input {
   background-color: #f5f5f5;
   border: 1px solid #888;
   border-radius: 2px;
   box-shadow: inset 0 0 1px rgba(0,0,0,.1), 0 0 3px rgba(0,0,0,.1);
   padding: 1px 3px 1px 3px;
}
.button {
   margin-bottom: 10px;
   box-shadow: 0 0 3px rgba(0,0,0,.1);
}
.output {
   margin-bottom: 5px;
}
</style>
 
<div id="omega-lul">
lorem ipsum
</div>
 
<div id="lul-omega">
ipsum lorem
</div>
 
<table style="margin: 0 auto 0 auto; padding: 0;">
  <tr>
    <td>
      <input id="goi1" type="text" class="input" value="GdI 1" onfocus="this.setSelectionRange(0, this.value.length);"> <input id="goi2" type="text" class="input" value="GdI 2" onfocus="this.setSelectionRange(0, this.value.length);"> <button onclick="goiFunction()" class="button">Voir la relation</button>
    </td>
  </tr>
</table>
 
<div id="c2" class="output"></div>
<div id="c3" class="output"></div>
 
<script>
//script volé sur INT, j'ai enlevé le jQuery et les trucs non nécessaires, et j'ai refait des trucs en mieux.
//auteur de ce méfait : TheEulays (si jamais il y a des questions ou que ça fonctionne pas/plus)
document.getElementById("goi1").maxLength = "10";
document.getElementById("goi2").maxLength = "10";
 
function goiFunction() {
var input1 = document.getElementById('goi1').value;
var input2 = document.getElementById('goi2').value;
var fullInput = input1 + "-" + input2;
var fullInput2 = input2 + "-" + input1;
 
var text1;
var text2;
 
text1 = document.getElementById(fullInput).innerHTML;
text2 = document.getElementById(fullInput2).innerHTML;
 
var myDiv = document.getElementById("c2");
var myDiv2 = document.getElementById("c3");
myDiv.innerHTML =text1;
myDiv2.innerHTML = text2;
}
 
</script>
 
</body>
[[/html]]


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut placerat vestibulum mollis. Nulla porttitor venenatis magna, dictum malesuada orci dapibus nec. In hac habitasse platea dictumst. Aenean pulvinar et elit in interdum. Aenean rhoncus enim vel magna porttitor, in sollicitudin ligula maximus. Nam nec erat et nisi consequat mollis ut vitae neque. Mauris mi nulla, elementum a condimentum non, viverra et mauris. Pellentesque pulvinar maximus consectetur. Pellentesque dictum, libero quis gravida interdum, augue tellus tincidunt orci, in eleifend ex turpis sit amet arcu. Vestibulum id mi eget ipsum scelerisque tincidunt at sed elit. In porta accumsan nibh eget rutrum. Morbi dignissim aliquam velit sed venenatis. Nulla dolor ante, rutrum eget molestie quis, tristique sed erat. Phasellus fermentum ac libero et tempus. Ut rutrum tempor risus, mollis auctor lacus placerat nec.

Duis mollis felis eget faucibus venenatis. In augue libero, malesuada iaculis urna sed, aliquet molestie nulla. Sed varius mattis sapien quis interdum. Pellentesque efficitur in eros in malesuada. Nunc nunc ante, consectetur et pretium ultrices, porttitor quis odio. Donec mattis neque blandit tincidunt convallis. Duis diam augue, varius eget hendrerit eu, condimentum ut ipsum. Donec convallis dignissim condimentum. Maecenas vehicula, ante eu finibus dictum, turpis nunc gravida justo, sit amet gravida tortor felis non tortor. Suspendisse sit amet aliquet urna, in auctor neque. Suspendisse faucibus ante vitae lectus consequat ornare. Sed a congue justo. Praesent quis neque dictum, porta nibh nec, rhoncus quam.

Sed nec dictum sapien. Pellentesque at purus nec mauris posuere porttitor. Vestibulum lacus nulla, faucibus ut rhoncus sit amet, lobortis nec sapien. Sed posuere dapibus sem at cursus. Etiam egestas mauris sed suscipit ullamcorper. Cras posuere libero eros, ut condimentum magna eleifend vitae. Aenean at auctor leo. Curabitur varius massa felis, iaculis blandit sem tristique id. Proin quis sagittis ipsum. Etiam sollicitudin, nibh et convallis tristique, urna justo molestie orci, ac faucibus nisl quam nec eros. Praesent sagittis ante velit, id interdum nisl finibus id.


Aliquam erat volutpat. Duis vel lacinia dolor. Morbi varius bibendum hendrerit. Morbi id tellus ligula. Aenean consectetur risus et arcu pharetra rutrum. Nulla facilisi. Aenean nec dolor bibendum, semper felis eu, gravida nulla. Duis dignissim accumsan justo ut tincidunt. Aliquam erat volutpat. Sed tristique facilisis ipsum ac posuere. Aliquam molestie non eros nec lacinia.

blabla
trucs
noice



<body>
<style>
 
#desc{
background-color:white;
}
#cw {
border: 1px solid black;
  border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
    table-layout: fixed;
   width: 100%;
}
td {
 
width : 2em;
border: 1px solid black;
background-color: white;
text-align: center;
-webkit-user-select: none; /* Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+/Edge */
user-select: none; /* Standard */
transition: background-color 0.3s;
 
}
 
td.hidden {
 
border-style: none;
 
}
 
td.selected {
 
background-color: #FACC2E;
 
}
 
tr {
 
height : 2em;
 
}
 
#in {
text-align: center;
}
 
</style>
 
<table id="cw">
</table> 
<div id="desc">
Description :
</div>
<div style="text-align:center; background-color: white;">
<b>MOT : </b><input id="in" type="text" class="input" value="" oninput="ecriture(this);" style="background-color:#FACC2E;">
</div>
 
<script>
//Début de mots-croisés
 
var temp;
 
var allText = "<cw><number>15</number>" +
            "<word>" + "<index>0</index>" +
            "<description>Langue officielle d'Oneiroi</description>" +
            "<mode>V</mode>" + 
            "<x>4</x>" + 
            "<ystart>0</ystart>" +
            "<yend>6</yend>" + 
            "</word>" + 
            "<word>" + 
            "<index>1</index>" +
            "<description>Conceptions du Docteur</description>" + 
            "<mode>V</mode>" +
            "<x>7</x>" +
            "<ystart>0</ystart>" +
            "<yend>5</yend>" +
            "</word>" +
            "<word>" +
            "<index>2</index>" +
            "<description>Ils veulent être cool</description>" +
            "<mode>H</mode>" +
            "<y>5</y>" +
            "<xstart>3</xstart>" +
            "<xend>10</xend>" +
            "</word>" + 
            "<word>" + 
            "<index>3</index>" +
            "<description>Utilisent l'anormal pour améliorer la condition humaine</description>" + 
            "<mode>V</mode>" +
            "<x>9</x>" +
            "<ystart>4</ystart>" +
            "<yend>16</yend>" +
            "</word>" +
            "<word>" + 
            "<index>4</index>" +
            "<description>A trahi la Fondation</description>" + 
            "<mode>H</mode>" +
            "<y>8</y>" +
            "<xstart>0</xstart>" +
            "<xend>11</xend>" +
            "</word>" +
            "<word>" + 
            "<index>5</index>" +
            "<description>Unité de terrain des fervents athées</description>" + 
            "<mode>V</mode>" +
            "<x>0</x>" +
            "<ystart>5</ystart>" +
            "<yend>9</yend>" +
            "</word>" +
            "<word>" + 
            "<index>6</index>" +
            "<description>Cherche le profit avant tout</description>" + 
            "<mode>V</mode>" +
            "<x>7</x>" +
            "<ystart>7</ystart>" +
            "<yend>9</yend>" +
            "</word>" +
            "<word>" + 
            "<index>7</index>" +
            "<description>Grand prophète des cultes Sarkiques</description>" + 
            "<mode>V</mode>" +
            "<x>11</x>" +
            "<ystart>6</ystart>" +
            "<yend>8</yend>" +
            "</word>" +
            "<word>" + 
            "<index>8</index>" +
            "<description>Monsieur loyal sous les feux de la piste</description>" + 
            "<mode>H</mode>" +
            "<y>13</y>" +
            "<xstart>6</xstart>" +
            "<xend>18</xend>" +
            "</word>" +
            "<word>" + 
            "<index>9</index>" +
            "<description>Ville de l'Esprit</description>" + 
            "<mode>V</mode>" +
            "<x>6</x>" +
            "<ystart>12</ystart>" +
            "<yend>18</yend>" +
            "</word>" +
            "<word>" + 
            "<index>10</index>" +
            "<description>Précheur du métal</description>" + 
            "<mode>H</mode>" +
            "<y>18</y>" +
            "<xstart>1</xstart>" +
            "<xend>6</xend>" +
            "</word>" +
            "<word>" + 
            "<index>11</index>" +
            "<description>QG des vagabonds</description>" + 
            "<mode>V</mode>" +
            "<x>17</x>" +
            "<ystart>2</ystart>" +
            "<yend>13</yend>" +
            "</word>" +"<word>" + 
            "<index>12</index>" +
            "<description>Divinité d'acier</description>" + 
            "<mode>H</mode>" +
            "<y>9</y>" +
            "<xstart>14</xstart>" +
            "<xend>20</xend>" +
            "</word>" +
            "<word>" + 
            "<index>13</index>" +
            "<description>Ils dirigent les mercenaires</description>" + 
            "<mode>H</mode>" +
            "<y>6</y>" +
            "<xstart>15</xstart>" +
            "<xend>21</xend>" +
            "</word>" +
            "<word>" + 
            "<index>14</index>" +
            "<description>Couleur de la reine</description>" + 
            "<mode>H</mode>" +
            "<y>3</y>" +
            "<xstart>15</xstart>" +
            "<xend>19</xend>" +
            "</word>" +"</cw>";
 
parser = new DOMParser();
xmlDoc = parser.parseFromString(allText,"text/xml");
 
var N = 23;
 
var T = document.getElementById("cw");
 
var S = "";
 
var selected = -1;
 
var descArray = [];
var indexMatrix = [];
 
var cellMatrix = [];
for(var i=0; i<N; i++) {
    cellMatrix[i] = new Array(N);
}
 
for(var i = 0;i<N;i++){
for(var j = 0;j<N;j++){
    cellMatrix[i][j] = -1;
}
}
 
var index;
var word;
var tab;
var mode;
var y;
var x;
var x1;
var x2;
var y1;
var y2;
 
temp = xmlDoc.getElementsByTagName("number")[0].childNodes[0].nodeValue;
var words = xmlDoc.getElementsByTagName("word");
for(var i = 0; i < temp; i++){
 
    word = words[i];
    descArray[i] = word.getElementsByTagName("description")[0].childNodes[0].nodeValue;
    mode = word.getElementsByTagName("mode")[0].childNodes[0].nodeValue;
 
    tab = [];
 
    if (mode == "H") {
 
        y = parseInt(word.getElementsByTagName("y")[0].childNodes[0].nodeValue);
        x1 = parseInt(word.getElementsByTagName("xstart")[0].childNodes[0].nodeValue);
        x2 = parseInt(word.getElementsByTagName("xend")[0].childNodes[0].nodeValue);
 
        for(x = x1; x <= x2; x++){
 
            tab.push([y,x]);    
            cellMatrix[y][x] = i;
 
        }
 
    } else {
 
        x = parseInt(word.getElementsByTagName("x")[0].childNodes[0].nodeValue);
        y1 = parseInt(word.getElementsByTagName("ystart")[0].childNodes[0].nodeValue);
        y2 = parseInt(word.getElementsByTagName("yend")[0].childNodes[0].nodeValue);
 
        for(y = y1; y <= y2; y++){
 
            tab.push([y,x]);    
            cellMatrix[y][x] = i;
 
        }
 
    }
 
    indexMatrix[i] = tab;
 
}
 
for (var i = 0; i < N; i++) {
   S += "<tr>";
   for (var j = 0; j < N; j++) {    
    temp = "class=\"\"" + ">_</td>";
 
    if(cellMatrix[i][j] == -1){
        temp = "class=\"hidden\""+ "></td>";
    }
 
    S+= "<td id=\"cell-" + i + "-" + j + "\" onclick=\"clic(this);\" " + temp;
 
   }
   S += "</tr>";
}
 
T.innerHTML = S;
 
function clic(elt){
 
    var c = elt.getAttribute("id");
    var y;
    var x;
    var i = c.indexOf("-");
    var j = c.indexOf("-", i + 1);
 
    y = parseInt(c.substring(i + 1, j));
    x = parseInt(c.substring(j + 1));
 
    if(selected != -1){
 
        for(var i = 0;i < indexMatrix[selected].length; i++){
 
            var k = indexMatrix[selected][i][0];
            var l = indexMatrix[selected][i][1];
            var e = document.getElementById("cell-"+k+"-"+l);
            e.setAttribute("class","");
 
        }
 
    }
 
    selected = cellMatrix[y][x];
    document.getElementById("desc").innerHTML = "Description : " + descArray[selected];
    if (document.getElementById("desc").innerHTML == "Description : undefined") {
        document.getElementById("desc").innerHTML = "Description :";
    }
 
    if(selected != -1){
    temp = "";
        for(var i = 0;i < indexMatrix[selected].length; i++){
 
            var k = indexMatrix[selected][i][0];
            var l = indexMatrix[selected][i][1];
            var e = document.getElementById("cell-"+k+"-"+l);
            e.setAttribute("class","selected");
            temp += e.innerHTML;
        }
    document.getElementById("in").value = temp;
    document.getElementById("in").maxLength = indexMatrix[selected].length;
    }else{
    document.getElementById("in").value = "";
    document.getElementById("in").maxLength = 0;
    }
 
}
 
function ecriture(elt){
 
    var s = elt.value;
 
        for(var i = 0;i < indexMatrix[selected].length; i++){
 
            var k = indexMatrix[selected][i][0];
            var l = indexMatrix[selected][i][1];
            if(i < s.length) {
                document.getElementById("cell-"+k+"-"+l).innerHTML = s.charAt(i);
            } else {
                document.getElementById("cell-"+k+"-"+l).innerHTML = "_";
            }
 
        }
 
}
 
</script>
</body>

Sauf mention contraire, le contenu de cette page est protégé par la licence Creative Commons Attribution-ShareAlike 3.0 License