[html] 원하는 위치에 포커스 (focus) 이동

프로그래밍/HTML & JavaScript|2017. 8. 18. 17:48
반응형

<html>

<head>

<style>

A:focus {outline:3px solid blue;}

</style>

</head>

<body>

<center>


<a href="link.html?no=1" class="imageAnchor" id="one"><img src="" width="50" height="50"></a>

<a href="link.html?no=1" class="imageAnchor" id="two"><img src="" width="50" height="50"></a>

<a href="link.html?no=1" class="imageAnchor" id="three"><img src="" width="50" height="50"></a>

<a href="link.html?no=1" class="imageAnchor" id="four"><img src="" width="50" height="50"></a>


</center>


<script src="jquery-1.12.4.js"></script>

<script>

$("#three").focus();

</script>


</body>

</html>



* 파란색 : 포커스를 한눈에 알아볼 수 있게 포커스한 a태그에 테두리를 줌

* 빨간색 : jquery 를 이용한 포커스 위치 이동. 예제에서는 id 값이 three 인곳에 포커스를 주었다.


반응형

'프로그래밍 > HTML & JavaScript' 카테고리의 다른 글

웹페이지 자동 리프레시 (refresh) 태그  (0) 2018.10.30
Checkbox 하나만 선택되게 하기  (0) 2017.09.01
URL 을 통해 받아온 변수 출력이 되지 않을때  (0) 2017.08.07
[javascript] 페이지 자동 리프레쉬  (0) 2015.08.31
TextArea 에서 두줄입력시 스크립트 오류입니다.  (0) 2015.07.06

댓글()

URL 을 통해 받아온 변수 출력이 되지 않을때

프로그래밍/HTML & JavaScript|2017. 8. 7. 08:40
반응형

접속 형식 : http://sysdocu.tistory.com/index.html?page=1

 

위와 같이 접근 했을때 화면에 1 이라는 숫자가 보이지 않을 경우 아래처럼 코드를 추가한다.

 

<?

$page=$_GET['page'];    // 이렇게 받아서 다시 변수에 넣음. POST 방식은 $_POST['page'];

echo "$page";

?>

반응형

'프로그래밍 > HTML & JavaScript' 카테고리의 다른 글

Checkbox 하나만 선택되게 하기  (0) 2017.09.01
[html] 원하는 위치에 포커스 (focus) 이동  (0) 2017.08.18
[javascript] 페이지 자동 리프레쉬  (0) 2015.08.31
TextArea 에서 두줄입력시 스크립트 오류입니다.  (0) 2015.07.06
[JavaScript] innerHTML을 이용한 div 내부 내용 변경  (0) 2015.07.06

댓글()

[javascript] 페이지 자동 리프레쉬

프로그래밍/HTML & JavaScript|2015. 8. 31. 16:00
반응형

<script language="JavaScript">

    setTimeout("history.go(0);" , 5000);    // 5초 마다 새로고침

</script>

반응형

'프로그래밍 > HTML & JavaScript' 카테고리의 다른 글

[html] 원하는 위치에 포커스 (focus) 이동  (0) 2017.08.18
URL 을 통해 받아온 변수 출력이 되지 않을때  (0) 2017.08.07
TextArea 에서 두줄입력시 스크립트 오류입니다.  (0) 2015.07.06
[JavaScript] innerHTML을 이용한 div 내부 내용 변경  (0) 2015.07.06
[html] 펼치기 접기  (0) 2015.07.06

댓글()

TextArea 에서 두줄입력시 스크립트 오류입니다.

프로그래밍/HTML & JavaScript|2015. 7. 6. 17:23
반응형

질문 : 

안녕하세요 

사용자가 TextArea 에서 입력한 코멘트값들을 repeater 에  바인드 시키고 

조회클릭후  행을 클릭했을 경우 TextArea 박스에 입력한 내용을 다시 뿌려주는 작업을 하고 있습니다.


근데 문제는 TextArea  에 한줄로 썼을 경우는 문제가 없는데 

