체크 박스 + 쿠기 굽기 질문 합니다. 정보
체크 박스 + 쿠기 굽기 질문 합니다.
본문
<input type="checkbox" value="ck" onClick="ck1();"> 고정
이런식으로 구성 하려고 하는데요
어떤 값이 있는데 그 값의 기본 값은
onmouseover 입니다
큰데 체크 박스를 클릭하면 onclick 으로 변환 되고
체크 박스를 풀면 다시 onmouseover 으로 돌아 오게 하고 싶습니다
또 이부분은 쿠키로 구어서 브라우저 닫을때 까지 계속 적용 되었으면 합니다 ^^
모든 포인트 올인 ~^^
예제 스크립트가 있는데 이것을 응용해서 하고 싶습니다
<script type="text/javascript">
function n_s(isCheck) {
tar = isCheck?"_blank":"_self";
for (var i=0; i<=(document.links.length-1); i++) {
document.links[i].target=tar;
if(document.links[i].target=="_self") {
li.innerHTML="링크클릭하면 현재창에 띄웁니다.";
}
else {
li.innerHTML="링크클릭하면 새창에 띄웁니다.";
}
}
}
</script>
</head>
<body onLoad="n_s(in_ex.checked='1')">
<input id="in_ex" type="checkbox" onClick="n_s(this.checked)"> <a id="li"></a><br>
<u>
<a href="http://www.blueb.co.kr/"><B>BLUEB</B></a><br>
</u>
현재 블루비 체크 박스 인데요
기본 옵션이 _blank 고
체크 박스 풀면 _self 로 변합니다.
여기서 이것은 onmouseover 과 onclick 으로 변환하고 싶습니다
이것은 <a href=" 어쩌구 ~" onmouseover<!-- 이부분을 바꿉니다 -->="실행 스크립트"> </a> 이 부분에 넣고 싶습니다
이런식으로 구성 하려고 하는데요
어떤 값이 있는데 그 값의 기본 값은
onmouseover 입니다
큰데 체크 박스를 클릭하면 onclick 으로 변환 되고
체크 박스를 풀면 다시 onmouseover 으로 돌아 오게 하고 싶습니다
또 이부분은 쿠키로 구어서 브라우저 닫을때 까지 계속 적용 되었으면 합니다 ^^
모든 포인트 올인 ~^^
예제 스크립트가 있는데 이것을 응용해서 하고 싶습니다
<script type="text/javascript">
function n_s(isCheck) {
tar = isCheck?"_blank":"_self";
for (var i=0; i<=(document.links.length-1); i++) {
document.links[i].target=tar;
if(document.links[i].target=="_self") {
li.innerHTML="링크클릭하면 현재창에 띄웁니다.";
}
else {
li.innerHTML="링크클릭하면 새창에 띄웁니다.";
}
}
}
</script>
</head>
<body onLoad="n_s(in_ex.checked='1')">
<input id="in_ex" type="checkbox" onClick="n_s(this.checked)"> <a id="li"></a><br>
<u>
<a href="http://www.blueb.co.kr/"><B>BLUEB</B></a><br>
</u>
현재 블루비 체크 박스 인데요
기본 옵션이 _blank 고
체크 박스 풀면 _self 로 변합니다.
여기서 이것은 onmouseover 과 onclick 으로 변환하고 싶습니다
이것은 <a href=" 어쩌구 ~" onmouseover<!-- 이부분을 바꿉니다 -->="실행 스크립트"> </a> 이 부분에 넣고 싶습니다
댓글 전체
<!-- 참고하세요 -->
<script type="text/javascript">
if (!window.jQuery)
document.write("<s" + "cript src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></s" + "cript>");
</script>
<input id="checkbox1" type="checkbox"<? if ($_COOKIE[event] == "click") echo " checked"; ?>>
<span id="span1">테스트</span>
<script type="text/javascript">
function toggleEvent() {
if ($("#checkbox1").get(0).checked) {
document.cookie = "event=click; path=/;";
$("#span1").unbind("mouseover").bind("click", function() {alert("click");});
}
else {
document.cookie = "event=over; path=/;";
$("#span1").unbind("click").bind("mouseover", function() {alert("over");});
}
}
$("#checkbox1").click(function() {toggleEvent();});
toggleEvent();
</script>
<script type="text/javascript">
if (!window.jQuery)
document.write("<s" + "cript src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></s" + "cript>");
</script>
<input id="checkbox1" type="checkbox"<? if ($_COOKIE[event] == "click") echo " checked"; ?>>
<span id="span1">테스트</span>
<script type="text/javascript">
function toggleEvent() {
if ($("#checkbox1").get(0).checked) {
document.cookie = "event=click; path=/;";
$("#span1").unbind("mouseover").bind("click", function() {alert("click");});
}
else {
document.cookie = "event=over; path=/;";
$("#span1").unbind("click").bind("mouseover", function() {alert("over");});
}
}
$("#checkbox1").click(function() {toggleEvent();});
toggleEvent();
</script>
오플님 답변 감사합니다 ^^
그런데 출력은 어떻게 설정 하나요 ^^;;;
<a href=" 어쩌구 ~" onmouseover<!-- 이부분을 바꿉니다 -->="실행 스크립트"> </a>
이부분에서
onmouseover 에 넣으려고 하는데 어떻게 설정 해야 할까요 ;;
<a href=" 어쩌구 ~" id='span1'<!-- 이부분을 바꿉니다 -->="실행 스크립트"> </a>
<a href=" 어쩌구 ~" <?echo event;?><!-- 이부분을 바꿉니다 -->="실행 스크립트"> </a>
이런식으로 넣어야 하나요?
그런데 출력은 어떻게 설정 하나요 ^^;;;
<a href=" 어쩌구 ~" onmouseover<!-- 이부분을 바꿉니다 -->="실행 스크립트"> </a>
이부분에서
onmouseover 에 넣으려고 하는데 어떻게 설정 해야 할까요 ;;
<a href=" 어쩌구 ~" id='span1'<!-- 이부분을 바꿉니다 -->="실행 스크립트"> </a>
<a href=" 어쩌구 ~" <?echo event;?><!-- 이부분을 바꿉니다 -->="실행 스크립트"> </a>
이런식으로 넣어야 하나요?
위 소스 중
alert("click"); <- 이게 onclick시 실행되는 코드고
alert("over"); <- 이게 onmouseover시 실행되는 코드입니다.
보면 아시겠지만 태그 안에 이벤트는 넣지 않고 jQuery로 동적 할당합니다.
맞게 돌아갈지 모르겠지만 대략 적용해보자면
alert("click"); 대신
$("a").attr("target", "_blank").text("링크클릭하면 새창에 띄웁니다");
alert("over"); 대신
$("a").attr("target", "_self").text("링크클릭하면 현재창에 띄웁니다");
정도로 요약되겠네요..
alert("click"); <- 이게 onclick시 실행되는 코드고
alert("over"); <- 이게 onmouseover시 실행되는 코드입니다.
보면 아시겠지만 태그 안에 이벤트는 넣지 않고 jQuery로 동적 할당합니다.
맞게 돌아갈지 모르겠지만 대략 적용해보자면
alert("click"); 대신
$("a").attr("target", "_blank").text("링크클릭하면 새창에 띄웁니다");
alert("over"); 대신
$("a").attr("target", "_self").text("링크클릭하면 현재창에 띄웁니다");
정도로 요약되겠네요..
참고만 하세요.
<script type="text/javascript">
function n_s(isCheck) {
tar = isCheck?"onclick":"onmouseover";
var link_list = document.getElementsByTagName("A");
for(var i=0; i<link_list.length; i++)
{
if (tar == "onclick") {
if (link_list[i].onmouseover)
{
link_list[i].onclick = link_list[i].onmouseover;
link_list[i].onmouseover = null;
}
}
else {
if (link_list[i].onclick)
{
link_list[i].onmouseover = link_list[i].onclick;
link_list[i].onclick = null;
}
}
}
var cookie_name = "isCheck";
document.cookie = cookie_name + "=" + tar;
}
function n_s_cookie()
{
var allcookies = document.cookie;
var cookie_name = "isCheck";
var cookies = allcookies.split(";");
var cookie = null;
var cookieval = null;
for (var i=0; i<cookies.length; i++)
{
if (cookies[i].substring(0, cookie_name.length+1) == (cookie_name + "="))
{
cookie = cookies[i];
cookieval = cookie.substring(cookie_name.length+1);
break;
}
}
if (cookieval == "onclick")
n_s(1);
else
n_s(0);
}
</script>
</head>
<body onload="n_s(in_ex.checked=1)">
체크박스를 체크하면 onclick으로 변환됩니다.<br>
체크박스를 체크하지 않으면 onmouseover로 변환됩니다.<br>
<input name="in_ex" id="in_ex" type="checkbox" onClick="n_s(this.checked)"> <span id="li"></span><br><br>
<u>
<a href="http://www.blueb.co.kr/" onmouseover="alert('스크립트가 실행되었습니다.');"><B>BLUEB</B></a><br>
<a href="event_test2.html" onmouseover="alert('스크립트가 실행되었습니다.');"><B>test2</B></a><br>
</u>
<script type="text/javascript">
function n_s(isCheck) {
tar = isCheck?"onclick":"onmouseover";
var link_list = document.getElementsByTagName("A");
for(var i=0; i<link_list.length; i++)
{
if (tar == "onclick") {
if (link_list[i].onmouseover)
{
link_list[i].onclick = link_list[i].onmouseover;
link_list[i].onmouseover = null;
}
}
else {
if (link_list[i].onclick)
{
link_list[i].onmouseover = link_list[i].onclick;
link_list[i].onclick = null;
}
}
}
var cookie_name = "isCheck";
document.cookie = cookie_name + "=" + tar;
}
function n_s_cookie()
{
var allcookies = document.cookie;
var cookie_name = "isCheck";
var cookies = allcookies.split(";");
var cookie = null;
var cookieval = null;
for (var i=0; i<cookies.length; i++)
{
if (cookies[i].substring(0, cookie_name.length+1) == (cookie_name + "="))
{
cookie = cookies[i];
cookieval = cookie.substring(cookie_name.length+1);
break;
}
}
if (cookieval == "onclick")
n_s(1);
else
n_s(0);
}
</script>
</head>
<body onload="n_s(in_ex.checked=1)">
체크박스를 체크하면 onclick으로 변환됩니다.<br>
체크박스를 체크하지 않으면 onmouseover로 변환됩니다.<br>
<input name="in_ex" id="in_ex" type="checkbox" onClick="n_s(this.checked)"> <span id="li"></span><br><br>
<u>
<a href="http://www.blueb.co.kr/" onmouseover="alert('스크립트가 실행되었습니다.');"><B>BLUEB</B></a><br>
<a href="event_test2.html" onmouseover="alert('스크립트가 실행되었습니다.');"><B>test2</B></a><br>
</u>
2분다 답변 감사합니다^^
재가 하고 싶은 일은
<script type="text/javascript">
if (!window.jQuery)
document.write("<s" + "cript src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></s" + "cript>");
</script>
<input id="checkbox1" type="checkbox"<? if ($_COOKIE[event] == "click") echo " checked"; ?>
<span id="span1">
<a href="http://www.blueb.co.kr/" onmouseover="alert('스크립트가 실행되었습니다.');"><B>BLUEB</B></a>
</span>
<script type="text/javascript">
function toggleEvent() {
if ($("#checkbox1").get(0).checked) {
document.cookie = "event=click; path=/;";
$("#span1").unbind("mouseover").bind("click", function() {변환명령어("onmouseover", "onclick");});
}
else {
document.cookie = "event=over; path=/;";
$("#span1").unbind("click").bind("mouseover", function() {변환 명령어("onclick", "onmouseover");});
}
}
$("#checkbox1").click(function() {toggleEvent();});
toggleEvent();
</script>
이런식으로 <span> 내의 링크 onmouserover 를 변환하는 것을 하고 싶은데 ;;ㅋ
조금 이해가 안되네요 ;;;
변환 명령어에 str_replace 같은 것을 넣어서 span 내의 문자를 변경 하고 싶네요 ^^;;
재가 하고 싶은 일은
<script type="text/javascript">
if (!window.jQuery)
document.write("<s" + "cript src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></s" + "cript>");
</script>
<input id="checkbox1" type="checkbox"<? if ($_COOKIE[event] == "click") echo " checked"; ?>
<span id="span1">
<a href="http://www.blueb.co.kr/" onmouseover="alert('스크립트가 실행되었습니다.');"><B>BLUEB</B></a>
</span>
<script type="text/javascript">
function toggleEvent() {
if ($("#checkbox1").get(0).checked) {
document.cookie = "event=click; path=/;";
$("#span1").unbind("mouseover").bind("click", function() {변환명령어("onmouseover", "onclick");});
}
else {
document.cookie = "event=over; path=/;";
$("#span1").unbind("click").bind("mouseover", function() {변환 명령어("onclick", "onmouseover");});
}
}
$("#checkbox1").click(function() {toggleEvent();});
toggleEvent();
</script>
이런식으로 <span> 내의 링크 onmouserover 를 변환하는 것을 하고 싶은데 ;;ㅋ
조금 이해가 안되네요 ;;;
변환 명령어에 str_replace 같은 것을 넣어서 span 내의 문자를 변경 하고 싶네요 ^^;;
어렵게 생각할 거 뭐 있어요?
onmouseover 후에 링크자체를 바꾸어버리면 될텐데요
<span id="span1">
<a href="http://www.blueb.co.kr/" onmouseover="over_event()"><B>BLUEB</B></a> ";
</span>
<script>
function over_event(){
alert('over요');
evt_change()
}
function evt_change(){
document.getElementById('span1').innerHTML="<a href='http://www.blueb.co.kr/' onclick='click_event()'><B>BLUEB</B></a>
}
쿠키체크 소스 삽입
if(쿠키있다면) evt_change()
</script>
onmouseover 후에 링크자체를 바꾸어버리면 될텐데요
<span id="span1">
<a href="http://www.blueb.co.kr/" onmouseover="over_event()"><B>BLUEB</B></a> ";
</span>
<script>
function over_event(){
alert('over요');
evt_change()
}
function evt_change(){
document.getElementById('span1').innerHTML="<a href='http://www.blueb.co.kr/' onclick='click_event()'><B>BLUEB</B></a>
}
쿠키체크 소스 삽입
if(쿠키있다면) evt_change()
</script>
