보관함

javascript library tagit 에서 initialize config

1. Load Script <link href=”css/jquery.tagit.css” rel=”stylesheet”> <script src=”//code.jquery.com/jquery.min.js”></script> <script src=”js/tag-it.min.js”></script> 2. Basic HTML <form> <input name=”tags” id=”demo-input” value=”Armenia, Germany” disabled=”true”> <ul id=”demo-list”></ul> <input type=”submit” value=”Submit”> </form> 3. Suggested values var country_list = [“Afghanistan”,”Albania”,”Algeria”]; 4. Initialize $(‘#demo-list’).tagit({ availableTags: country_list, // This will make Tag-it submit a single form value, as a comma-delimited field. singleField: true, […]

WordPress 의 관리자단에서 Image가 보이지 않는 문제 해결

언제부터인가 관리자로 로그인 한 상태에서 사이트를 띄우면 이미지가 보여야 하는데 이미지가 보이지 않았다. 뭐 일반적으로 로그인 하지 않은 상태에서는 이미지가 보이긴 했다.

이게……..좀 찝찝하다.

다른 옵션들은 별 문제가 없는데 WP-Optimize 에 Minify 에서 Javascript 를 Minify 하면 페이지가 로딩 되면서 제대로 JavaScript 함수가 실행이 안되고 그 과정에서 Image 가 보이지 않는 것으로 파악했다.

결론은 […]

Youtube를 페이지 너비에 맞출때

.css

.player { margin-bottom: 20px; position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .player .youtube { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.html

<label>Youtube</label> <div class=”player”> <div id=”player[0]” class=”youtube”></div> </div>

.js

<script> var player = new Array(); var id = YouTubeGetID($(‘#fd_strYoutubeUrl’).val()); // Youtube key player[0].loadVideoById(id); </script> […]