Jump to content
  • 0
Sign in to follow this  
oODiMoNOo

Id для виджета

Question

oODiMoNOo    0

Как можно реализовать функцию идентификатора ( Id ) для виджета, при учете того что, на странице будут расположены одинаковые виджеты, но с разными параметрами.

Share this post


Link to post

15 answers to this question

Recommended Posts

Новая статья

Как бесплатно получить специализированный хостинг для Adobe Muse сайта. Читайте новую инструкцию по этой ссылке.
  • 0
oODiMoNOo    0

Это я знаю что для кода так можно сделать, я спрашивал именно для самого виджета, т.к. там есть стили и скрипты которые должны работать поразному для каждого виджета.

Share this post


Link to post
  • 0

Для начала Вам надо понять что такое виджет для Adobe Muse. Виджет - это ничего, пустота, оболочка для настройки кода помещенного в него. На выходе нет никакого виджета, а есть только код, как если бы вы его писали в блокноте. Единственным следом виджета в коде является строка комментария <!---HTML Wiget code---> и всё. Поэтому никакой id именно для виджета назначить нельзя. Виджет не субъект кода и единственное место где он работает как субъект - режим дизайна в программе Adobe Muse.
Вам надо писать полностью рабочий код html, css или js. Этот  код должен работать сам по себе. А виджет служит только для того что бы вывести настройки этого кода в интерфейсе программы. Все id надо прописывать в самом коде

Share this post


Link to post
  • 0
oODiMoNOo    0

Получется что в теле кода виджета мне нужно прописать параметы дать им определенный ID прописать их в параметры и к примеру в стиль. но это многократно увеличивает код!

Share this post


Link to post
  • 0
oODiMoNOo    0

По вашему примеру мне надо внести весь код моего виджета вместе с скриптами и стилями в один блок но тогда в какой?  <headHTML> ,  <pageItemHTML>,   <bodyEndHTML>???

Share this post


Link to post
  • 0

"...По вашему примеру мне надо внести весь код моего виджета вместе с скриптами и стилями в один блок но тогда в какой?  <headHTML> ,  <pageItemHTML>,   <bodyEndHTML>???..."

В <headHTML>  идет всё что подключается в head, например css.
В   <pageItemHTML> помещается тот код который служит для вывода вашего содержимого на странице. Как правило это html
В <bodyEndHTML>  помещаются скрипты JS и JQUERY.
В <parameters> выводятся те параметры которые надо настраивать, из всех 3-х блоков</parameters>
В документации mucow всё это описано

Share this post


Link to post
  • 0
oODiMoNOo    0

Есть определенный параметр который при создании нового видежета должен принимать  парамтры нового виджета , а не предыдущего тоесть в {param_shadow} у меня свой стиль но при создании такогоже виджета в этот парметр вносятся новые переменные при помощи    !  

  <list name="shadow" defaultValue="text-shadow: 1px 1px 1px #776a64, -1px 1px 1px #776a64;
            color: #faf2e5;" label="Вариант стиля текста">
            
            <value name="letter-spacing: 5px; color: #222222; text-shadow: 2px 0  #ff3232, -2px 0 #00dcdc;" label="11"/>

   
            
        </list>

        </list>

Share this post


Link to post
  • 0

Это совершенно не правильный код. В параметры не вносятся стили css и вообще какой либо код, а только константы которые надо менять.
Дубль 2 - Напишите свой код в блокноте, без всяких тегов виджета - чистый html, css, js проверьте его работоспособность. Потом внесите его полностью в нужные разделы <headHTML> ,  <pageItemHTML>,   <bodyEndHTML>
После этого начинаете создавать параметры и выносить в них настройки.
Например  у вас прописано
 

<headHTML>
< ! [CDATA[
<style>
.yourclass {
      text-shadow: 1px;
     }
   </style>
[[
</headHTML>

В параметры выводите значение

<parameters>
   <list name="textShadow" defaultValue="1" label="Вариант стиля текста">
    <!--остальные значения выпадающего списка - 2; 3; 4; 5; 6 ... и т.д-->
</parameters>

Возвращаетесь и заменяете константу на параметр
 

<headHTML>
< ! [CDATA[
<style>
.yourclass {
      text-shadow: {param_textShadow}px;
     }
   </style>
[[
</headHTML>

Share this post


Link to post
  • 0
oODiMoNOo    0
<?xml version="1.0" encoding="UTF-8"?>
<HTMLWidget name="...."
formatNumber="...."
localization="...."
creator="...."
termsText="...."


isResizable="...."

defaultWidth="...."
defaultHeight="...."

>

<parameters>  


        <text name="size" label="...." defaultValue="...." />
       
        <list name="font-style" defaultValue="normal" label="....">
        
            <value name="normal" label="...."/>
                    
        </list>
         <list name="shadow" default Value="text-shadow: ...., ....;
            ....;" label="....">
            
            <value name="text-shadow: ...., ....;"
              label="....";/>
                 
        </list>
   
     <info label="..."/>         
     </parameters>    

 <headHTML>   

 
   <style>
   .shadowtext {


    бла бла
    
    

{param_shadow}

  бла бла
  

  font-size: {param_size}px;                            
      
   }
   </style>

]]>
    

    </headHTML>    

    <pageItemHTML>
    
<![CDATA[

 
  <p class="shadowtext">{param_yourtext}</p>

]]>

    </pageItemHTML>        

    <bodyEndHTML>
    
    <![CDATA[       
   
    ]]>

    </bodyEndHTML>        


</HTMLWidget>

Share this post


Link to post
  • 0

Первый текст и лист почти правильно. Остальное всё не правильно
Скачайте исходники и исследуйте

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

Share this post


Link to post
  • 0

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

почитайте .. 

если что непонятно пишите в скайп greymouse41

первый урок по виджетам - их еще 7 или 8

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

Share this post


Link to post
Sign in to follow this  

×
×
  • Create New...