Skip to main content
Participant
July 2, 2008
Question

What type o Extension is needed?

  • July 2, 2008
  • 1 reply
  • 226 views
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
This topic has been closed for replies.

1 reply

Inspiring
July 11, 2008
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
>