본문 바로가기

웹프로그래밍/프론트엔드(javascript, js, css)

텍스트를 로고 이미지로 무료 사이트~ https://cooltext.com/ Cool Text Graphics Generator Cool Text is a FREE graphics generator for web pages and anywhere else you need an impressive logo without a lot of design work cooltext.com 원하는 느낌의 로고를 선택후 text만 바꿔주면 로고가 생성된다. 무료다~ 더보기
동적 생성을 위한 change 함수 $(document).on("change",'.AD_image',function(event){ handleImgFileSelect(event); // 새로운 요소에도 적용 }); $(document).ready(function() { // 페이지 완료후 기존 요소에 적용 } 더보기
textarea 글자수 세기 0자/1000자 $("#content").on("keyup",function(event){ checkTextAreaMaxLength(this,event); }); function checkTextAreaMaxLength(textBox, e) { $(".char-count").html(textBox.value.length); return true; } 더보기
HTML <form> 태그의 이해 폼은 입력된 데이터를 한 번에 서버로 전송합니다. 전송한 데이터는 웹서버가 처리하고 결과에 따른 또 다른 웹 페이지를 보여줍니다. 폼 태그 속성에는 action : 폼을 전송할 서버 쪽 스크립트 파일을 지정합니다. name : 폼을 식별하기 위한 이름을 지정합니다. accect-charset : 폼 전송에 사용할 문자 인코딩을 지정합니다. target : action에서 지정한 스크립트 파일을 현재 창이 아닌 다른 위치에 열도록 지정합니다. 폼을 구성하는 다양한 엘리먼트 1. 폼 엘리먼트 그룹 , 태그 태그는 폼 태그 안에 관련 있는 폼 엘리먼트들을 그룹화할 때 사용 그리고 태그 하위에 태그를 사용하여 그룹화한 폼 엘리먼트들을 목적에 맞게 이름을 지정 예시) See the Pen form ex1 by h.. 더보기
var a 와 var $a의 차이점. 변수 var a 와 var $a 의 차이점. 1. var a; 자바스크립트 변수. 흔히 아는 방식으로 스크립트만 사용 가능하다. 2. var $a; jQuery 변수. jQuery에서 사용하는 내장 함수들을 모두 사용할 수 있음. ex) var a 는 a.css('backgroundcolor', 'blue') 라는 메소드가 안 먹음. .css 메소드는 jQeury에서만 사용하는 것이므로. var $a 는 jQuery 변수이므로 모든 스크립트 사용이 가능함. .css(), .hide(), .show() 등등 더보기
회원가입 폼 비밀번호 일치 여부~ function isSame() { var pw = $('#pw').val(); var confirmPw = $('#pw2').val(); if(pw !='' && confirmPw !=''){ if(pw == confirmPw){ document.getElementById('same').innerHTML = '비밀번호가 일치합니다'; document.getElementById('same').style.color = 'blue'; } else{ document.getElementById('same').innerHTML = '비밀번호가 일치하지 않습니다'; document.getElementById('same').style.color = 'red'; } } } 비밀번호 비밀번호 확인 더보기
javascript + jquery 잡지식들 현재 element의 id 값 가져오기 $(this).attr('id'); 팝업 창을 열때 window.open('./#.php?param=','팝업창이름' ,'toolbar=0,location=0,directories=0,status=1,menubar=0,scrollbars=1,resizable=1,copyhistory=0,top=0,left=0,width=301,height=365'); 팝업 창에서 적은 값을 parent window에 set 할 때 window.opener.document.getElementById('altContent').value = $("#smsMessage").val(); self.close(); // 팝업창 닫기 altContent 가 기존 창에 있는 input 태그의 ID.. 더보기
HTML 태그 <button> 태그 submit 현상 요소 URI를 연결하지 않고 단순하게 사용자 인터페이스만를 ‘조작‘하기 위한 버튼으로서 엘리먼트로 마크업 합니다. type을 명시하지 않으면 어떤 브라우저는 Form Submit 기능을 실행하기 때문에 반드시 type 속성을 button으로 지정해 주어야 합니다. cf) type="button" 을 뺀 상태로 태그 안에 위치한 button을 누르니 계속 페이지 새로고침이 일어 났다 요소 사용자의 입력을 서버로 ‘전송‘하기 위한 버튼으로서 , 엘리먼트로 마크업 합니다. 더보기

티스토리툴바