Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
0

What type o Extension is needed?

New Here ,
Jul 02, 2008 Jul 02, 2008
Hi Everyone - was wondering if someone can point me in the right direction. I am a coder but am trying to make a 'easy front end' for designers and so I immediatley thought of DW. The problem is that what I want to do does not jump out at me what technology to use for extending DW.

I will explain what I want to achieve first:

I would like to have a 'tag' with attributes that can be inserted into the Code view yet behave differently in the design view (in fact totally different). Perhaps an example. Lets say I make a tag called

<myLogo sizeX="200" sizeY="150">

I would like that to be inserted into the Code View yet the Design View would have something like

<div class="myLogo" style="width: 200px; height: 150px">Logo</div>

So in essence the design view would allow the designer a representation of what would be there once the server has parsed the <myLogo> - and so they can do the styling. with normal css. This is not a real example - I am trying to simplify it a bit (A real one woudl be something like <mySearchResults> and it puts out a dummy search result for them to style) I guess I am trying to emulate a language in a way - I put in my tag and the design view spits out the html it would generate.

What I have looked at so far in extending DW

I was thinking that Tags would be the way to go - but it seems you can only return what is going to be in both the Design and Code window. There was a glimmer of hope with the component documentation as it seems to differentiate between the Code View and Design View with the 'getCodeViewDropCode()' API and the 'handleDesignViewDrop()' - But it is not immediately obvious that this is what I should use. Also i seems to know about different DOMS for boh Code and Design (allowing them to be sync'ed or not)

I basically want to do two things I keep going back to inserting a table in DW where the Design View is able to have the little green sizing arrows and the display pushing and pulling of cells - all of which could be done in javascript and then repopulate the code view with updated code OR the other way around do something in the code and somehoe it repopulates the Design view.

I believe I am looking for some hidden file that the Design view uses to render for the component. And leave the Code view alone

I sure hope that makes some sense - I would really appreciate someone pointing me in the right direction here - as I am getting a little frustrated trying to find what I want to do

Thanks

Really appreciate any replies
TOPICS
Extensions
204
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jul 11, 2008 Jul 11, 2008
LATEST
What you want is implemented with what is called a Translator.

HTH,
Randy


> Hi Everyone - was wondering if someone can point me in the right direction. I
> am a coder but am trying to make a 'easy front end' for designers and so I
> immediatley thought of DW. The problem is that what I want to do does not jump
> out at me what technology to use for extending DW.
>
> I will explain what I want to achieve first:
>
> I would like to have a 'tag' with attributes that can be inserted into the
> Code view yet behave differently in the design view (in fact totally
> different). Perhaps an example. Lets say I make a tag called
>
> <myLogo sizeX="200" sizeY="150">
>
> I would like that to be inserted into the Code View yet the Design View would
> have something like
>
> <div class="myLogo" style="width: 200px; height: 150px">Logo</div>
>
> So in essence the design view would allow the designer a representation of
> what would be there once the server has parsed the <myLogo> - and so they can
> do the styling. with normal css. This is not a real example - I am trying to
> simplify it a bit (A real one woudl be something like <mySearchResults> and it
> puts out a dummy search result for them to style) I guess I am trying to
> emulate a language in a way - I put in my tag and the design view spits out the
> html it would generate.
>
> What I have looked at so far in extending DW
>
> I was thinking that Tags would be the way to go - but it seems you can only
> return what is going to be in both the Design and Code window. There was a
> glimmer of hope with the component documentation as it seems to differentiate
> between the Code View and Design View with the 'getCodeViewDropCode()' API and
> the 'handleDesignViewDrop()' - But it is not immediately obvious that this is
> what I should use. Also i seems to know about different DOMS for boh Code and
> Design (allowing them to be sync'ed or not)
>
> I basically want to do two things I keep going back to inserting a table in DW
> where the Design View is able to have the little green sizing arrows and the
> display pushing and pulling of cells - all of which could be done in javascript
> and then repopulate the code view with updated code OR the other way around do
> something in the code and somehoe it repopulates the Design view.
>
> I believe I am looking for some hidden file that the Design view uses to
> render for the component. And leave the Code view alone
>
> I sure hope that makes some sense - I would really appreciate someone pointing
> me in the right direction here - as I am getting a little frustrated trying to
> find what I want to do
>
> Thanks
>
> Really appreciate any replies
>
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines