Skip to content

R
retypos-webclient
Commit 21e6fb0d authored by Владислав Большаков's avatar Владислав Большаков
Browse files
Options

barbass: переработал стили (eterbug #1511)

parent 7e33a9e5
Show whitespace changes
Inline Side-by-side
Showing with 93 additions and 32 deletions
default.php
View file @ 21e6fb0d
<div id="e_typos_div"> <div id="e_typos_div">
<p>Выделите текст и нажмите кнопку "Отправить"</p> <div id="e_typos_title">
<span>Сервис опечаток</span>
<span title="Закрыть окно" id="e_typos_close" onclick="ETY.close();"><b>х</b></span>
</div>
<p id="e_typos_desc">Выделите текст и нажмите кнопку "Отправить"</p>
<p> <p>
<nobr>Комментарий: <input type="text" id="e_typos_comment" name="e_typos_comment" class="e_typos_idle" onblur="this.className='e_typos_idle'" onfocus="this.className='e_typos_activeField'" size='19' maxlength="50" placeholder="Должна быть буква..."/></nobr> <nobr>Комментарий: <input type="text" id="e_typos_comment" name="e_typos_comment" class="e_typos_idle" onblur="this.className='e_typos_idle'" onfocus="this.className='e_typos_activefield'" size='19' maxlength="50" placeholder="Должна быть буква..."/></nobr>
</p> </p>
<p id="e_typos_error" class="e_typos_error" style="border:1px solid; border-radius:5px;"></p> <p id="e_typos_error"></p>
<input type="button" value="Отправить" class="e_typos_idle" onblur="this.className='e_typos_idle'" onmouseup="this.className='e_typos_idle'" onmousedown="this.className='e_typos_activeButton'" onclick="ETY.post_data();" /> <p>
<input type="button" value="Закрыть" class="e_typos_idle" onblur="this.className='e_typos_idle'" onmouseup="this.className='e_typos_idle'" onmousedown="this.className='e_typos_activeButton'" onclick="ETY.close();" /> <input type="button" title="Отправить сообщение об опечатке" value="Отправить" class="e_typos_idle" onblur="this.className='e_typos_idle'" onmouseup="this.className='e_typos_idle'" onmousedown="this.className='e_typos_activebutton'" onclick="ETY.post_data();" />
<input type="button" title="Закрыть окно" value="Закрыть" class="e_typos_idle" onblur="this.className='e_typos_idle'" onmouseup="this.className='e_typos_idle'" onmousedown="this.className='e_typos_activebutton'" onclick="ETY.close();" />
</p>
</div> </div>
etersoft_typos.js
View file @ 21e6fb0d
...@@ -43,7 +43,6 @@ var ETY = { ...@@ -43,7 +43,6 @@ var ETY = {
document.getElementById("e_typos_div").style.left = left + "px"; document.getElementById("e_typos_div").style.left = left + "px";
document.getElementById("e_typos_error").style.display = "none"; document.getElementById("e_typos_error").style.display = "none";
//document.getElementById("e_typos_user_text").style.display = "none";
document.getElementById("e_typos_comment").value = ""; document.getElementById("e_typos_comment").value = "";
document.getElementById("e_typos_div").style.display = "block"; document.getElementById("e_typos_div").style.display = "block";
...@@ -103,7 +102,7 @@ var ETY = { ...@@ -103,7 +102,7 @@ var ETY = {
//setTimeout('newWin.close()', 1000); //setTimeout('newWin.close()', 1000);
this.error("green", "Спасибо за ваше внимание"); this.error("green", "Спасибо за ваше внимание.");
window.setTimeout('ETY.close()', 2000); window.setTimeout('ETY.close()', 2000);
return false; return false;
} }
......
test.php
View file @ 21e6fb0d
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
position:absolute; position:absolute;
font-family: Arial, Sans-Serif; font-family: Arial, Sans-Serif;
font-size: 15px; font-size: 15px;
background-color: #DDDDDD; background-color: white;
padding: 0px 2px 2px 2px; padding: 0px 2px 2px 2px;
width:350px; width:350px;
border-radius: 10px; border-radius: 10px;
...@@ -19,6 +19,30 @@ ...@@ -19,6 +19,30 @@
text-align: center; text-align: center;
} }
#e_typos_title {
text-align: left;
padding: 0.5em 0.5em 0.3em 1em;
border-radius: 7 7 7 7;
background: #4169e1;
color: white;
margin-top: 1px;
}
#e_typos_close {
padding-right: 10px;
float: right;
cursor: pointer;
opacity: 0.5;
}
#e_typos_close:hover {
opacity: 1;
}
#e_typos_desc {
font-size: 13px;
}
#e_typos_div input { #e_typos_div input {
font-family: Arial, Sans-Serif; font-family: Arial, Sans-Serif;
font-size: 13px; font-size: 13px;
...@@ -26,14 +50,18 @@ ...@@ -26,14 +50,18 @@
padding: 3px; padding: 3px;
} }
.e_typos_activeField { .e_typos_activefield {
background-color: #ffffff !important; background-color: #ffffff !important;
border: 1px solid #f01717; border: 1px solid #f01717;
} }
#e_typos_error {
display: none;
}
.e_typos_idle { .e_typos_idle {
border-radius: 10px; border-radius: 10px;
border: solid 1px #d0d0d0; border: 1px solid #d0d0d0;
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2)); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2));
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2)); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2));
background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2));
...@@ -42,31 +70,33 @@ ...@@ -42,31 +70,33 @@
background-color:#FFFFFF !important; background-color:#FFFFFF !important;
} }
.e_typos_activeButton { .e_typos_activebutton {
border: 2px solid #d0d0d0; border: 1px solid #d0d0d0;
background-color:#DDDDDD !important; background-color:#DDDDDD !important;
border-radius: 10px; border-radius: 10px;
} }
.e_typos_error {
display: none;
}
</style> </style>
<div id="e_typos_div"> <div id="e_typos_div">
<div id="e_typos_title">
<span>Сервис опечаток</span>
<span title="Закрыть окно" id="e_typos_close" onclick="ETY.close();"><b>х</b></span>
</div>
<p id="e_typos_desc">Выделите текст и нажмите кнопку "Отправить"</p>
<p>Выделите текст и нажмите кнопку "Отправить"</p>
<p> <p>
<nobr>Комментарий: <input type="text" id="e_typos_comment" name="e_typos_comment" class="e_typos_idle" onblur="this.className='e_typos_idle'" onfocus="this.className='e_typos_activeField'" size='19' maxlength="50" placeholder="Должна быть буква..."/></nobr> <nobr>Комментарий: <input type="text" id="e_typos_comment" name="e_typos_comment" class="e_typos_idle" onblur="this.className='e_typos_idle'" onfocus="this.className='e_typos_activefield'" size='19' maxlength="50" placeholder="Должна быть буква..."/></nobr>
</p> </p>
<!--<p id="e_typos_user_text" class="e_typos_user_text"></p>--> <p id="e_typos_error"></p>
<p id="e_typos_error" class="e_typos_error" style="border:1px solid; border-radius:5px;"></p>
<input type="button" value="Отправить" class="e_typos_idle" onblur="this.className='e_typos_idle'" onmouseup="this.className='e_typos_idle'" onmousedown="this.className='e_typos_activeButton'" onclick="ETY.post_data();" /> <p>
<input type="button" value="Закрыть" class="e_typos_idle" onblur="this.className='e_typos_idle'" onmouseup="this.className='e_typos_idle'" onmousedown="this.className='e_typos_activeButton'" onclick="ETY.close();" /> <input type="button" title="Отправить сообщение об опечатке" value="Отправить" class="e_typos_idle" onblur="this.className='e_typos_idle'" onmouseup="this.className='e_typos_idle'" onmousedown="this.className='e_typos_activebutton'" onclick="ETY.post_data();" />
<input type="button" title="Закрыть окно" value="Закрыть" class="e_typos_idle" onblur="this.className='e_typos_idle'" onmouseup="this.className='e_typos_idle'" onmousedown="this.className='e_typos_activebutton'" onclick="ETY.close();" />
</p>
</div> </div>
......
typos.css
View file @ 21e6fb0d
#e_typos_div { #e_typos_div {
display:none; display:none;
z-index:10000; z-index:10000;
position:absolute; position:absolute;
font-family: Arial, Sans-Serif; font-family: Arial, Sans-Serif;
font-size: 15px; font-size: 15px;
background-color: #DDDDDD; background-color: white;
padding: 0px 2px 2px 2px; padding: 0px 2px 2px 2px;
width:350px; width:350px;
border-radius: 10px; border-radius: 10px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
text-align: center; text-align: center;
}
#e_typos_title {
text-align: left;
padding: 0.5em 0.5em 0.3em 1em;
border-radius: 7 7 7 7;
background: #4169e1;
color: white;
margin-top: 1px;
}
#e_typos_close {
padding-right: 10px;
float: right;
cursor: pointer;
opacity: 0.5;
}
#e_typos_close:hover {
opacity: 1;
}
#e_typos_desc {
font-size: 13px;
} }
#e_typos_div input { #e_typos_div input {
...@@ -19,14 +43,18 @@ ...@@ -19,14 +43,18 @@
padding: 3px; padding: 3px;
} }
.e_typos_activeField { .e_typos_activefield {
background-color: #ffffff !important; background-color: #ffffff !important;
border: 1px solid #f01717; border: 1px solid #f01717;
} }
#e_typos_error {
display: none;
}
.e_typos_idle { .e_typos_idle {
border-radius: 10px; border-radius: 10px;
border: solid 1px #d0d0d0; border: 1px solid #d0d0d0;
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2)); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2));
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2)); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2));
background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2));
...@@ -35,12 +63,8 @@ ...@@ -35,12 +63,8 @@
background-color:#FFFFFF !important; background-color:#FFFFFF !important;
} }
.e_typos_activeButton { .e_typos_activebutton {
border: 2px solid #d0d0d0; border: 1px solid #d0d0d0;
background-color:#DDDDDD !important; background-color:#DDDDDD !important;
border-radius: 10px; border-radius: 10px;
} }
.e_typos_error {
display: none;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment