모질라(불여우)에서 배경이미지 안바뀌네요

[초보]

안녕하세요 익스에선 되는데 모질라는 안되네요
테이블에 id 값주고 표준코드로 접근해도 안바뀌는데 어떻게 해야할지요?
답변 부탁드립니다.

-----------------------------------------------------------------

<script language="javascript">
function getSkinimage(obg)
{
parent.document.getElementById("skinimgs").background = src + obg;
}
</script>
<table width="100" id="skinimgs" background="이미지경로" >
.......
중략
.......
</table>

<a href="#" onclick="javascript:getSkinimage('이미지경로');">배경이미지 바꾸기</a>

[박민권]

안녕하세요 익스에선 되는데 모질라는 안되네요
테이블에 id 값주고 표준코드로 접근해도 안바뀌는데 어떻게 해야할지요?
답변 부탁드립니다.

-----------------------------------------------------------------

<script language="javascript">
function getSkinimage(obg)
{
parent.document.getElementById("skinimgs").background = src + obg;
}
</script>
<table width="100" id="skinimgs" background="이미지경로" >
.......
중략
.......
</table>

<a href="#" onclick="javascript:getSkinimage('이미지경로');">배경이미지 바꾸기</a>

<script language="javascript"> => <script type="text/javascript">
가 표준에 맞습니다.

parent.document... 프레임에서 부모창에 있는 skinimgs의 배경을 바꾸는 것인가요?
그게 아니라면 '부모창.문서' 는 어울리지 않는 것 같습니다. 그냥 document. 으로.

onclick="javascript:getSkinimage('이미지경로');"
javascript: 는 비표준 입니다.
onclick="getSkinimage('이미지경로');" 로 수정해주세요.
href="#"도 추천하지 않습니다.
<div onclick="getSkinimage()"> 등으로 처리하시고 cursor스타일을 적용하시는
것이 좋습니다.
<a href="#" 로 처리하시겠다면 onclick="getSkinimage(''); return false;"로
해주시기 바랍니다.

...("skinimgs").background = src + obg; 여기서 갑자기 src가 나타났는데
외부에 src 변수가 선언되어있고 값이 들어가 있지 않다면 src가 하는 일은 아무것도
없습니다.

<table background="주소">보다는
<table style="background-image: url(주소)">를 추천합니다.
이렇게 할 경우 자바스크립트 코드는
...("skinimgs").style.backgroundImage = "url(주소)"; 로 하셔야 합니다.

<table>태그에 배경을 주는 것은 브라우저마다 처리 방법이 틀릴수 있습니다.
만약 브라우저별 table 배경처리가 틀릴경우
<div id="skinimgs">
<table>...</table>
</div>
이런식으로 table을 둘러싼 레이어에 배경을 주어서 table뒤로 배경이 비치게하는
것도 좋습니다.

자바스크립트 관련 오류는 불여우에서 Ctrl+Shift+J를 동시에 누르시면 자바스크립트
콘솔창이 뜹니다. 거기서 오류를 확인하실 수 있습니다.

[초보]

포준코드에 대해 정의나 한글로 쉽게 되어 있는곳이 잘 없더군요

요즘 모질라때문에 정신없네요 불여우 방문자가 많아지는바람에
어쩔수 없이 고치고 있습니다만 머 제자리를 찾아가는거겠죠? 익스전용으로
해왔떤 코드들을 이제 표준으로 고치는거니까요.

참 제가 찾아본결과
http://www.w3cschools.com
http://www.w3.org
http://www.w3c.or.kr

이렇게 3군대 인데 솔직히 초보자들이 보기엔 http://www.w3cschools.com
이곳이 제일 잘 되어있는것 같아요.
민권님처럼 잘? 설명되어 있는 곳이 더 있다면 알려주시면 감사하겠습니다.
다시한번 답변 감사드립니다. (^^)(__)

[박민권]

포준코드에 대해 정의나 한글로 쉽게 되어 있는곳이 잘 없더군요

이렇게 3군대 인데 솔직히 초보자들이 보기엔 http://www.w3cschools.com

저도 초기에 w3c학교에서 많은 정보를 얻었습니다. ^^
그리고 구글. 국내에서 자료를 구하는 것은 거의 포기했습니다.
간혹 자료를 찾아도 의심이 먼저가죠. 못믿겠더라구요.

[z980]

<a href="javascript:functin_name();">...</a>

전 이 코드를 자주 사용하는 편이긴 한데..
혹시 이것도 비표준인가요?

