Commit fddd63a0 authored by Sylvain Coulange's avatar Sylvain Coulange
Browse files

ajout phon_l oublié

parent bb365477
......@@ -526,4 +526,130 @@ function hidePopDiv() {
document.getElementById('popDiv').src = "";
}
//////////////////////////////////////////////////////
\ No newline at end of file
//////////////////////////////////////////////////////
//////////////////////////////////////
////////// PARAMÉTRAGE POPUP /////////
////////// POUR COPIER TEXTE /////////
//////////////////////////////////////
// Get the modal
var modal = document.getElementById("myModal");
// Get the <span> element that closes the modal
var span = document.getElementsByClassName("close")[0];
// Fonction pour ouvrir le PopUp
function getPopUp() {
var outputContent = document.getElementById('textZone').innerHTML;
// <span> </span><span class="tokens" id="tok1" onclick="changeAlign(this.id)"><span class="phon phon_b">B</span><span class="phon phon_o_maj_nas">on</span><span class="phon phon_z_maj">j</span><span class="phon phon_u">ou</span><span class="phon phon_r_maj">r</span></span><span> </span><span class="tokens transMult" id="tok2" onclick="changeAlign(this.id)" title="changer de prononciation"><span class="phon phon_neutre">à</span></span><span> </span><span class="tokens transMult" id="tok3" onclick="changeAlign(this.id)" title="changer de prononciation"><span class="phon phon_t">t</span><span class="phon phon_u">ous</span></span>
function phon2color(correspondance, p1, decalage, chaine){
if (p1 == 'phon_wa'){
var col1 = getComputedStyle(document.documentElement).getPropertyValue('--phon_w');
var col2 = getComputedStyle(document.documentElement).getPropertyValue('--phon_a');
var res = '<span style="background-color:'+col1+';color:'+col2+';-webkit-text-stroke-width: 0.5px;-webkit-text-stroke-color: #000000;">';
} else if (p1 == 'phon_we_maj_nas'){
var col1 = getComputedStyle(document.documentElement).getPropertyValue('--phon_w');
var col2 = getComputedStyle(document.documentElement).getPropertyValue('--phon_e_maj_nas');
var res = '<span style="background-color:'+col1+';color:'+col2+';-webkit-text-stroke-width: 0.5px;-webkit-text-stroke-color: #000000;">';
} else if (p1 == 'phon_ij'){
var col1 = getComputedStyle(document.documentElement).getPropertyValue('--phon_i');
var col2 = getComputedStyle(document.documentElement).getPropertyValue('--phon_j');
var res = '<span style="background-color:'+col1+';color:'+col2+';-webkit-text-stroke-width: 0.5px;-webkit-text-stroke-color: #000000;">';
} else if (p1 == 'phon_nj'){
var col1 = getComputedStyle(document.documentElement).getPropertyValue('--phon_n');
var col2 = getComputedStyle(document.documentElement).getPropertyValue('--phon_j');
var res = '<span style="background-color:'+col1+';color:'+col2+';-webkit-text-stroke-width: 0.5px;-webkit-text-stroke-color: #000000;">';
} else if (p1 == 'phon_ts_maj'){
var col1 = getComputedStyle(document.documentElement).getPropertyValue('--phon_t');
var col2 = getComputedStyle(document.documentElement).getPropertyValue('--phon_s_maj');
var res = '<span style="background-color:'+col1+';color:'+col2+';-webkit-text-stroke-width: 0.5px;-webkit-text-stroke-color: #000000;">';
} else if (p1 == 'phon_dz_maj'){
var col1 = getComputedStyle(document.documentElement).getPropertyValue('--phon_d');
var col2 = getComputedStyle(document.documentElement).getPropertyValue('--phon_z_maj');
var res = '<span style="background-color:'+col1+';color:'+col2+';-webkit-text-stroke-width: 0.5px;-webkit-text-stroke-color: #000000;">';
} else if (p1 == 'phon_ks'){
var col1 = getComputedStyle(document.documentElement).getPropertyValue('--phon_k');
var col2 = getComputedStyle(document.documentElement).getPropertyValue('--phon_s');
var res = '<span style="background-color:'+col1+';color:'+col2+';-webkit-text-stroke-width: 0.5px;-webkit-text-stroke-color: #000000;">';
} else if (p1 == 'phon_gz'){
var col1 = getComputedStyle(document.documentElement).getPropertyValue('--phon_g');
var col2 = getComputedStyle(document.documentElement).getPropertyValue('--phon_z');
var res = '<span style="background-color:'+col1+';color:'+col2+';-webkit-text-stroke-width: 0.5px;-webkit-text-stroke-color: #000000;">';
} else if (p1 == 'phon_ts'){
var col1 = getComputedStyle(document.documentElement).getPropertyValue('--phon_t');
var col2 = getComputedStyle(document.documentElement).getPropertyValue('--phon_s');
var res = '<span style="background-color:'+col1+';color:'+col2+';-webkit-text-stroke-width: 0.5px;-webkit-text-stroke-color: #000000;">';
} else {
var col = getComputedStyle(document.documentElement).getPropertyValue('--'+p1);
var res = '<span style="color:'+col+';-webkit-text-stroke-width: 0.5px;-webkit-text-stroke-color: #000000;">';
}
console.log(p1+''+col);
console.log(res);
return res;
}
function bicol2color(correspondance, p1, decalage, chaine){
var col = getComputedStyle(document.documentElement).getPropertyValue('--phon_'+p1);
var res = '<span style="color:'+col+';-webkit-text-stroke-width: 0.5px;-webkit-text-stroke-color: #000000;">';
console.log(p1+''+col);
console.log(res);
return res;
}
// outputContent = outputContent.replace('<span> </span>',''); // suppr du premier span vide
outputContent = outputContent.replace(/<span class="phon (\w+)">/g, phon2color);
outputContent = outputContent.replace(/<span class="phon \w+ (\w+)">/g, bicol2color);
outputContent = outputContent.replace(/onclick="changeAlign\(this\.id\)"/g,'');
outputContent = outputContent.replace(/title="changer de prononciation"/g,'');
outputContent = outputContent.replace(/class="tokens( transMult)*" /g,'');
outputContentWhite = outputContent.replace(/#ffffff/g,'#000000');
document.getElementById('pLienDiv').innerHTML = outputContent;
document.getElementById('pLienDivWhite').innerHTML = outputContentWhite;
modal.style.display = "block";
}
// When the user clicks on <span> (x), close the modal
span.onclick = function() {
modal.style.display = "none";
}
// When the user clicks anywhere outside of the modal, close it
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
}
}
// COPIE AUTO DU LIEN DANS PRESSE-PAPIER
function toClipBoard(containerid,tooltipid) {
//var copyText = document.getElementById("pLienDiv");
// copyText.select();
// copyText.setSelectionRange(0, 99999);
// document.execCommand("copy");
if (document.selection) {
var range = document.body.createTextRange();
range.moveToElementText(document.getElementById(containerid));
range.select().createTextRange();
document.execCommand("copy");
} else if (window.getSelection) {
var range = document.createRange();
range.selectNode(document.getElementById(containerid));
window.getSelection().empty();
window.getSelection().addRange(range);
document.execCommand("copy");
}
var tooltip = document.getElementById(tooltipid) ;
tooltip.innerHTML = "Copié !";
}
function outFunc() {
var tooltip = document.getElementById("myTooltip");
tooltip.innerHTML = "Copier";
}
function outFuncWhite() {
var tooltip = document.getElementById("myTooltipWhite");
tooltip.innerHTML = "Copier";
}
This diff is collapsed.
!phon_e_maj_nas
in2 en2 ain2 ein2
in3 en3 ain3 ein3
ins ens ains eins
int ent aint eint
ing ïn aints eints
ingt în aing eing
inc inq ainc _
inct hin aincs yn
incts hen aim2 ym
im2 hein aims yms
incts hen aim3 ym
im3 hein aims yms
!phon_9_nas
un2 um unt hun
un3 um unt hun
uns ums unts huns
eun hum _ _
!phon_i
i2 it il ï hi2 hî y2
i3 it il ï hi3 hî y3
is its ils ïs his hît ys
ie id ix ïe hie î ye
ies ids iz ïes hies ît yes
ient ee ea ït hit hy yg
!phon_e
é2 et2 e hé2 ai2
é3 et3 e hé3 ai3
és es ed he a
ée ez eds ê _
ées er ef ë æ
éent ers efs ës œ
!phon_e_maj
è2 e2 ê2 ei2 ey ai2 ait hai2 hait
è3 e3 ê3 ei3 ey ai3 ait hai3 hait
ès es ë eî eys ais aits hais haits
_ est êt _ _ aie aid haie aî
he et êts ect é aies aids haies aît
hè ets hê ects œ aient aix a ay
!phon_a
a2 ac act az _ à2 â
a3 ac act az _ à3 â
as acs acts ars _ ah ât
at ap ach ao _ ha âts
ats aps achs _ e _ hâ
!phon_y
u2 ut û hu2 hut eu2
u3 ut û hu3 hut eu3
us uts ût _ huts eus
ue ul ûts hue _ eus
ues uls üe hues eû eues
uent ux ües huent eût eut
!phon_2
eu2 _ eux _ heu2 œu2
eu3 _ eux _ heu3 œu3
eus _ eut _ euh œux
eue _ eur _ œh œud
eues _ eurs _ _ œuds
_ eû _ e _ œufs
!phon_arobase
e2
e3
ai
on
es
!phon_9
eu2 œ2
eu3 œ3
heu œu
_ u
e ue
!phon_a_maj_nas
an2 ant am2 en2 ent e em2
an3 ant am3 en3 ent e em3
ans ants amp ens ents _ emps
anc and amps eng end _ empt
ancs ands ham engs ends _ empts
ang angs han hen aon _ aons
!phon_u
ou2 oup out oû où hou2 _ aou
ou3 oup out oû où hou3 _ aou
ous oups outs oùt oux houx u aoul
oue oud oug oûts oub houe _ aouls
oues ouds ougs ouc oubs houes _ aoû
ouent oo ow oucs ouls houent _ août
!phon_o
ô2 oc op ho2 au2 eau2
ô3 oc op ho3 au3 eau3
o ocs ops hau aux eaux
os oh hô heau aus aulx
ot ôt hot haut aut aud
ots ôts hots hauts auts auds
!phon_o_maj
o2 au2
o3 au3
ho a
oo u
oi ü
!phon_o_maj_nas
on2 ond ong om2 omp
on3 ond ong om3 omp
ons onds ongs oms omps
ont hon onc omb ompt
onts _ oncs ombs ompts
!phon_we_maj_nas
oin2 oins
oin3 oins
oint oints
ouin ouins
oing oings
ooing ooings
!phon_wa
oi2 oit oid oix o oua
oi3 oit oid oix o oua
ois oits oids oe _ ua
oie oigt oî oê _ a
oies oigts oîs oye _ at
......@@ -121,7 +121,7 @@ i y hi
u
!phon_j
y2 hy i2 ll2 il2 ill2 illi
y3 hy i3 ll3 il3 ill3 illi
ye yi hi lle ils ille lli
yes _ ï lles _ illes l
yent _ ïe llent _ illent j
......@@ -132,62 +132,62 @@ hu
ü
!phon_w
w2 ou2
w3 ou3
wh hou
u hu
_ o
!phon_p
p2 pp ps
p3 pp ps
pe ppe b
pes ppes _
pent ppent _
!phon_b
b2 bs
b3 bs
be bb
bes _
bent _
!phon_m
m2 mm m’
m3 mm m’
me mme ms
mes mmes _
ment mment _
!phon_f
f2 fs ff ph
f3 fs ff ph
fe _ ffe phe
fes _ ffes phes
fent _ ffent phent
!phon_v
v2 w f
v3 w f
ve we _
ves wes _
vent went _
!phon_nj
gn2 gni
gn3 gni
gne ni
gnes _
gnent _
!phon_t
t2 ts tt t’ pt th
t3 ts tt t’ pt th
te _ tte _ pte the
tes _ ttes _ ptes thes
tent _ ttent _ ptent ths
cht _ chts _ _ d
!phon_d
d2 dd d’
d3 dd d’
de ds _
des _ _
dent _ _
!phon_n
n2 nn n’ mn
n3 nn n’ mn
ne nne ns mne
nes nnes _ mnes
nent nnent _ mnent
......@@ -204,48 +204,54 @@ j
g
!phon_ks
x2
x3
xe
xes
xent
!phon_gz
x2
x3
!phon_s
s2 ss2 s’ c2 c’ sc2
s3 ss3 s’ c3 c’ sc3
se sse ls ce _ sce
ses sses _ ces _ sces
sent ssent _ cent _ scent
t2 sth x cc ç sç
t3 sth x cc ç sç
!phon_z
z2 s2 zz
z3 s3 zz
ze se x
zes ses
zent sent
!phon_s_maj
ch2 chs
ch3 chs
che sh
ches sch
chent sc
!phon_z_maj
j2 j’ g2
j3 j’ g3
je _ ge
_ _ ges
_ _ gent
!phon_l
l3 ll l’
le lle ls
les lles lls
lent llent _
!phon_k
k2 ck c2 cqu qu2
k3 ck c3 cqu qu3
ke cke cs cque que
kes ckes cc cques ques
cks ckent q qs quent
x cch ch chs qu’
!phon_g
g2 gu2 c
g3 gu3 c
gs gue _
gg gues _
gh guent _
......@@ -255,7 +261,7 @@ ng
ngs
!phon_r_maj
r2 rr rrh rt rd
r3 rr rrh rt rd
re rre rrhe rts rds
res rres rrhes rc rg
rent rrent rh rcs rgs
......
......@@ -73,12 +73,14 @@ h2 {
}
.outputParam {
text-align: right;
position: absolute;
right: 0px;
top: 0px;
padding: 5px 15px;
font-size: 0.6em;
}
.glyphicon {
cursor: pointer;
padding: 3px;
......
:root {
--phon_bicolor1: #ff0000;
--phon_bicolor2: #40b9ff;
--phon_bicolorWhite1: #ff0000;
--phon_bicolorWhite2: #00a2ff;
--phon_o_maj_nas: #7f2a18;
--phon_1: #505050;
--phon_2: #c9004d;
......@@ -255,3 +259,28 @@ traitement des affriquées, glide+V et palatalisation
stroke-dasharray:none;
stroke-opacity:1;
}
.bicolor1 {
color: var(--phon_bicolor1);
fill: var(--phon_bicolor1);
background: none;
background-clip: unset;
-webkit-text-fill-color: initial;
}
.bicolorWhite1 {
color: var(--phon_bicolorWhite1);
fill: var(--phon_bicolorWhite1);
}
.bicolor2 {
color: var(--phon_bicolor2);
fill: var(--phon_bicolor2);
background: none;
background-clip: unset;
-webkit-text-fill-color: initial;
}
.bicolorWhite2 {
color: var(--phon_bicolorWhite2);
fill: var(--phon_bicolorWhite2);
}
\ No newline at end of file
/* The Modal (background) */
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
padding-top: 100px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto;
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content */
.modal-content {
position: relative;
background-color: #fefefe;
margin: auto;
padding: 0;
border: 1px solid #888;
width: 50%;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
-webkit-animation-name: animatetop;
-webkit-animation-duration: 0.4s;
animation-name: animatetop;
animation-duration: 0.4s
}
/* Add Animation */
@-webkit-keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
}
@keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
}
/* The Close Button */
.close {
color: white;
float: right;
font-size: 28px;
font-weight: bold;
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
.modal-header {
padding: 2px 16px;
background-color: #5cb85c;
color: white;
}
.modal-body {padding: 20px 16px;}
.modal-body p {
text-align: left;
}
.modal-footer {
padding: 2px 16px;
background-color: #5cb85c;
color: white;
font-style: italic;
}
/* TextArea du lien à copier */
.copyButton {
position: relative;
display: inline-block;
margin: 5px;
}
.copyButton .copyButtonText {
position: absolute;
bottom: 115px;
left: 50%;
visibility: hidden;
width: 130px;
background-color: #555;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px;
z-index: 1;
margin: -75px;
opacity: 0;
transition: opacity 0.3s;
}
.copyButton .copyButtonText::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #555 transparent transparent transparent;
}
.copyButton:hover .copyButtonText {
visibility: visible;
opacity: 1;
}
.pLienDiv {
/* border: outset; */
/* background-color: black; */
padding: 10px 5px;
font-size: 2em;
text-align: left;
/* font-weight: bold; */
}
/* POP LOG */
.modal2 {
display: none; /* Hidden by default */
position: fixed;
z-index: 1; /* Sit on top */
padding-top: 100px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: scroll;
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.modal-content2 {
position: relative;
background-color: #fefefe;
margin: auto;
padding: 0;
border: 1px solid #888;
width: 60%;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
text-align: left;
}
.modal-header2 {
padding: 2px 16px;
background-color: #7fbaf1;