Добро пожаловать, Гость!
Тема закрыта для обсуждения
Помощь в js
Помощь мастерам | Помощь в 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>
Он скрывает и показывает два блока, я хочу сделать так что бы при открытии одного, второй закрывался, как это сделать? Гугл не помогает гад(
Комментарии:
RuSInet 4 Мая 2016
Автор темы
Zed, DNS сервера не найдены, а так я нашел статейку какую то и уже пробую)
Добавлено:
Zed, И даже работает
Добавлено:
Zed, Блин) Jquery мне уже нравится) он как то легче что ли) Спасибо тебе)
Автор темы
Zed, DNS сервера не найдены, а так я нашел статейку какую то и уже пробую)
Добавлено:
Zed, И даже работает
Добавлено:
Zed, Блин) Jquery мне уже нравится) он как то легче что ли) Спасибо тебе)
Zed 4 Мая 2016
Добавлено:
Ссылка
RuSInet (4 Мая 2016):
Zed, А что лучше?
RuSInet, вот тебе готовый материал думаю сам подгонишьZed, А что лучше?
Добавлено:
Ссылка
Zed 4 Мая 2016
RuSInet (4 Мая 2016):
Zed, А как проверять?
Я пробовал и так
<?
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 {
if(smstyle.display == 'block') {
sm.style.display = 'none';
smiles.innerHTML = '<div class="dop"><img src="/style/smiles/1185.gif" alt="smile" /></div>';
}
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>';
}
}
?>
И так
<?
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 {
function openbox(id, smiles) {
var sm = document.getElementById(id);
sm.style.display = 'none';
smiles.innerHTML = '<div class="dop"><img src="/style/smiles/1185.gif" alt="smile" /></div>';
}
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>';
}
}
?>
Не работает
Добавлено:
Еее)) Гугл раскололся, и мой мозг немного поработал и дал результат) когда открывается один блок, нужно закрывать второй вот таким способом
<?
$('#boxx').css('display', 'none');
?>
))) Спасибо большое всем) Тема повисит пока что))
Добавлено:
Только малость не корректно выводится,не могу понять в чем ошибка
RuSInet, так сделай уже на Jquery полностью или откажись от негоZed, А как проверять?
Я пробовал и так
<?
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 {
if(smstyle.display == 'block') {
sm.style.display = 'none';
smiles.innerHTML = '<div class="dop"><img src="/style/smiles/1185.gif" alt="smile" /></div>';
}
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>';
}
}
?>
И так
<?
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 {
function openbox(id, smiles) {
var sm = document.getElementById(id);
sm.style.display = 'none';
smiles.innerHTML = '<div class="dop"><img src="/style/smiles/1185.gif" alt="smile" /></div>';
}
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>';
}
}
?>
Не работает
Добавлено:
Еее)) Гугл раскололся, и мой мозг немного поработал и дал результат) когда открывается один блок, нужно закрывать второй вот таким способом
<?
$('#boxx').css('display', 'none');
?>
))) Спасибо большое всем) Тема повисит пока что))
Добавлено:
Только малость не корректно выводится,не могу понять в чем ошибка
RuSInet 4 Мая 2016
Автор темы
Zed, А как проверять?
Я пробовал и так
<?
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 {
if(smstyle.display == 'block') {
sm.style.display = 'none';
smiles.innerHTML = '<div class="dop"><img src="/style/smiles/1185.gif" alt="smile" /></div>';
}
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>';
}
}
?>
И так
<?
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 {
function openbox(id, smiles) {
var sm = document.getElementById(id);
sm.style.display = 'none';
smiles.innerHTML = '<div class="dop"><img src="/style/smiles/1185.gif" alt="smile" /></div>';
}
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>';
}
}
?>
Не работает
Добавлено:
Еее)) Гугл раскололся, и мой мозг немного поработал и дал результат) когда открывается один блок, нужно закрывать второй вот таким способом
<?
$('#boxx').css('display', 'none');
?>
))) Спасибо большое всем) Тема повисит пока что))
Добавлено:
Только малость не корректно выводится,не могу понять в чем ошибка
Автор темы
Zed, А как проверять?
Я пробовал и так
<?
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 {
if(smstyle.display == 'block') {
sm.style.display = 'none';
smiles.innerHTML = '<div class="dop"><img src="/style/smiles/1185.gif" alt="smile" /></div>';
}
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>';
}
}
?>
И так
<?
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 {
function openbox(id, smiles) {
var sm = document.getElementById(id);
sm.style.display = 'none';
smiles.innerHTML = '<div class="dop"><img src="/style/smiles/1185.gif" alt="smile" /></div>';
}
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>';
}
}
?>
Не работает
Добавлено:
Еее)) Гугл раскололся, и мой мозг немного поработал и дал результат) когда открывается один блок, нужно закрывать второй вот таким способом
<?
$('#boxx').css('display', 'none');
?>
))) Спасибо большое всем) Тема повисит пока что))
Добавлено:
Только малость не корректно выводится,не могу понять в чем ошибка