Кнопка для <div id="1">

vave

vave

Полезный
Регистрация
22 Июн 2007
Сообщения
467
Реакции
16
Подскажите, как сделать что бы при нажатии на кнопку, открывался <div> с ID внутри.
Сколько не пытался, ничего не получается, вот сайт
Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.


В правом верхнем углу, переводчик,
HTML: 
<div id="google_translate_element" style="position:absolute; margin-top:-15px; margin-left:40px;"></div>
Как сделать так, что бы при нажатии на кнопку, расположенную в другом месте, открывался этот переводчик?
 
vave написал(а):
Подскажите, как сделать что бы при нажатии на кнопку, открывался <div> с ID внутри.
Сколько не пытался, ничего не получается, вот сайт


В правом верхнем углу, переводчик,
HTML: 
<div id="google_translate_element" style="position:absolute; margin-top:-15px; margin-left:40px;"></div>
Как сделать так, что бы при нажатии на кнопку, расположенную в другом месте, открывался этот переводчик?
Нажмите для раскрытия...
Думаю тебе нужно сделать что бы при нажатии на див или кнопку, у iframe class=goog-te-menu-frame skiptranslate менялся display: none; на block

Покопай в этом направлении
PHP: 
<button onclick="myFunction()">Click me</button>

<iframe style="box-sizing: content-box; width: 928px; height: 285px; left: 269.683px; top: 48px; visibility: visible; display: none;" class="goog-te-menu-frame skiptranslate" frameborder="0"></iframe>


<script>
function myFunction() {
document.getElementsByTagName('iframe')[0].setAttribute('style','display: block');
}
</script>
 
Последнее редактирование:
Сложновато разобраться...
Переводчик выглядит так:
HTML: 
<body scroll="no" style="margin:0px;overflow:hidden" dir="ltr" marginheight="0" marginwidth="0" leftmargin="0" topmargin="0" border="0"><div id=":1.menuBody" class="goog-te-menu2" style="box-sizing: content-box; width: 933px; height: 253px;"><table cellspacing="0" cellpadding="0" border="0"><tbody>

То что было внутри удалил, так как превышало доступное кол-во знаков и пост не постился....

</tbody></table></div></body>

Но если этот код скопировать, то всё равно ничего не работает..
 
vave написал(а):
Сложновато разобраться...
Переводчик выглядит так:
HTML: 
<body scroll="no" style="margin:0px;overflow:hidden" dir="ltr" marginheight="0" marginwidth="0" leftmargin="0" topmargin="0" border="0"><div id=":1.menuBody" class="goog-te-menu2" style="box-sizing: content-box; width: 933px; height: 253px;"><table cellspacing="0" cellpadding="0" border="0"><tbody>

То что было внутри удалил, так как превышало доступное кол-во знаков и пост не постился....

</tbody></table></div></body>

Но если этот код скопировать, то всё равно ничего не работает..
Нажмите для раскрытия...
Ты написал код который находится в iframe, у iframe в свойстве style стоит display: none, при нажатии на кнопку(стрелочку) none меняется на block, тебе нужно тоже самое сделать с любой другой кнопкой, я пример привел. Чтобы лучше понять, через браузер открой код кнопки(правой кнопкой мыши и выбрать "исследовать элемент" или "посмотреть код элемента") найдешь там iframe и вручную поменяй значение display none на block и увидишь что он откроется.
 
Войдите или зарегистрируйтесь для ответа.
Назад
Сверху