Добро пожаловать, Гость!
Тема закрыта для обсуждения
Помощь в js - Страница 0
Помощь мастерам | Помощь в js
RuSInet :
Всем привет мастера, сразу скажу я нуб в js, учусь только, вот вообщем и суть моего вопроса:
Есть код
<sсript type="text/javasсript">
window.onload= function() {
document.getElementById('smiles').onclick = function() {
openbox('boxx', this);
return false;
};
document.getElementById('toggler').onclick = function() {
openbox('box', this);
return false;
};
};
function openbox(id, smiles) {
var sm = document.getElementById(id);
if(sm.style.display == 'block') {
sm.style.display = 'none';
smiles.innerHTML = '<div class="dop"></div>';
}
else {
sm.style.display = 'block';
smiles.innerHTML = '<div style=" z-index: 1; border-top: 10px solid #1B921B; float: center; margin-top: -5px; margin-bottom: -2px"></div><div style="border-radius: 0px 0px 3px 3px" class="dop"></div>';
}
}
function openbox(id, toggler) {
var pric = document.getElementById(id);
if(pric.style.display == 'block') {
pric.style.display = 'none';
toggler.innerHTML = '<div class="dop">Прикрепить</div>';
}
else {
pric.style.display = 'block';
toggler.innerHTML = '<div style=" z-index: 1; border-top: 10px solid #1B921B; float: center; margin-top: -3px; margin-bottom: -2px"></div><div style="border-radius: 0px 0px 3px 3px" class="dop">Прикрепить</div>';
}
}
</sсript>
Он скрывает и показывает два блока, я хочу сделать так что бы при открытии одного, второй закрывался, как это сделать? Гугл не помогает гад(
Помощь в js
3 Мая 2016Всем привет мастера, сразу скажу я нуб в js, учусь только, вот вообщем и суть моего вопроса:
Есть код
<sсript type="text/javasсript">
window.onload= function() {
document.getElementById('smiles').onclick = function() {
openbox('boxx', this);
return false;
};
document.getElementById('toggler').onclick = function() {
openbox('box', this);
return false;
};
};
function openbox(id, smiles) {
var sm = document.getElementById(id);
if(sm.style.display == 'block') {
sm.style.display = 'none';
smiles.innerHTML = '<div class="dop"></div>';
}
else {
sm.style.display = 'block';
smiles.innerHTML = '<div style=" z-index: 1; border-top: 10px solid #1B921B; float: center; margin-top: -5px; margin-bottom: -2px"></div><div style="border-radius: 0px 0px 3px 3px" class="dop"></div>';
}
}
function openbox(id, toggler) {
var pric = document.getElementById(id);
if(pric.style.display == 'block') {
pric.style.display = 'none';
toggler.innerHTML = '<div class="dop">Прикрепить</div>';
}
else {
pric.style.display = 'block';
toggler.innerHTML = '<div style=" z-index: 1; border-top: 10px solid #1B921B; float: center; margin-top: -3px; margin-bottom: -2px"></div><div style="border-radius: 0px 0px 3px 3px" class="dop">Прикрепить</div>';
}
}
</sсript>
Он скрывает и показывает два блока, я хочу сделать так что бы при открытии одного, второй закрывался, как это сделать? Гугл не помогает гад(
Комментарии:
Zed 4 Мая 2016
RuSInet (3 Мая 2016):
Samurai, Неа, не хочет
RuSInet, в каждой функции проверяй,открыт ли другой блок, и закрывай егоSamurai, Неа, не хочет
Samurai
3 Мая 2016
А если так?
<? <sсript type="text/javasсript">
window.onload= function() {
document.getElementById('smiles').onclick = function() {
openbox('boxx', this);
return false;
};
document.getElementById('toggler').onclick = function() {
openbox('box', this);
return false;
};
};
function openbox(id, smiles) {
var sm = document.getElementById(id);
if(sm.style.display == 'block') {
sm.style.display = 'none';
smiles.innerHTML = '<div class="dop">smile</div>';
}
else {
sm.style.display = 'block';
smiles.innerHTML = '<div style=" z-index: 1; border-top: 10px solid #1B921B; float: center; margin-top: -5px; margin-bottom: -2px"></div><div style="border-radius: 0px 0px 3px 3px" class="dop">smile</div>';
sm.style.display = 'blockone';
smiles.innerHTML = '<div style=" z-index: 1; border-top: 10px solid #1B921B; float: center; margin-top: -5px; margin-bottom: -2px"></div><div style="border-radius: 0px 0px 3px 3px" class="dop">smile</div>';
}
}
function openbox(id, toggler) {
var pric = document.getElementById(id);
if(pric.style.display == 'blockone') {
pric.style.display = 'none';
toggler.innerHTML = '<div class="dop">Прикрепить</div>';
}
else {
pric.style.display = 'block';
toggler.innerHTML = '<div style=" z-index: 1; border-top: 10px solid #1B921B; float: center; margin-top: -3px; margin-bottom: -2px"></div><div style="border-radius: 0px 0px 3px 3px" class="dop">Прикрепить</div>';
}
}
</sсript> ?>
А если так?
<? <sсript type="text/javasсript">
window.onload= function() {
document.getElementById('smiles').onclick = function() {
openbox('boxx', this);
return false;
};
document.getElementById('toggler').onclick = function() {
openbox('box', this);
return false;
};
};
function openbox(id, smiles) {
var sm = document.getElementById(id);
if(sm.style.display == 'block') {
sm.style.display = 'none';
smiles.innerHTML = '<div class="dop">smile</div>';
}
else {
sm.style.display = 'block';
smiles.innerHTML = '<div style=" z-index: 1; border-top: 10px solid #1B921B; float: center; margin-top: -5px; margin-bottom: -2px"></div><div style="border-radius: 0px 0px 3px 3px" class="dop">smile</div>';
sm.style.display = 'blockone';
smiles.innerHTML = '<div style=" z-index: 1; border-top: 10px solid #1B921B; float: center; margin-top: -5px; margin-bottom: -2px"></div><div style="border-radius: 0px 0px 3px 3px" class="dop">smile</div>';
}
}
function openbox(id, toggler) {
var pric = document.getElementById(id);
if(pric.style.display == 'blockone') {
pric.style.display = 'none';
toggler.innerHTML = '<div class="dop">Прикрепить</div>';
}
else {
pric.style.display = 'block';
toggler.innerHTML = '<div style=" z-index: 1; border-top: 10px solid #1B921B; float: center; margin-top: -3px; margin-bottom: -2px"></div><div style="border-radius: 0px 0px 3px 3px" class="dop">Прикрепить</div>';
}
}
</sсript> ?>