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

Тема в разделе "JavaScript", создана пользователем vave, 5 фев 2015.

Модераторы: ZiX
  1. vave

    vave

    Регистр.:
    23 июн 2007
    Сообщения:
    369
    Симпатии:
    14
    Подскажите, как сделать что бы при нажатии на кнопку, открывался <div> с ID внутри.
    Сколько не пытался, ничего не получается, вот сайт


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

    ZOLK

    Регистр.:
    13 сен 2011
    Сообщения:
    189
    Симпатии:
    107
    Думаю тебе нужно сделать что бы при нажатии на див или кнопку, у 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>
     
    Последнее редактирование: 5 фев 2015
  3. vave

    vave

    Регистр.:
    23 июн 2007
    Сообщения:
    369
    Симпатии:
    14
    Сложновато разобраться...
    Переводчик выглядит так:
    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>
    Но если этот код скопировать, то всё равно ничего не работает..
     
  4. ZOLK

    ZOLK

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