Dreamweaver Design view messed up (+ some critique please)

[sammich]

Hey guys,

Thanks to those who helped out in my earlier thread https://forums.macrumors.com/threads/485733/

My Site URL: http://www.chan1.com/livinggreen/ None of the links work in my page work yet. And it also spams you with cookies

I've changed my design somewhat (and yes I'm sorry, I am using tables to layout my page this time, I don't have the time or commitment at the moment to learn and convert the current design). It's taken me the better part of the day to get this thing working. I know I've probably made about a thousand mistakes and omissions but this is for a 1st year uni assignment and all they care about is the functionality (javascript calculators etc).

I've been making the website with the aid of Dreamweaver CS3. The design view of this program leaves plenty to be desired but does the job, however it has some annoying little (apparently) irreversible problems. The major problem at the moment is that I decided to type some text into a table cell, one harmless letter later the design view just shows 2 table cells. Undo does nothing. Quitting and opening does nothing. All my testing browsers (Safari, FF 3 Beta) still show the original (correct) page. Is there a way to fix this?

If you need screenshots I'll be happy to add them.

One more thing: since I am using tables, my input forms are messed up and separate. Is there a way I can make each of the field check for a keypressevent() for the enter key? In the page source there is code for such a function but it always throws up a parse error I don't know how to fix.

Thanks in advance,
Sam.

 

[angelwatt]

Well the reason your enter key isn't working is because the form isn't setup right. There's about 4 opening tags for form, but only one closing form tag (likely causing your parse error), and none of them have an action set to them so it can't enact a submit. If you really want to check with JavaScript though for a visitor hitting enter here's some JavaScript I have from an old site,

function submitenter(e)
{
  var keycode = (window.event) ? window.event.keyCode : e.which;
  if (keycode == null) return true;

  if (keycode == 13)
  {
    goForIt(); // some function I have
    return false;
  }
  else
    return true;
}

Then the HTML for the text field,

<input type="text" onkeypress="submitenter();" />

I don't have any suggestions for Dreamweaver as I'm a hand coder.

 

[SrWebDeveloper]

I'm a hand coder also but since they mentioned Dreamweaver I will briefly comment on that aspect as I've explored it a bit:

What might make your life easier if you're a fan of the IDE is create a .js document which stores the JavaScript file holding functions you add manually as you go along. Then in your main document where I assume you're in Design View, right click on form elements and click on Edit Tag to manually add calls to functions or do so through Properties (which may also be set if you enable the properties panel at the bottom via Modify -> Selection Properties) for that form element.

When finished, go to Commands -> Apply source formatting then use the various clean up tools in the same menu. And after you publish visit a site like this one to validate your site against W3C suggestions and guidelines so it renders as best as possible. You can also go to DW's File -> Check Page where various built in validators live, but I suggest the W3C web site based on past experience.

If you need specific help on a DW feature, let us know. I use it at work and home, so easy for me to try commands.

-jim