<script type="text/javascript">
if ( navigator.userAgent.indexOf("Opera") ) {
sCursor = "pointer";
} else if ( navigator.userAgent.indexOf("MSIE") ) {
sCursor = "hand";
} else {
sCursor = "pointer";
}
</script>
<span onClick="functin_name();" onMouseOver="this.style.cursor=sCursor">...</span>

이것렇게도 쓰는편인데..
cursor에서 FF랑 IE랑 pointer|hand 로 지정하는 차이때문에..
저렇게도 쓰는편이거든요..

[tenshi]

<a href="javascript:functin_name();">...</a>

전 이 코드를 자주 사용하는 편이긴 한데..
혹시 이것도 비표준인가요?

에.. 비표준이라기 보다는, 접근성에 문제가 생기는 형태에요.
사용자의 브라우저에 자바스크립트 parser가 없을 경우에 "javascript:functin_name();" 같은 형태는 존재하지 않는 페이지겠죠?
따라서 사용자의 액션에 따른 자바스크립트의 사용은 on* attribute(onclick, onmouseover .. )를 사용하는 것이 바람직하겠습니다.

<script type="text/javascript">
if ( navigator.userAgent.indexOf("Opera") ) {
sCursor = "pointer";
} else if ( navigator.userAgent.indexOf("MSIE") ) {
sCursor = "hand";
} else {
sCursor = "pointer";
}
</script>
<span onClick="functin_name();" onMouseOver="this.style.cursor=sCursor">...</span>

위의 경우는 css hack (이 게시판을 둘러보시면 관련글이 많이 있습니다.) 을 이용하여 자바스크립트 없이도 구현할 수 있습니다.

Code: Select all

<style type="text/css">
.sCursor {
    cursor: pointer;
}

/* 이 부분이 css hack이라 일컬어집니다. */
* html .sCursor {
    cursor: hand;
}
</style>
...
<span onClick="functin_name();" class="sCursor">...</span>

[z980]

그런데...
<a 태그를 사용하지 않고..
<span 이나 <div, <img 등에 onClick을 주어서 작업하게 되면..
tab키로 이동했을때 포커스가 안가기 때문에 반드시 마우스로 클릭을 해야되는 문제가 생길 수 있는것 같습니다..
이것과 관련된 좋은 방법은 어떤게 있을까요?

ps. 점점 첫 질문과는 다른 방향으로 나가는것 같네요.. ^^;;

[tenshi]

맞아요,, 이거 정말 문제죠..

저 같은 경우는 대체링크가 없지만, 탭에 걸려야하겠다 한다면 민권님과 같은 방법을 씁니다.

Code: Select all

<a href="#" onclick="blah(); return false;">link</a>

시간문제로 어쩔 수 없는 부분이라고 해야할지...

[빛알갱이]

포준코드에 대해 정의나 한글로 쉽게 되어 있는곳이 잘 없더군요

요즘 모질라때문에 정신없네요 불여우 방문자가 많아지는바람에
어쩔수 없이 고치고 있습니다만 머 제자리를 찾아가는거겠죠? 익스전용으로
해왔떤 코드들을 이제 표준으로 고치는거니까요.

불여우 사용자가 웹 사이트에 압력을 줄 정도로 많아지고 있다니 반가운 소식입니다. 조그만 시작이 점점 확산되어서 돌이킬 수 없는 흐름이 되리라고 믿습니다.

참 제가 찾아본결과
http://www.w3cschools.com
http://www.w3.org
http://www.w3c.or.kr

이렇게 3군대 인데 솔직히 초보자들이 보기엔 http://www.w3cschools.com
이곳이 제일 잘 되어있는것 같아요.

잘 되어 있고 아니고의 차이가 아니라 성격의 차이라고 보아야겠지요. 원래 표준 문서는 어느 나라 말로 쓰여 있어도 딱딱하고 읽기 힘듭니다. 언어가 가지는 불명료함과 모호함을 최소화해서 다른 해석의 여지를 남기지 않으려다 보니 그런 식이 됩니다. (법조문을 생각해 보시면 됩니다.) 요새 w3school에 잘 가 보지 않았는데, 전에 보면 가끔 틀린 정보도 있는 것 같았습니다. 다른 참고하시면 좋을 곳은 이 게시판에 끈끈이 붙여 놓은 글들에 보면 나와 있습니다. 참고하십시오.

참, W3에 있는 곳 중에

http://www.w3.org/International
에 있는 FAQ, tutorial, article 등은 표준 문서가 아니라 W3 표준 중 국제화와 관련된 것들에 대한 인식을 제고하고 확산시키기 위해 썼기 때문에 보기가 낫습니다.