Question
What type o Extension is needed?
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
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
