TheEulays

SANDBOX : TheEulays (Quasiment rangé)

security.fileuri.strict_origin_policy : false sous Renard de Feu
Internet Settings (custom, misc) : sous Explorateur d'Entre-Toile
Modifier le shorcut (—disable-web-security) : sous Kröm

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]]

Module de recherche (relations entre GoI) :

C'est le code des mots croisés !

<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 totorLaZoneInput = document.getElementById('in');
totorLaZoneInput.addEventListener('keypress', function(event){
    var s = this.selectionStart;
    this.value = this.value.substr(0, s) + this.value.substr(s + 1);
    this.selectionEnd = s;
}, false);
 
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