이전
목록
다음
스아이

파이어 폭스 호환성질문...;

스아이
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 · 2012-03-30 (금) 21:58:37 · 3235 · 5
----------------------------------------------------------------------------------------
 <SCRIPT LANGUAGE="JavaScript">
function side_content() {
if(sidecontent.style.display != "none") {
sidecontent.style.display = "none";
sidebtn.src="<?=$g4[path]?>/img/btn_side_open.png";
} else {
sidecontent.style.display = "block";
sidebtn.src="<?=$g4[path]?>/img/btn_side_close.png";
}
}
</SCRIPT>
----------------------------------------------------------------------------------------
<style type="text/css">
#sidecontent { position:relative; display:block; width:250px; height:100%; background-color:#f4f4f4;}
#sidecontent .menu-content { margin:5px 0 0 0; border-top:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9; background-color:#EFEFEF; padding:5px; }
#sidecontent .menu-content a { letter-spacing:-1px; color:#484848; padding:0 5px 0 5px; }
#sidecontent .menu-content a:hover { text-decoration:underline; }
#sidecontent .menu-content .menuline { margin:5px 0 5px 0; }
.btn_side { position:fixed; top:50%; bottom:50%; vertical-align: middle; text-align:center; }
</style>
----------------------------------------------------------------------------------------
<table id="left">
<td><div align="left" valign="top" id="sidecontent">
<div class="latest">test</div>
</div></div></td><td>
<a href="#" onclick="side_content();" style="cursor:hand;" class="btn_side"><img name="sidebtn" src="<?=$g4[path]?>/img/btn_side_close.png" border="0"></a></td>
</table>
----------------------------------------------------------------------------------------

<!-- btn_side_close.png 이미지를 클릭하면 왼쪽에서사이드컨텐츠가 사라지며 btn_side_close.png 이미지가 btn_side_open.png 이미지로 바뀐다. 또한 btn_side_open.png 이미지를 클릭하면 사이드컨텐츠가 나타나며 btn_side_close.png 이미지로 바뀐다. -->


요거 다른브라우저에서는 정상적으로 작동하는데 파이어폭스에서만 작동하지않아요..;
어디를 어떻게 수정해야 정상적으로 파이어폭스에서도 작동하는지에대한 방법을 질문합니다.

#개발자팁 #개발자 #팁자료실 #javascript
|

댓글 5개

찰깨빵
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2012-03-31 (토) 00:11:17
<scRIPT LANGUAGE="Javascript">
var side_content = function() {
var __sidecontent = document.getElementById('sidecontent');
var __sidebtn = document.getElementById('_sidebtn');
if(__sidecontent.style.display != "none") {
__sidecontent.style.display = "none";
__sidebtn.src="/img/btn_side_open.png";
} else {
__sidecontent.style.display = "block";
__sidebtn.src="/img/btn_side_close.png";
}
}
</scRIPT>
스아이
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2012-04-01 (일) 14:36:48
답변 ㄳ합니다. 정상작동확인ㅎ;
스아이
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2012-04-01 (일) 14:40:53
그런데 이미지가 btn_side_close.png 로만 보이네요ㅎㄷ
btn_side_open.png로 바뀌질 않아요...;
찰깨빵
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2012-04-01 (일) 14:56:31
img에 id='_sidebtn' 이것 넣어주어야 함
스아이
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2012-04-01 (일) 23:35:49
정상작동확인 완료 ㄳ합니다^^;
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
12-08-29 조회 4,179
12-08-07 조회 3,841
12-08-03 조회 3,649
12-07-31 조회 3,758
12-07-30 조회 3,708
12-07-16 조회 3,908
12-07-15 조회 3,743
12-07-07 조회 3,605
12-07-06 조회 3,805
12-07-03 조회 3,763
12-06-29 조회 3,378
12-06-22 조회 3,753
12-06-17 조회 4,010
12-05-21 조회 3,937
12-05-02 조회 3,455
12-05-02 조회 4,248
12-05-02 조회 3,372
12-04-30 조회 3,570
12-04-30 조회 3,253
12-03-17 조회 4,122
12-03-10 조회 3,448
12-03-08 조회 3,973
12-03-03 조회 3,684
12-02-27 조회 5,106
12-02-17 조회 4,391
12-02-16 조회 4,677
12-02-03 조회 3,340
12-01-31 조회 3,250
12-01-24 조회 3,248
12-01-17 조회 3,956
12-01-05 조회 3,497
11-12-30 조회 3,228
11-12-23 조회 4,785
11-12-08 조회 3,554
11-12-07 조회 4,509
11-11-27 조회 3,942
11-11-25 조회 4,266
11-11-23 조회 3,710
11-11-22 조회 3,567
11-11-09 조회 3,277
11-10-23 조회 3,219
11-10-19 조회 3,173
11-10-08 조회 2,855
11-10-04 조회 2,856
11-10-04 조회 5,315
11-09-01 조회 4,394
11-08-13 조회 2,566
11-08-06 조회 3,249
11-07-11 조회 3,646
11-06-27 조회 3,003
11-06-21 조회 2,668
11-06-13 조회 2,476
11-06-07 조회 2,486
11-05-26 조회 2,443
11-04-20 조회 2,773
11-03-21 조회 2,871
11-03-18 조회 2,563
11-03-11 조회 2,583
11-02-07 조회 2,407
11-01-18 조회 2,731
11-01-12 조회 2,454
11-01-06 조회 2,549
10-12-10 조회 2,805
10-12-09 조회 2,657
10-12-08 조회 5,089
10-11-29 조회 2,922
10-11-28 조회 2,828
10-11-28 조회 2,658
10-11-19 조회 2,854
10-11-04 조회 2,728
10-10-21 조회 2,454
10-10-19 조회 3,412
10-10-12 조회 2,734
10-10-07 조회 2,572
10-09-30 조회 3,527
10-09-17 조회 3,937
10-09-17 조회 3,884
10-05-31 조회 3,593
09-12-31 조회 3,726
09-07-23 조회 5,054
08-09-16 조회 3,254
08-09-06 조회 2,999
08-09-04 조회 3,420
08-08-16 조회 4,449
08-08-15 조회 3,316
08-08-14 조회 4,533
08-08-12 조회 4,001
08-07-23 조회 2,817
08-07-10 조회 3,764
08-07-04 조회 2,995
08-06-27 조회 7,632
08-06-19 조회 4,945
08-05-27 조회 5,546
08-05-25 조회 5,381
08-05-23 조회 3,461
08-05-23 조회 4,625
08-05-21 조회 4,976
08-05-20 조회 4,089
08-05-20 조회 3,313
08-04-18 조회 4,385
글쓰기