��ѧۧݧ�ӧ�� ާ֧ߧ֧էا֧�

��ѧۧݧ�ӧ�� ާ֧ߧ֧էا֧� - ��֧էѧܧ�ڧ��ӧѧ�� - /home/rickpfrv/tie.cx/themes/tie/fa-picker/index2.html

��ѧ٧ѧ�
<link href="https://tie.cx/themes/altum/assets/css/bootstrap.min.css?v=801" rel="stylesheet"> <!-- <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> --> <link href="https://use.fontawesome.com/releases/v5.0.8/css/all.css" rel="stylesheet"> <link href="https://tie.cx/themes/tie/fa-picker/dist/css/fontawesome-iconpicker.min.css" rel="stylesheet"> <div class="btn-group"> <button data-selected="graduation-cap" type="button" class="icp icp-dd btn btn-default dropdown-toggle iconpicker-component" data-toggle="dropdown"> Dropdown <i class="fa fa-fw"></i> <span class="caret"></span> </button> <div class="dropdown-menu"></div> </div> <div class="panel-footer"> <button class="btn btn-danger action-destroy">Destroy instances</button> <button class="btn btn-default action-create">Create instances</button> </div> <script src="https://tie.cx/themes/altum/assets/js/libraries/jquery.min.js?v=801"></script> <script src="https://unpkg.com/@popperjs/core@2"></script> <script src="https://tie.cx/themes/altum/assets/js/libraries/bootstrap.min.js?v=801"></script> <script src="dist/js/fontawesome-iconpicker.js"></script> <script> $(function () { $('.action-destroy').on('click', function () { $.iconpicker.batch('.icp.iconpicker-element', 'destroy'); }); // Live binding of buttons $(document).on('click', '.action-placement', function (e) { $('.action-placement').removeClass('active'); $(this).addClass('active'); $('.icp-opts').data('iconpicker').updatePlacement($(this).text()); e.preventDefault(); return false; }); $('.action-create').on('click', function () { $('.icp-auto').iconpicker(); $('.icp-dd').iconpicker({ //title: 'Dropdown with picker', //component:'.btn > i' }); $('.icp-opts').iconpicker({ title: 'With custom options', icons: [ { title: "fab fa-github", searchTerms: ['repository', 'code'] }, { title: "fas fa-heart", searchTerms: ['love'] }, { title: "fab fa-html5", searchTerms: ['web'] }, { title: "fab fa-css3", searchTerms: ['style'] } ], selectedCustomClass: 'label label-success', mustAccept: true, placement: 'bottomRight', showFooter: true, // note that this is ignored cause we have an accept button: hideOnSelect: true, // fontAwesome5: true, templates: { footer: '<div class="popover-footer">' + '<div style="text-align:left; font-size:12px;">Placements: \n\ <a href="#" class=" action-placement">inline</a>\n\ <a href="#" class=" action-placement">topLeftCorner</a>\n\ <a href="#" class=" action-placement">topLeft</a>\n\ <a href="#" class=" action-placement">top</a>\n\ <a href="#" class=" action-placement">topRight</a>\n\ <a href="#" class=" action-placement">topRightCorner</a>\n\ <a href="#" class=" action-placement">rightTop</a>\n\ <a href="#" class=" action-placement">right</a>\n\ <a href="#" class=" action-placement">rightBottom</a>\n\ <a href="#" class=" action-placement">bottomRightCorner</a>\n\ <a href="#" class=" active action-placement">bottomRight</a>\n\ <a href="#" class=" action-placement">bottom</a>\n\ <a href="#" class=" action-placement">bottomLeft</a>\n\ <a href="#" class=" action-placement">bottomLeftCorner</a>\n\ <a href="#" class=" action-placement">leftBottom</a>\n\ <a href="#" class=" action-placement">left</a>\n\ <a href="#" class=" action-placement">leftTop</a>\n\ </div><hr></div>' } }).data('iconpicker').show(); }).trigger('click'); // Events sample: // This event is only triggered when the actual input value is changed // by user interaction $('.icp').on('iconpickerSelected', function (e) { $('.lead .picker-target').get(0).className = 'picker-target fa-3x ' + e.iconpickerInstance.options.iconBaseClass + ' ' + e.iconpickerInstance.options.fullClassFormatter(e.iconpickerValue); }); }); </script>

| ver. 1.4 | Github | . | PHP 7.4.33 | ��֧ߧ֧�ѧ�ڧ� ��ѧߧڧ��: 0 | proxy | phpinfo | ��ѧ��ۧܧ