왕소뚱의 중국어 한자

사용 장면: 한 글자가 읽기를 모르는 것을 보면 복사해서 찾아볼 수 있다.
실현 기능: 한자를 입력하여 음표가 있는 독음으로 전환하는데 중점은 음표를 표시할 수 있고 독음을 배우기 편리하다는 것이다.
데이터 실례: 입력: "왕샤오뚱이 짱짱~~"출력: "wángxi"ǎo pàng dǐng guā guā ~~”
기능 구현:
 
html 코드

<div class="input-group">
                      <input name="kw" type="text" class="form-control" placeholder="  "  id="hanzi" value="      ~~">
                      <div class="input-group-btn">
                        <button type="submit" class="btn btn-success"  id="convert">  </button>
                      </div>
</div><!-- /.input-group -->
            

 
JS 코드

                 $(function(){
                      $("#convert").click(function(){
                          lower= $("#hanzi").val();
                          upper=trans(lower);
                          $("#pinyin").val(upper);
                      });
                  });

                  //  
                  function trans(p){
                        var cc=p
                        var str='',str2;
                        var s;
                        for(var i=0;i<cc.length;i++){
                            if(pydic.indexOf(cc.charAt(i))!=-1&&cc.charCodeAt(i)>200){
                                s=1;
                                while(pydic.charAt(pydic.indexOf(cc.charAt(i))+s)!=","){
                                    str+=pydic.charAt(pydic.indexOf(cc.charAt(i))+s);
                                    s++;
                                }
                                str+=" ";
                            }
                            else{
                                str+=cc.charAt(i);
                            }
                        }
                        return str;
                }

중간에 하나의 JS 파일이 필요하므로 온라인으로 직접 볼 수 있습니다.http://www.wxp123.me/Public/js/pinyin/pinyin.js
 
--------------------------------------------------------------------------------------------------------------------------
말하기를 좋아하지 않는다. 모든 것은 코드를 위주로 하고, 다른 것은 모두 오성에 의존한다!
중국어 병음:http://www.wxp123.me/Index/detail/id/11.html
왕샤오뚱의 개인 블로그 주소:http://blog.wxp123.me/p/54