<script language="JavaScript">
setTimeout("history.go(0);" , 5000); // 5초 마다 새로고침
</script>
| [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 에서 입력한 코멘트값들을 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>";
| 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 |
<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
| [javascript] 페이지 자동 리프레쉬 (0) | 2015.08.31 |
|---|---|
| TextArea 에서 두줄입력시 스크립트 오류입니다. (0) | 2015.07.06 |
| [html] 펼치기 접기 (0) | 2015.07.06 |
| [html] 영문이나 숫자 입력시 줄바꿈이 안되는 문제 (0) | 2015.07.02 |
| 부분적인 새로고침 (0) | 2015.03.26 |
<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> 태그를 붙여서 사용해야함
| 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 |
한글인 경우는 문제가 없지만 영문이나 숫자들은 한줄로 글 입력시 줄바꿈이 자동으로 되지않습니다.
이를 해결하기 위해선 다음과 같은 구문을 이용하셔야 합니다.
<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)
| [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 |
<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] 펼치기 접기 (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 |
<script>
window.parent.location.href="/index.html";
</script>
| [html] 영문이나 숫자 입력시 줄바꿈이 안되는 문제 (0) | 2015.07.02 |
|---|---|
| 부분적인 새로고침 (0) | 2015.03.26 |
| 자식창과 부모창의 관계, iframe 내부와 메인페이지와의 관계제어 (0) | 2015.01.27 |
| [javascript] 라디오버튼 클릭시 페이지 이동 (0) | 2015.01.27 |
| table 내용 엑셀로 저장하기 (0) | 2015.01.27 |
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)
| 부분적인 새로고침 (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 |
| 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 |
<? header("Content-type: application/vnd.ms-excel"); header("Content-type: application/vnd.ms-excel;charset=KSC5601" ); header("Content-Disposition: attachment; filename=data.xls" ); header("Content-Description: PHP5 Generated Data" ); ?> <html> <body> <table> <tr><td width="50">1</td><td width="50">S</td></tr> <tr><td width="50">2</td><td width="50">Y</td></tr> <tr><td width="50">3</td><td width="50">S</td></tr> <tr><td width="50">4</td><td width="50">D</td></tr> <tr><td width="50">5</td><td width="50">O</td></tr> <tr><td width="50">5</td><td width="50">C</td></tr> <tr><td width="50">5</td><td width="50">U</td></tr> </table> </body> </html> |
| 자식창과 부모창의 관계, iframe 내부와 메인페이지와의 관계제어 (0) | 2015.01.27 |
|---|---|
| [javascript] 라디오버튼 클릭시 페이지 이동 (0) | 2015.01.27 |
| [JavaScript] 이미지를 방향키로 움직일 수 있고, 좌표가 표시됩니다. (0) | 2015.01.27 |
| 라디오버튼 클릭시 input 박스 활성화 시키기 (0) | 2015.01.27 |
| [javascript] 글자나 이미지에 마우스를 올리면 다른곳의 이미지가 변경 (0) | 2015.01.27 |
<Html>
<HEAD>
<title>태그인넷 www.tagin.net</title>
<script language="javascript">
<!--
//********************************************************************
//* Please DO NOT delete this commant. *
//* *
//* Designed by Jason. *
//* e-mail address: yulbum@yahoo.com *
//* If you want to know about DHTML *
//* Come here: http://members.tripod.com/~dyhtml *
//* Thank you! *
//********************************************************************
function init() {
moving = mov.style
moving.xpos = parseInt(moving.left)
moving.ypos = parseInt(moving.top)
moving.move = 0
moving.move2 = 0
moving.move3 = 0
moving.move4 = 0
document.onkeydown = down
document.onkeyup = up
}
// moving the object when key down
function down() {
var code = window.event.keyCode
if (code == 39 && !moving.move) {
moving.move = 1
move();
}
if (code == 40 && !moving.move2) {
moving.move2 = 1
move2();
}
if (code == 37 && !moving.move3) {
moving.move3 = 1
move3();
}
if (code == 38 && !moving.move4) {
moving.move4 = 1
move4();
}
}
// stop moving the object when key up
function up() {
var code = window.event.keyCode
if (code == 39) {
moving.move = 0
}
if (code == 40) {moving.move2 = 0}
if (code == 37) {moving.move3 = 0}
if (code == 38) {moving.move4 = 0}
}
// Moving the object
function move() {
if (moving.move) {
moving.xpos += 5
moving.left = moving.xpos
setTimeout ("move()",30)
}
}
function move2() {
if (moving.move2) {
moving.ypos += 5
moving.top = moving.ypos
setTimeout ("move2()",30)
}
}
function move3() {
if (moving.move3) {
moving.xpos -= 5
moving.left = moving.xpos
setTimeout("move3()",30)
}
}
function move4() {
if (moving.move4) {
moving.ypos -= 5
moving.top = moving.ypos
setTimeout("move4()",30)
}
}
// position display
function s() {
view.innerHTML = "X: "+moving.xpos+" Y: "+moving.ypos
setTimeout ("s()",0)
}
//-->
</script>
</head>
<body onload="init();s()" link="#7C7EE2" vlink="#C9CAF3">
<p>방향키로 그림을 움직일 수 있습니다. www.tagin.net 태그인넷</p>
<div id="mov" style="position:absolute; left:20; width:25; top:50">
<img src="http://tagin.net/img/logo.gif" border="1"></div>
<div id="view" style="position:absolute; top:100;"></div>
<div id="back" style="position:absolute; top:150;"><a></div>
</body>
</html>
| [javascript] 라디오버튼 클릭시 페이지 이동 (0) | 2015.01.27 |
|---|---|
| table 내용 엑셀로 저장하기 (0) | 2015.01.27 |
| 라디오버튼 클릭시 input 박스 활성화 시키기 (0) | 2015.01.27 |
| [javascript] 글자나 이미지에 마우스를 올리면 다른곳의 이미지가 변경 (0) | 2015.01.27 |
| [html] a 태그 밑줄 없애기 (0) | 2015.01.27 |
