���Ȃ���Web����͂��₷������jQuery�v���O�C��10�I�FCSS�̏�������������jQuery�v���O�C�����H���p�@�i�I�j�i4/5 �y�[�W�j

» 2010�N06��17�� 00��00�� ���J
[�����H�Y�C��IT]

�y7�z�e�L�X�g�G���A�����T�C�Y����uautoResize�v

�@�e�L�X�g�G���A�Ƀf�[�^����͂��Ă���Ƃ��A�\���̈�̍����ȏ�̃f�[�^����͂���ƃX�N���[���o�[���\������܂��B���̏ꍇ�A���̓f�[�^���m�F����Ƃ��A�X�N���[���o�[���h���b�O���Ȃ���f�[�^���X�N���[������K�v�����邽�ߎg�����肪���܂�ǂ��Ȃ��Ƃ�������肪����܂��B

�@�g����������P����ɂ́AjQuery���uautoResize�v�v���O�C�����g�p���܂��B�e�L�X�g�G���A��autoResize�v���O�C����K�p����ƁA�ŏI�s�̃f�[�^����͂��ă��^�[���L�[�������ƃe�L�X�g�G���A�̍����������I�Ɋg������܂��B�v���O�C���̍ŐV�ł́A���L�T�C�g����_�E�����[�h�ł��܂��B

�X�e�b�v1�FCSS�ƃ��C�u������CDN�o�R�őg�ݍ���

�@���D�݂̊J���c�[���܂��̓G�f�B�^���N�����āA�V�K�t�@�C�����쐬������A<head>�v�f��<link>�v�f��<script>�v�f��lj����āACSS��jQuery�̃��C�u������g�ݍ��݂܂��B

<head>
  <link href="style.css" rel="stylesheet" type="text/css" />�c�c�y1�z
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>�c�c�y2�z
  <script src="jquery.watermarkinput.js" type="text/javascript"></script>�c�c�y3�z
</head>
  1. Web�y�[�W�̊�{�X�^�C�����錾����Ă���
  2. jQuery�̃��C�u������Google CDN�o�R�Ŏ�荞��
  3. autoResize�v���O�C���̃��C�u��������荞��

�X�e�b�v2�FXHTML�ō��i���`����

�@<body>�v�f��<textarea#resize-demo>�v�f��lj�������Astyle������lj�����width��height�v���p�e�B�Ƀe�L�X�g�G���A�̕��ƍ�����ݒ肵�܂��B

<textarea id="resize-demo"  style="width: 400px; height: 50px;">
�����Ƀe�L�X�g����͂��Ă��������B
�ŏI�s����͂���ƍ����������I�Ɋg�����܂��I
</textarea>

�X�e�b�v3�F�v���O�C����g�ݍ���

�@<head>�v�f��<script>�v�f��lj�������A���̂悤�ȃR�[�h��lj�����autoResize�v���O�C����g�ݍ��ނƊ����ł��i���s�T���v����\���j�B

$('textarea#resize-demo').autoResize();

�@�����ł́AjQuery�̃Z���N�^��<textarea>�v�f����������autoResize()���\�b�h�����s���Ă��܂��B����ŁA�e�L�X�g�G���A�ɓ��͂����f�[�^�ʂ�50px�̍����𒴂����玩���I�ɍ������g������܂��B

�y8�z�e�L�X�g�G���A�ɓ��͂���f�[�^�𐧖�umaxlength�v

�@�e�L�X�g�G���A�ɓ��͂���f�[�^�𐧖񂷂�ɂ́AjQuery���umaxlength�v�v���O�C�����g�p���܂��B

ALT �}6�@�f�[�^����͂�����c��̕������u3�v���\�����ꂽ�i�摜���N���b�N����ƁA�ʃE�B���h�E�Ŏ��s�T���v����\�����܂��j

�X�e�b�v1�FCSS�ƃ��C�u������CDN�o�R�őg�ݍ���

�@���D�݂̊J���c�[���܂��̓G�f�B�^���N�����āA�V�K�t�@�C�����쐬������A<head>�v�f��<link>�v�f��<script>�v�f��lj����āACSS��jQuery�̃��C�u������g�ݍ��݂܂��B

<head>
  <link href="style.css" rel="stylesheet" type="text/css" />�c�c�y1�z
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>�c�c�y2�z
  <script src="jquery.maxlength.js" type="text/javascript"></script>�c�c�y3�z
</head>
  1. Web�y�[�W�̊�{�X�^�C�����錾����Ă���
  2. jQuery�̃��C�u������Google CDN�o�R�Ŏ�荞��
  3. maxlength�v���O�C���̃��C�u��������荞��

�@maxlength�v���O�C���̍ŐV�ł́A���L�T�C�g����_�E�����[�h�ł��܂��B

�X�e�b�v2�FXHTML�ō��i���`����

�@���͕�����10�����ȓ��ɐ��񂵂����Ƃ��́A<textarea>�v�f��maxlength������lj����āu10�v��ݒ肵�܂��B

<p>�c�蕶����: <span class="charsLeft">10</span></p>
<textarea maxlength="10" rows="3" cols="20" class="limited"></textarea>

�X�e�b�v3�F�v���O�C����g�ݍ���

�@<head>�v�f��<script>�v�f��lj�������A���̂悤�ȃR�[�h��lj�����maxlength�v���O�C����g�ݍ��ނƊ����ł��B

<script type="text/javascript">
  $(function() {
      $('textarea.limited').maxlength({
          'feedback': '.charsLeft'
      });
  });
</script>

�@�����ł́AjQuery�̃Z���N�^��<textarea>�v�f����������maxlength()���\�b�h�����s���܂��B���̃��\�b�h�̈�����feedback�I�v�V������lj�����ƁA�c��̕�������\���ł��܂��Bfeedback�I�v�V�����ɂ́A�c��̕�������\������v�f�̃Z���N�^���w�肵�܂��B

�@���y�[�W�ł́A�t�H�[�����g���₷������v���O�C���Ƃ��āAAdvisor��Validation�̎g������������܂��B

Copyright © ITmedia, Inc. All Rights Reserved.

'; if( !this.isSubscription ) { this.insertTarget = document.querySelector('#cmsBody .subscription') || document.querySelector('#cmsBody .inner'); } }; BodyAdIMSWithCCE.prototype = Object.create(BodyAdContent.prototype); BodyAdIMSWithCCE.prototype.activate = function () { refreshGam('InArtSpecialLink'); } // global reference window.itm = itm; //entry point BodyAdEventBase.polyfill(); const bodyAdManager = BodyAdManager.getInstance(); bodyAdManager.addEventListener(BodyAdManager.EVENTS.READY, function (ev) { bodyAdManager.loadAdvertise(); }); bodyAdManager.init(); })();
�X�|���T�[����̂��m�点PR

���ڂ̃e�[�}

Microsoft  WindowsőO2025
AI for GWjAO
[R[h^m[R[h Zg by IT - ITGWjArWlX̒SŊ􂷂gD
Cloud Native Central by IT - XP[uȔ\͂gD
�V�X�e���J���m�E�n�E �y�����i�r�zPR
���Ȃ��ɂ������߂̋L��PR

RSS�ɂ‚���

�A�C�e�B���f�B�AID�ɂ‚���

���[���}�K�W���o�^

��IT�̃��[���}�K�W���́A �������A���ׂĖ����ł��B���Ѓ��[���}�K�W�������w�ǂ��������B