아래와 같이 여러 줄에 걸쳐서 입력하면서 엔터를 쳤을 경우

디비에는 잘들어 가는데 출력할때 스크립트 에러가 발생합니다.


이렇게 넣을때

aaaa

bbbb

cccc

dddd


에러가 납니다.


 <asp:Repeater ID="List" runat="server" EnableViewState="false">

 <ItemTemplate>

     <tr style="height:24px; cursor: hand;" onclick="SetInfo('<%# Eval("comment")%>');" >  

</ItemTemplate>


javascript 는 

function SetInfo (str)

{

    alert(str);

}


이렇게 하는데 comment 가 두줄이상 엔터를 쳐서 입력했을 경우 에러가 떨어지네요 

어떻게 처리해야 하는지요 ?



답변 : 

onclick에 값으로 enter가 들어가서 그런 거 아닐까요?

\r 을 \\r로, \n을 \\n으로 replace해보십시오.



[출처] TAEYO.NET (http://www.taeyo.net/Forum/Content.aspx?TBL=ASPNET&SEQ=32622)



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

내가 사용해본 것 :

echo "<textarea name=etext cols=68 rows=5>";

$l_comment = preg_replace("[\n]","\\n", $l_comment);

$l_comment = preg_replace("[\r]","\\r", $l_comment);

$l_comment = preg_replace("[<br>]","\\n", $l_comment);

echo "$l_comment";

echo "</textarea>";



반응형
저작자표시 비영리 변경금지

'프로그래밍 > HTML & JavaScript' 카테고리의 다른 글

URL 을 통해 받아온 변수 출력이 되지 않을때  (0) 2017.08.07
[javascript] 페이지 자동 리프레쉬  (0) 2015.08.31
[JavaScript] innerHTML을 이용한 div 내부 내용 변경  (0) 2015.07.06
[html] 펼치기 접기  (0) 2015.07.06
[html] 영문이나 숫자 입력시 줄바꿈이 안되는 문제  (0) 2015.07.02

댓글()

[JavaScript] innerHTML을 이용한 div 내부 내용 변경

프로그래밍/HTML & JavaScript|2015. 7. 6. 12:58
반응형

<div id="div_name"> Content </div>


<input type="button" value="첫번째 방법" onClick="change();">

<input type="button" value="두번째 방법" onClick="change_();">


<script>

    function change()

    {

        document.all("div_name").innerHTML="첫번째 방법";

    }

    function change_()

    {

        document.getElementById("div_name").innerHTML = "두번째 방법";

    }

</script>



[출처] http://technol0gic.tistory.com/182

반응형
저작자표시 비영리 변경금지

'프로그래밍 > HTML & JavaScript' 카테고리의 다른 글

[javascript] 페이지 자동 리프레쉬  (0) 2015.08.31
TextArea 에서 두줄입력시 스크립트 오류입니다.  (0) 2015.07.06
[html] 펼치기 접기  (0) 2015.07.06
[html] 영문이나 숫자 입력시 줄바꿈이 안되는 문제  (0) 2015.07.02
부분적인 새로고침  (0) 2015.03.26

댓글()

[html] 펼치기 접기

프로그래밍/HTML & JavaScript|2015. 7. 6. 12:54
반응형

<a name='edit' href='javascript:void(0)' onclick=this.nextSibling.style.display=(this.nextSibling.style.display=='none')?'block':'none';>클릭</a><DIV style='display:none'>

아무개 테스트

<A onclick=this.parentNode.style.display='none'; href='#edit'>닫기</A>

</DIV>


중요한건.. </a> 와 <DIV> 태그를 붙여서 사용해야함

반응형
저작자표시 비영리 변경금지

'프로그래밍 > HTML & JavaScript' 카테고리의 다른 글

TextArea 에서 두줄입력시 스크립트 오류입니다.  (0) 2015.07.06
[JavaScript] innerHTML을 이용한 div 내부 내용 변경  (0) 2015.07.06
[html] 영문이나 숫자 입력시 줄바꿈이 안되는 문제  (0) 2015.07.02
부분적인 새로고침  (0) 2015.03.26
iframe 자식창에서 메인창의 url 변경하기  (0) 2015.01.27

댓글()

[html] 영문이나 숫자 입력시 줄바꿈이 안되는 문제

프로그래밍/HTML & JavaScript|2015. 7. 2. 13:17
반응형

한글인 경우는 문제가 없지만 영문이나 숫자들은 한줄로 글 입력시 줄바꿈이 자동으로 되지않습니다.

이를 해결하기 위해선 다음과 같은 구문을 이용하셔야 합니다. 

<style="word-break:break-all;"> 

예를들어 다음과같이 말이죠. 

<table width=100 border=0 cellpadding=0 cellspacing=0> 
    <tr> 
        <td style="word-break:break-all;">abcdefghijklmnopqrstuvwxyz</td> 
    </tr> 
    <tr> 
        <td style="word-break:break-all;">1234567890</td> 
    </tr> 
</table> 



[출처] 무우홈 | 무우 (http://moowoo.net/bbs/bbs/board.php?bo_table=com_story&wr_id=79&sca=html&page=3)

반응형
저작자표시 비영리 변경금지

'프로그래밍 > HTML & JavaScript' 카테고리의 다른 글

[JavaScript] innerHTML을 이용한 div 내부 내용 변경  (0) 2015.07.06
[html] 펼치기 접기  (0) 2015.07.06
부분적인 새로고침  (0) 2015.03.26
iframe 자식창에서 메인창의 url 변경하기  (0) 2015.01.27
자식창과 부모창의 관계, iframe 내부와 메인페이지와의 관계제어  (0) 2015.01.27

댓글()

부분적인 새로고침

프로그래밍/HTML & JavaScript|2015. 3. 26. 09:42
반응형

<iframe name="aa" align="center" width="100%" height="100%" src="aa.html" scrolling="no" noresize frameborder="0" marginwidth="0" ></iframe> 


=======aa.html 안의 내용에 script 추가 (증가값을 줄경우 위와 동일한 방법으로 변수를 줌) 


<script> 

setTimeout("timecheck();", 3000);  //3초간격 

function timecheck(){ 

location.href="aa.html"; 

} 

</script> 


상기처럼 하시면 페이지 움직임없이 3초간격으로 새로고침됩니다.



[출처] PHPSCHOOL | 천하 (http://www.phpschool.com/gnuboard4/bbs/board.php?bo_table=qna_html&wr_id=175117)

반응형
저작자표시 비영리 변경금지

'프로그래밍 > HTML & JavaScript' 카테고리의 다른 글

[html] 펼치기 접기  (0) 2015.07.06
[html] 영문이나 숫자 입력시 줄바꿈이 안되는 문제  (0) 2015.07.02
iframe 자식창에서 메인창의 url 변경하기  (0) 2015.01.27
자식창과 부모창의 관계, iframe 내부와 메인페이지와의 관계제어  (0) 2015.01.27
[javascript] 라디오버튼 클릭시 페이지 이동  (0) 2015.01.27

댓글()

iframe 자식창에서 메인창의 url 변경하기

프로그래밍/HTML & JavaScript|2015. 1. 27. 11:50
반응형

<script>

    window.parent.location.href="/index.html";

</script>

반응형
저작자표시 비영리 변경금지

'프로그래밍 > HTML & JavaScript' 카테고리의 다른 글

[html] 영문이나 숫자 입력시 줄바꿈이 안되는 문제  (0) 2015.07.02
부분적인 새로고침  (0) 2015.03.26
자식창과 부모창의 관계, iframe 내부와 메인페이지와의 관계제어  (0) 2015.01.27
[javascript] 라디오버튼 클릭시 페이지 이동  (0) 2015.01.27
table 내용 엑셀로 저장하기  (0) 2015.01.27

댓글()

자식창과 부모창의 관계, iframe 내부와 메인페이지와의 관계제어

프로그래밍/HTML & JavaScript|2015. 1. 27. 11:50
반응형

javascript 에서 새로 띄운 자식창과 부모창, iframe 내부와 메인페이지간의 제어 방법에 대한

다양한 예제를 학습해본다.

 

1. 자식창에서 부모창의 특정 Form 에 데이터를 집어넣고 싶을 때

자식창에서 부모창을 가리킬 때 opener 객체를 사용한다. document.Form.input 은 부모창에

속해있는 요소이다.

opener.document.Form.input.value = “값”;

 

2. 자식창에서 부모창의 페이지를 이동시키고 싶을 때

부모창을 원하는 페이지로 이동시킨후 자식창(자기자신) 은 닫는다.

window.opener.location.href = “/admin/login.jsp” ;

window.close();

 

3. 자식창에서 부모창을 새로고침하고 싶을 때

if (!opener.closed){

           opener.document.location.reload();

           window.close();

}

 

4. iframe 내부에서 외부에 있는 메인페이지의 특정 Form 에 값을 집어넣고 싶을 때

iframe 에서 메인을 가리킬때는 parent 객체로 접근한다.

parent.Form.input.value = “값”;

 

5. iframe 내부에서 외부에 있는 메인페이지의 스크립트 함수를 실행하고자 할 때

parent.[메인함수명]

parent.DoSend();

 

6. 메인에서 iframe 의 페이지를 이동시키고 싶을 때

[iframe 이름].location.href

frame.location.href=”www.naver.com”;

<iframe name=”frame”>

####

</iframe>

 

7. 위의 2가지 경우를 섞은것이다. 부모창의 iframe 에서 새창을 하나 띄웠다.

자식창에서 부모창의 페이지를 이동하고 싶은것이다.

이것은 부모창의 iframe 에 갔다가 메인으로 다시 이동해야한다.

2가지의 방법이 있는데 첫번째는 window.opener 를 호출하여 iframe으로간뒤

parent 로 메인에 접근한다.

window.opener.parent.location.href = “URL”;

 

두번째는 top 을 이용해서 부모창을 바로 찾는것이다

top.opener.location.href = “URL”;


[출처] 녹두장군 - 상상을 현실로... (http://mainia.tistory.com/423)

반응형
저작자표시 비영리 변경금지

'프로그래밍 > HTML & JavaScript' 카테고리의 다른 글

부분적인 새로고침  (0) 2015.03.26
iframe 자식창에서 메인창의 url 변경하기  (0) 2015.01.27
[javascript] 라디오버튼 클릭시 페이지 이동  (0) 2015.01.27
table 내용 엑셀로 저장하기  (0) 2015.01.27
[JavaScript] 이미지를 방향키로 움직일 수 있고, 좌표가 표시됩니다.  (0) 2015.01.27

댓글()

[javascript] 라디오버튼 클릭시 페이지 이동

프로그래밍/HTML & JavaScript|2015. 1. 27. 11:49
반응형
<script type="text/javascript"> 
function hospital(v) { 
 location.href="test1.php?tt_kb="+v; 
} 
</script>

<input type="radio" name="tt_kb" value="happy" onclick="javascript:hospital('happy')"> 행복
<input type="radio" name="tt_kb" value="love" onclick="javascript:hospital('love')"> 사랑


반응형
저작자표시 비영리 변경금지

'프로그래밍 > HTML & JavaScript' 카테고리의 다른 글

iframe 자식창에서 메인창의 url 변경하기  (0) 2015.01.27
자식창과 부모창의 관계, iframe 내부와 메인페이지와의 관계제어  (0) 2015.01.27
table 내용 엑셀로 저장하기  (0) 2015.01.27
[JavaScript] 이미지를 방향키로 움직일 수 있고, 좌표가 표시됩니다.  (0) 2015.01.27
라디오버튼 클릭시 input 박스 활성화 시키기  (0) 2015.01.27

댓글()
이전 1 2 3 4 5 6 7 다음

티스토리툴바