클릭 할 때 버튼 색상이 바뀌고 다른 버튼이 원래대로 돌아갑니다.

-1

iframe에 표시된 페이지에서 페이지 건너 뛰기를 유발하는 11 개의 버튼이있는 버튼 막대가 있습니다.클릭 할 때 버튼 색상이 바뀌고 다른 버튼이 원래대로 돌아갑니다.

클릭하면이 단추의 색이 바뀌므로 표시 할 페이지가 표시됩니다.

간단합니다. 하지만 여기에 문제가 있습니다 :

버튼을 클릭하면 4 페이지 점프가 발생합니다. 4 페이지가 표시되고 4 번 버튼이 자주색으로 바뀌며 모든 것이 정상입니다.

그러나 7 페이지를 누르면 7 페이지가 표시되고 7 번 단추는 자주색이지만 4 번 단추는 여전히 원래 색 (회색)으로 돌아 가지 않습니다.

그게 내가 필요로하는 것인데, 클릭 할 때 단추의 색이 자주색으로 바뀌지 만 단추 막대에있는 다른 단추를 클릭하면 회색으로 바뀝니다.

Here's 버튼 코드 :

<div id="btn1" title="página 1" style="position: absolute; top: 0px; left: 0px; height:25px; width: 25px; border: 0px ridge white; background-color: transparent; padding: 0px; text-align: center; font-size:10px; font-weight: bold; font-family: arial; olor: white; z-index:10100;

<input type=button name="1" value="1" style="width: 20px; height: 20px; font-size: 11px; text-align: left; background-color: "eeeeee"; -webkit-border-radius: 3px;" onclick="this.style.cursor='hand', this.style.backgroundColor='purple'; this.style.color='white'; document.getElementById('licao').src='lesson1/l1d.htm#l1pg1'" /> </div>

는

그래서 당신은 ... 밖으로 또는 코드가 난 인터뷰 여기에 표시 브래킷의 일부를 떠나야했습니다 onclick 버튼의 색상 변경을 참조하십시오. 그러나 OTHER 버튼을 원래 색상으로 되돌리려면 어떻게해야합니까? 11 개의 다른 단추가 있습니다 (11 페이지 분).

도움 주셔서 대단히 감사합니다.

레오나르도.

출처

2013-04-19 Leonardo

나는'대신'<버튼 유형 = "버튼"> 텍스트의'하거나' 탐색 요소에 대한 평소와 같이 인'여쭤봐도 될까요? 또한 HTML에 인라인 자바 스크립트를 섞어 놓지 않는 것이 좋습니다. 인라인 CSS는 실제 표기법을 사용하지 않습니다 (예 : 표 제외). – Tyblitz

jQuery를 사용하면 이렇게 할 수 있습니다. jquery 라이브러리를 포함하고 $ ('a')를 html 태그 또는 클래스 (CSS와 같이 클래스 앞에 접두사가있는 표기법)로 바꿔줘도됩니다. 참조

http://jsbin.com/apitih/2/edit

코드 :

html로 :

<body> 
    <a href="#">Page 1</a> 
    <a href="#">Page 2</a> 
    <a href="#">Page 3</a> 
    <a href="#">Page 4</a> 
    <a href="#">Page 5</a> 
</body>

CSS의 :

a { 
    background: grey; 
    color: white; 
    text-decoration: none; 
    padding: 5px; 
}

JQuery와

,691 당신이`<입력 유형 = "버튼을"> 사용하는 이유

var links = $('a'); 
links.click(function() { 
    links.css('background-color', 'grey'); 
    $(this).css('background-color', 'purple'); 
});

출처

2013-04-30 22:06:32 Tyblitz

클릭 할 때 버튼 색상이 바뀌고 다른 버튼이 원래대로 돌아갑니다.

답변

관련 문제