인터넷에서 서식을 작성하다 보면 인풋박스( <input type="text" /> )에 글을 쓸때, 한글을 쓰려고 하면 영문이 나오고, 영문을 쓰려고 하면 한글이 나오고 해서 좀 답답할 때가 있을것이라 생각합니다. (저만 그런건가?) 아무튼, 그럴때 사용자를 조금만 더 생각한다면 답답하지 않고 사용하게 편할 수 있을 것 같습니다. 사용자를 배려하는 웹사이트 ㄱㄱ 출발!!

아주 간단합니다. 인풋박스를 가리키는 스타일에 "ime-mode"라는 속성을 주면 되는데요. 아래의 표를 참고하면 되겠네요.

<input type="text" style="ime-mode:inactive;" />

<style type="text/css">
input.han {ime-mode:active;}
</style>

<input type="text" class="han" />
 

tutorialrepublic - html5, jquery, bootstrap4

www.tutorialrepublic.com/

HOME HTML5 CSS3 JAVASCRIPT JQUERY BOOTSTRAP4 PHP7 SQL REFERENCES EXAMPLES FAQ SNIPPETS

support.dextsolution.com/techdoc/view.aspx?tagno=0&order=1&kb_id=KB000012

기술문서 IDHowTo에러코드태그작성일문제해결

button submit 막기

form 안에 있는 button 은 자동으로 submit 기능을 한다. form 안에 있어도 submit 기능을 하지 않게 하기 위해서는 아래와 같이 코딩한다.

<form >

<button type="button">버튼</button>

</form>

player.vimeo.com

<div id="made-in-ny"></div>

<script src="https://player.vimeo.com/api/player.js"></script>
<script>
    var options = {
        id: 59777392,
        width: 640,
        loop: true
    };

    var player = new Vimeo.Player('made-in-ny', options);

    player.setVolume(0);

    player.on('play', function() {
        console.log('played the video!');
    });
    
    
    //-- 플레이    
    player.play();

</script>

<!-- vimeo embed start, autoplay  -->
<div id="made-in-ny"></div>

<div class="buttons">
    <button id="play-button"   data-method="play">Play</button>
    <button id="pause-button"  data-method="pause">Pause</button> 
</div>

<script src="https://player.vimeo.com/api/player.js"></script>
<script>
    var options = {
        id: 465623199,
        width: 640,
        loop: false
    };

    var player = new Vimeo.Player('made-in-ny', options);

    //player.setVolume(0);
    player.setVolume(0.5);
    //player.setVolume(1);
 
    //setTimeout(function(){ player.setVolume(0.5); }, 3000);
    //-- 플레이    
    //player.play();
    //setTimeout(function(){ player.play(); }, 3000);
    
    $("#play-button").click(function(){ player.play(); }); 
    $("#pause-button").click(function(){ player.pause(); }); 
     
</script>
 

github.com/vimeo/player.js

player.vimeo.com/api/demo

Geolocation API 사용하기

developer.mozilla.org/ko/docs/WebAPI/Using_geolocation

Geolocation API는 사용자의 현재 위치를 가져오는 API로, 지도에 사용자 위치를 표시하는 등 다양한 용도로 사용할 수 있습니다. 이 안내서는 Geolocation API의 기초적 사용법을 설명합니다.

Geolocation API는 navigator.geolocation 객체를 통해 사용할 수 있습니다.

geolocation 객체가 존재하는 경우 위치 정보 서비스를 지원하는 것입니다. 존재 여부는 다음과 같이 알아낼 수 있습니다.

if('geolocation' in navigator) {
  /* 위치정보 사용 가능 */
} else {
  /* 위치정보 사용 불가능 */
}