Разработка виджета

[Tokmukhamed Kanybek 0]

Добрый день! Прошу помощи, создаю виджет для личного пользования, с эффектом зуммирования. Ниже приведена ссылка, на сам скрипт. Объектом должен быть, вводимый текст. Пересмотрел пару роликов, перечитал по несколько раз англоязычные статьи, форумы и Mucow документацию, но никак не получается. Подскажите, что я делаю не так? Заранее благодарю!  

Цитата

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

<?xml version="1.0" encoding="UTF-8"?>

<HTMLWidget name="Zoom widget" formatNumber="4" localization="none" creator="KT" defaultWidth="100" defaultHeight="50" isResizable="true">
    
    <parameters>
    <text name="ZoomTarget" defaultValue="The default value" 
    label="Zoomtarget" toolTip="This is the toolTip"
    multiline="true" />
    <number name="targetsize" min="0.1" max="1.0" step="1" 
    snap="0.1" defaultValue="1" label="targetsize: "/>
    <number name="duration" min="1" max="1000" step="1" 
    snap="0.1" defaultValue="1" label="duration: "/>
    </parameters>

    <headHTML>
    <style>
    Zoomtarget :hover {
    color:#333;
    cursor:pointer;
    cursor:hand;
    }
    </style>
    </headHTML>
    
    <pageItemHTML>
        <![CDATA[
        <span class="ZoomTarget"></span>
        ]]>
    </pageItemHTML>    

    <documentReadyJS>
        <![CDATA[
            $(document).ready(function() {
            $("#{param_ZoomTarget}").click(function(evt) {
                $(this).zoomTo({targetsize: {param_targetsize}, duration: {param_duration}});
                evt.stopPropagation();
            });
        });
        ]]>    
    </documentReadyJS>

</HTMLWidget>

[Павел Хомерики 3360]

5 часов назад, Tokmukhamed Kanybek сказал:

Подскажите, что я делаю не так?

Не так вы делаете то, что совершенно не понимаете что делаете 😃. Уж простите за каламбур.
1) Пользуйтесь нормальным редактором. Например Notepade ++

2) Не переносите на новую строку, внутри тегов

3) Изучите html и css и создайте чистый рабочий код без всякого mucow. Протестируйте, а потом создавайте из него виджет.

Mucow - это не программный код, а всего лишь оболочка в которую вставляется полностью рабочий код. Эта оболочка служит всего для двух вещей - 1) Для размещения частей исходного кода в html структуре сайта Музы, 2) для создания и вывода в интерфейс Музы настраиваемых параметров.

В данный момент, тот код, который вы размещаете в mucow, сам по себе не рабочий, так как написан с ошибками, как со структурными так и с синтаксическими и не дописан.

Внимательно исследуйте пример, исследуйте index.html из примера. Дополнительно в виджет надо подгружать файл библиотеки jquery.zoomooz.min.js, без него ничего работать не будет. Все скрипты надо размещать в конце body, для чего тег <documentReadyJS> не подходит. Этот тег размещает скрипт внутри массива скриптов Музы, что в данном случае совсем не нужно, так как скрипт должен подхватить свою библиотеку. Для подключения библиотеки требуются теги <script>. Но внутри <documentReadyJS> их использовать нельзя.

Еще нюанс. Муза использует библиотеку jQuery 1.8.3. А для работы скрипта нужна 1.7.1. Она хоть и более старая, но всё равно в Музе это может не работать.

Ну и <span> - это строчный элемент, а вам нужен блочный -  <div>, внутри которого будут другие блочные элементы. То есть мультитекстовое поле (textarea) совершенно для этого не подходит. Я даже не знаю, что для этого подойдёт в ракурсе того виджета который вы пытаетесь сделать.

Тут совсем другая конструкция нужна, с вложенностью и скорее всего не внутри виджета, а через парсинг классов объектов созданных средствами Музы. У Музы большие проблемы с корректной работой вложенных объектов. Надо переопределять стили, которые она генерирует автоматически.

То есть для решения проблемы надо еще и хорошо знать то как муза генерирует код. И учитывать это.

В целом не думаю что это всё будет юзабельно в Музе. Так для академического интереса только, можно попробовать.

Не забывайте читать документацию. Автор предупреждает, что могут потребоваться структурные изменения сайта, что в общем-то не возможно в Музе в принципе

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.