2 кнопки помощ с js

Discussion in 'PHP' started by 380935901807hd, 11 Mar 2018.

  1. 380935901807hd

    380935901807hd New Member

    Joined:
    21 Oct 2017
    Messages:
    51
    Likes Received:
    1
    Reputations:
    0
    Добрый день , имею 2 кнопки , при нажатии на каждую из них происходит события открытия под ними блока , у каждой кнопки свой блок , изначально кнопки имеют свой цвет к примеру синий , при нажатии на любую из них кнопка становиться черной с белым текстом при нажатии на вторую кнопку НУЖНО чтоб первая возвращалась в исходное положение . Может кто подскажет как это реализовать тоесть из 2 кнопок только 1 может быть нажата а неодновременно 2
     
  2. qwaszx000

    qwaszx000 Member

    Joined:
    10 Feb 2018
    Messages:
    26
    Likes Received:
    14
    Reputations:
    7
    Так а хули сложного?
    Code:
    <button id="b1" onclick="f1()">Кнопка 1</button>
    <button id="b2" onclick="f2()">Кнопка 2</button>
    <script>
    b1=document.getElementById("b1");//Первая
    b2=document.getElementById("b2");//Вторая
    function f1(){
    b1.style.background-color=#000;
    b1.style.color=#FFF;
    b2.style.background-color=#0000FF;
    b2.style.color=#000;
    }
    function f2(){
    b2.style.background-color=#000;
    b2.style.color=#FFF;
    b1.style.background-color=#0000FF;
    b1.style.color=#000;
    }
    </script>
    Ну типа того.
     
    380935901807hd likes this.
  3. 380935901807hd

    380935901807hd New Member

    Joined:
    21 Oct 2017
    Messages:
    51
    Likes Received:
    1
    Reputations:
    0
    да спс уже решил сам вот таким образом
    PHP:
    <script>
    function 
    myFunction() {       
    document.getElementById("mydiv1").style.display "none";
    document.getElementById("b2").style.background "black";
    document.getElementById("b1").style.background "#1872A2";
    }
    function 
    myFunction1() {
            
    document.getElementById("mydiv").style.display "none";
            
    document.getElementById("b1").style.background "black";
            
    document.getElementById("b2").style.background "#1872A2";
    }
    </script>
    но всеравно спасибо )
     
Loading...