Jump to content
  • 0
Sign in to follow this  
Tokmukhamed Kanybek

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

Question

Добрый день! Прошу помощи, создаю виджет для личного пользования, с эффектом зуммирования. Ниже приведена ссылка, на сам скрипт. Объектом должен быть, вводимый текст. Пересмотрел пару роликов, перечитал по несколько раз англоязычные статьи, форумы и 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>

Share this post


Link to post

1 answer to this question

Recommended Posts

  • 0
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) совершенно для этого не подходит. Я даже не знаю, что для этого подойдёт в ракурсе того виджета который вы пытаетесь сделать.

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

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

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

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

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

Share this post


Link to post

Новая статья

Как бесплатно получить специализированный хостинг для Adobe Muse сайта. Читайте новую инструкцию по этой ссылке.
Sign in to follow this  

×
×
  • Create New...