Skrývání korektur pomocí atributu
This commit is contained in:
parent
5563eb681c
commit
00e0ed0a50
3 changed files with 12 additions and 16 deletions
|
@ -33,6 +33,12 @@ img{background:white;}
|
|||
--rgb: 0, 255, 0;
|
||||
}
|
||||
|
||||
[data-opravazobrazit="false"] {
|
||||
.corr-body { display: none; }
|
||||
.corr-buttons { display: none; }
|
||||
.toggle-button { transform: rotate(180deg); }
|
||||
}
|
||||
|
||||
.pointer-hi,
|
||||
.pointer{
|
||||
position:absolute;
|
||||
|
|
|
@ -96,19 +96,8 @@ function img_click(element, ev) {
|
|||
return show_form(img_id, dx, dy, '', '', '', '');
|
||||
}
|
||||
// hide or show text of correction
|
||||
function toggle_visibility(oid){
|
||||
var buttondiv = document.getElementById(oid+'-buttons')
|
||||
var text = document.getElementById(oid+'-body');
|
||||
var toggleimg = document.getElementById(oid+'-toggleimg');
|
||||
if (text.style.display == 'none'){
|
||||
text.style.display = 'block';
|
||||
buttondiv.style.display = 'inline-block';
|
||||
toggleimg.style.transform = "";
|
||||
}else {
|
||||
text.style.display = 'none';
|
||||
buttondiv.style.display = 'none';
|
||||
toggleimg.style.transform = "rotate(180deg)";
|
||||
}
|
||||
function toggle_visibility(oprava){
|
||||
oprava.dataset.opravazobrazit = oprava.dataset.opravazobrazit !== 'true';
|
||||
for (var i=0;i<comments.length-1;i++){
|
||||
place_comments_one_div(comments[i][0], comments[i][1])
|
||||
}
|
||||
|
|
|
@ -9,6 +9,7 @@
|
|||
<div name='op{{o.id}}' id='op{{o.id}}'
|
||||
class='box'
|
||||
data-opravastatus="{{o.status}}"
|
||||
data-opravazobrazit="true"
|
||||
onmouseover='box_onmouseover(this)'
|
||||
onmouseout='box_onmouseout(this)'
|
||||
>
|
||||
|
@ -22,7 +23,7 @@
|
|||
</div>
|
||||
<div class='corr-header'>
|
||||
<span class='float-right'>
|
||||
<span id='op{{o.id}}-buttons'>
|
||||
<span id='op{{o.id}}-buttons' class='corr-buttons'>
|
||||
<form action='' method='POST'>
|
||||
{% csrf_token %}
|
||||
<input type='hidden' name='id' value='{{o.id}}'>
|
||||
|
@ -64,8 +65,8 @@
|
|||
{% endif %}
|
||||
|
||||
</span>
|
||||
<button type='button' onclick='toggle_visibility("op{{o.id}}");' title='Skrýt/Zobrazit'>
|
||||
<img id='op{{o.id}}-toggleimg' src="{% static "korektury/imgs/hide.png" %}"/>
|
||||
<button type='button' onclick='toggle_visibility(this.parentElement.parentElement.parentElement);' title='Skrýt/Zobrazit'>
|
||||
<img id='op{{o.id}}-toggleimg' class='toggle-button' src="{% static "korektury/imgs/hide.png" %}"/>
|
||||
</button>
|
||||
|
||||
</span>
|
||||
|
|
Loading…
Reference in a new issue