현재 위치

홈 ›› Forums ›› 공부 ›› 프로그래밍 QnA

[완료]JavaScript 관련 질문입니다.

lovethecorners의 이미지
글쓴이: lovethecorners / 작성시간: 금, 2007/05/25 - 6:05오전

특별히 질문할곳이 없어서 여러분들께 질문드립니다.

textarea에 관해서 작동은 되지만, 한가지 첨부할수있으면 하려합니다.

textarea에서 onkeyup을 이용해 글자수와 라인수를 입력과 동시에 확인할수있도록 했습니다. 그런데 라인수의 경우에 적정 라인수를 넘으면 alert을 띄우는것을 대신해서 숫자를 빨간색으로 변경해서 보여주려합니다.

var maxrows = 5;
.
.
.
for (i=0;i<arrtxt.length;i++) {
     rows+=parseInt(arrtxt[i].length/cols);
}
 
document.topics.current_line1.value = rows;
 
if(rows > maxrows) {
 
     document.topics.current_line1.value = rows; ---> 이부분을 어떻게 하면 font color를 같이 넘길수있을까요?
 
}
.
.
.

<input type="text" name="current_line1" readonly value="0" size="2"> line(s)

카운트 되는 rows가 maxrows를 넘어가면 위의 input에 나오는 숫자의 color를 변경해서 보여주는것이 가능할까요?

Forums: 
프로그래밍 QnA
소타의 이미지

글쓴이: 소타 / 작성시간: 금, 2007/05/25 - 8:54오전

document.forms['topics']['current_line1'].style.color='red';

lovethecorners의 이미지

글쓴이: lovethecorners / 작성시간: 토, 2007/05/26 - 12:08오전

아, 감사합니다. 

document.forms['topics']['current_line1'].style.weight='bold';

bold는 적용이 않되는가 봅니다. 그래서 <input .... style="font-weight:bold"> 이렇게 처리했습니다.

==
more than one way to do it
말로만 블로거: http://gojdweb.egloos.com

소타의 이미지

글쓴이: 소타 / 작성시간: 토, 2007/05/26 - 12:46오전

document.forms['topics']['current_line1'].style.fontWeight='bold';

lovethecorners의 이미지

글쓴이: lovethecorners / 작성시간: 토, 2007/05/26 - 2:14오전

아니, 대/소문자 구별을 하는군요.... 그것도 해보았었는데.
감사합니다. 이런것에 관한 책이나 사이트 아시면 소개좀 해주세요.

==
more than one way to do it
말로만 블로거: http://gojdweb.egloos.com

댓글 달기

텍스트 포맷에 대한 자세한 정보

Filtered HTML

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

BBCode

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param>
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

Textile

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • You can use Textile markup to format text.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Markdown

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • Quick Tips:
    • Two or more spaces at a line's end = Line break
    • Double returns = Paragraph
    • *Single asterisks* or _single underscores_ = Emphasis
    • **Double** or __double__ = Strong
    • This is [a link](http://the.link.example.com "The optional title text")
    For complete details on the Markdown syntax, see the Markdown documentation and Markdown Extra documentation for tables, footnotes, and more.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Plain text

  • HTML 태그를 사용할 수 없습니다.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 줄과 단락은 자동으로 분리됩니다.
댓글 첨부 파일
이 댓글에 이미지나 파일을 업로드 합니다.
파일 크기는 8 MB보다 작아야 합니다.
허용할 파일 형식: txt pdf doc xls gif jpg jpeg mp3 png rar zip.
CAPTCHA
이것은 자동으로 스팸을 올리는 것을 막기 위해서 제공됩니다.