Freeze javascript on live view

I see that there is freeze javascript function when I am on live view.
I just want to know is it possible to set break point and watch list to step in to javascript to debug the javascript code?
Your information and help is great appreciated,
Regards,
Iccsi,

1.   Ensure the site is properly defined.
Creating your first web site in DW
http://www.adobe.com/devnet/dreamweaver/articles/first_website_pt1.html
2. Ensure paths to external CSS files are correctly pointing to the site folder and NOT a file:// on your hard drive.
3. Validate your code & fix any reported errors.
     Code Validation Tools
     CSS - http://jigsaw.w3.org/css-validator/
     HTML - http://validator.w3.org/
Nancy O.

Similar Messages

Index file freezes up live view dreamweaver cc 2014 .

Hi,
I have a html5 site that the index file was rendering fine yesterday in live view and today it freezes up dreamweaver cc 2014. The page will not render in live view however when viewed in a browser it views correctly. The rest of the site files will view properly just not the index.html file.
Any thoughts would be greatly appreciated

Are you using valid HTML code?
The W3C Markup Validation Service
Does your index page contain any neutral protocol links to 3rd party servers like TypeKit?
If yes, try changing //: to http://
If that doesn't help, we'll need to see a link to your page.
Nancy O.

I am unable to use the Live View function when working with JavaScript in Dreamweaver.

I am currently trying to set up my own website with dreamweaver and am very familiar with Java and JavaScript. However, whenever I try to use the Live View function it never lets me. Additionally, I am unable to preview my work in a browser as the option to do so is greyed out.
However, I have noticed that when using html in a project, all these functions are available. Any ideas how I can be able to use these functions?

Is it possible you meant to say you were "very unfamiliar with Java and javascript" in your initial post?
Javascript doesn't do anything without an html page to affect.
Java and javascript are not the same thing, they're really not even related other than browsers can be made to render both. Java is its own programming language while javascript is basically html's helper monkey. I don't think it's even feasible to "understand javascript" without knowing html. My last post still stands, if you are coding javascript, you need an html based page to turn it into anything but plain code to a browser, so the option to view it will never come up. When you preview the page it's attached to, it will function correctly (as long as it has been attached to the page correctly).
Java on the other hand can create programs that run without a browser at all and I've never gotten close to touching that monster.
You may need to explain what you're trying to do and post the code here to get the help you need.

My Javascript works in Dreamweaver Live View, But Not On The Server

I set up a javascript function to set the focus to the first field in a form as the page loads. It works fine in Dreamweaver's Live View, but not on the local or remote servers. Here's the code:
In the heading I have the following function:
<script type="text/javascript">
function setFocus()
document.getElementById("firstname").focus();
</script>
In the <head tag, I have:
<body onload="setFocus()" ...
and the first field in the form is:
            <input name="firstname" type="text" id="firstname" style="text-align: center; color: #009; text-transform: capitalize; font-variant: normal; font-weight: bold; line-height: normal; font-style: normal; font-size: 14px; font-family: Arial, Helvetica, sans-serif;" tabindex="1" value="<?php echo $fstname; ?>" size="15" maxlength="20">
I guess I must be missing something, but don't know what.

EUREKA! (and OOOPPPPSS!) I found the problem (and I thought javascript was case sensitive - according to the tutorial, it's supposed to be).
Here's apparently wha hoppen. The first field in the form is the person's first name, but it's also a SPRY validation field. I gave the actual field the name and id of "firstname", and the SPRY validation the name "FirstName", figuring that scripts would be case sensitive. In fact, when I first inserted the SPRY object, I tried to name it "firstname" also, but it wouldn't let me, so I capitalized the first letters, and it accepted that; that made me feel that this is OK. Here's the entire field's code:          <label>First Name:
           <span id="FirstName">
            <input name="fstname" type="text" id="fstname" style="text-align: center; color: #009; text-transform: capitalize; font-variant: normal; font-weight: bold; line-height: normal; font-style: normal; font-size: 14px; font-family: Arial, Helvetica, sans-serif;" tabindex="1" value="<?php echo $fstname; ?>" size="15" maxlength="20">
            <span class="textfieldRequiredMsg">A value is required.</span><span class="textfieldMinCharsMsg">Minimum number of characters not met.</span></span></label>
I accidentally tripped over the answer when I started using the Dreamweaver's Edit>Find Next search to see if I had something else named "firstname", and I found that it located every permutation of that word (e.g. firstname, FirstName, FIRSTNAME etc.). Having seen that, I tried changing the "name=" and "id=" to "fstname, and the same corresponding change in the javascript, and VOILA! it worked. That leaves me rather curious about this alleged "case sensitivity" thing. I get the impression that it IS case sensitive, except when IT'S NOT. How does this work, and how do I know when it is and isn't?

Inserting SSL JavaScript prevents proper Live View operation

Page in question located at:
https://www.screamingeagles.com
I added an SSL Certificate script to site, and on cross browser testing, all worked well. JS code located at Line 4 of "index.html".
However, on returning to DreamWeaver CS5 later in day, updated text content and clicked on "Live View", which brought up my "Custom Error" page. Then tried viewing with browsers available at local, that too failed and produced 404 error page.
Error message: The file MenuScript.js could not be loaded!
In the address bar, the first part of the URL showing was correct, but DW CS5 automatically added the continuing local path, (Bold) which then looked like this:
https://www.screamingeagles.com/Users/MyComputer/MySites/ScreamingEagles.com/index.html
On page validation (http://validator.w3.org/) I get:
Line 4, Column 30: required attribute "type" not specified<script language="javascript">
✉
The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.
Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.
This tells me I have to update local settings but haven't a clue as to what or where. As always, help would be appreciated.
Thanks,
Joe Satterwhite
SatGraphics.com
ScreamingEagles.com
MacPro
Adobe DreamWeaver CS5

n the address bar, the first part of the URL showing was correct, but
DW CS5 automatically added the continuing local path, (Bold) which then
looked like this:
https://www.screamingeagles.com/Users/MyComputer/MySites/ScreamingEagles.com/index.html
Live view is interpreting the js code as written, the only way to stop this is to install a ssl certificate on your local testing environment, or comment the script out for testing.
Error message: The file MenuScript.js could not be loaded!
html4 and xhtml documents require the language="javascript" attribute to be included as part of the <script> tags attribute, but it can be omitted when using html5.
PZ

Live View Preview is only available with...

When I select preview 'server' from the Browser Lab panel in Dreamweaver I get this message:
"Live View Preview is only available with BrowserLab Local/Network preview option, please select the Local/Network preview option."

Hi Mattdwm,
Yes this behavior is 100% correct, and what you observed about it only working if you toggle Live View off is what the error message was trying to tell you.
I'll try to explain - in Dreamweaver's Live View mode you can interact with your page "freeze" the javascript in intermediate states. The information about those states is only contained on the local machine. So if you were to perform a server preview from DW while in Live View, the page would only be in the base/default state in the screenshot captured by BrowserLab. So the only way BrowserLab can get the properly get the info about the intermediate state you've navigated to is if you choose the Local/Network preview option.
I suppose we could have implemented things so that it would not show you that message if you haven't done any interactions with your page in Live View, but I think that would actually be more confusing, as it would sometimes work and sometimes not work. And even if we could automatically switch over to Local/Network mode for BrowserLab while you're in DW's Live View mode, we probably wouldn't because we want that to be a choice made explicitly by our users.
Thanks for your interest in BrowserLab, I hope this helps,
Mark

Dreamweaver Freeze JavaScript (F6) is disable! Why?

I will freeze JavaScript in my htm file in live view Dreamweaver but this command is disable.

@e1a1s,
Those options will be enabled only when you select "Hide Live View Displays".
Since the Element displays in Live View are also JS implementations, disabling or freezing Javascript before hiding them would have yielded undesirable results. Hence, this solution.
Hope this helps,
Subhadeep

Difference in design and live view

I ran into another problem lately and i still cant find any solution to this yet. I have a table within table and they look fine in the design page but when i change the page to live view or switch to browser, the table seems longer. Any idea why and how can i fix this? Any help would be greatly appreciated. Thanks in advanced and sorry for the long post!
Design page:
Live view:
Source code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="Style/style3.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
</head>
<body onload="MM_preloadImages('Images/aboutusbtn_b.gif','Images/homebtn_b.gif','Images/joinbtn _b.gif','Images/partnersbtn_b.gif','Images/contactbtn_b.gif')">
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<th width="319" align="left" scope="col"><table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
      <th width="319" align="left" scope="col"><img src="Images/logo_2_01.png" width="319" height="104" border="0" usemap="#Map" /><img src="Images/banner_A_03.png" width="319" height="14" /></th>
      <th width="481" align="left" scope="col"><img src="Images/banner_A_02.png" width="481" height="118" /></th>
    </tr>
</table></th>
</tr>
</table>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
    <th width="235" align="left" valign="top" scope="col"><table width="235" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <th height="100" scope="col"> </th>
      </tr>
      <tr>
        <td><table width="235" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <th scope="col"><a href="index3.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','Images/homebtn_b.gif',1)"><img src="Images/homebtn_a.gif" name="home" width="235" height="65" border="0" id="home" /></a></th>
          </tr>
          <tr>
            <td valign="top"><a href="aboutus.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('aboutus','','Images/aboutusbtn_b.gif',1)"><img src="Images/aboutusbtn_a.gif" name="aboutus" width="235" height="65" border="0" id="aboutus" /></a></td>
          </tr>
          <tr>
            <td><a href="activity.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('activity','','Images/actbtn_b.gif',0)"><img src="Images/actbtn_a.gif" name="activity" width="235" height="65" border="0" id="activity" /></a></td>
          </tr>
          <tr>
            <td><a href="joinus.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('joinus','','Images/joinbtn_b.gif',1)"><img src="Images/joinbtn_a.gif" name="joinus" width="235" height="65" border="0" id="joinus" /></a></td>
          </tr>
          <tr>
            <td><a href="partners.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('partners','','Images/partnersbtn_b.gif',1)"><img src="Images/partnersbtn_a.gif" name="partners" width="235" height="65" border="0" id="partners" /></a></td>
          </tr>
          <tr>
            <td><a href="contact.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('contact','','Images/contactbtn_b.gif',1)"><img src="Images/contactbtn_a.gif" name="contact" width="235" height="65" border="0" id="contact" /></a></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td> </td>
      </tr>
    </table></th>
    <th width="5" align="left" scope="col"><img src="Images/side2.jpg" width="5" height="764" /></th>
    <td width="560" height="764" align="left" valign="top" id="tb_bg5" scope="col"><table width="560" border="0" align="center" cellpadding="15" cellspacing="0">
      <tr>
        <td height="419" align="left" scope="col"><h1>Corporate Partners</h1>
          <p>Phasellus sit amet massa id nunc faucibus condimentum vel a lacus. Etiam   mattis, erat nec dapibus tristique, dui elit iaculis orci, et dignissim   nunc nisi a lectus. Duis semper porta nisl nec ullamcorper. </p>
          <table width="530" border="0" cellpadding="0" cellspacing="0" class="table_border">
            <tr>
              <th width="200" align="left" scope="col"><img src="Images/partners_logo/f_logo1.png" width="197" height="136" /></th>
              <td width="330" align="left" valign="top" scope="col"><table width="100%" border="0" cellspacing="0" cellpadding="5">
                <tr>
                  <th align="left" scope="col"><p>Sed id nulla neque, in blandit nisi. Quisque a lorem elit. Nullam fringilla, nisi ac blandit ullamcorper, velit mauris porta metus, ut facilisis ligula orci sed tortor. Suspendisse a metus eu purus hendrerit suscipit eu eu nunc. Morbi neque metus, varius quis egestas eu, egestas nec purus.</p></th>
                </tr>
              </table></td>
            </tr>
            <tr>
              <th colspan="2" align="left" scope="col"><img src="Images/divider2.png" width="522" height="7" /></th>
            </tr>
            <tr>
              <th align="left" scope="col"><img src="Images/partners_logo/f_logo2.png" width="197" height="136" /></th>
              <td width="330" align="left" valign="top" scope="col"><table width="100%" border="0" cellspacing="0" cellpadding="5">
                <tr>
                  <th align="left" scope="col"><p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis dictum convallis massa sit amet mattis. Curabitur ac nisl vitae leo convallis pretium in eu magna. Donec luctus sodales lacinia. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p></th>
                </tr>
              </table></td>
            </tr>
            <tr>
              <th colspan="2" align="left" scope="col"><img src="Images/divider2.png" width="522" height="7" /></th>
            </tr>
            <tr>
              <th align="left" scope="col"><img src="Images/partners_logo/f_logo3.png" width="197" height="190" /></th>
              <td width="330" align="left" valign="top" scope="col"><table width="100%" border="0" cellspacing="0" cellpadding="5">
                <tr>
                  <th align="left" scope="col"><p>Nam sed leo justo. Nulla a urna odio. Sed at metus lorem, a mattis justo. Pellentesque vel augue a neque auctor scelerisque. Vivamus lobortis augue sed dui luctus id consequat odio blandit. Nam convallis libero id risus sagittis lobortis. Quisque ut euismod risus. Ut faucibus ante velit, eget convallis risus. Curabitur est lorem, consequat auctor hendrerit ac, pretium sit amet metus. Proin ante massa, laoreet at commodo vitae, egestas et velit</p></th>
                </tr>
              </table></td>
            </tr>
          </table></td>
      </tr>
    </table></td>
</tr>
</table>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
    <th colspan="2" align="left" scope="col"><img src="Images/footer.jpg" width="800" height="5" /></th>
</tr>
<tr>
    <td width="400" align="left" scope="col"><p class="footer_text">Copyright © Olive Interactive. All rights reserved.</p></td>
    <th width="400" scope="col"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <th width="150" scope="col"> </th>
        <th width="200" align="left" scope="col"><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <th width="80" align="center" scope="col"><p>follow us on</p></th>
            <th width="55" align="left" scope="col"><p><a href="http://www.facebook.com"><img title="Facebook" img src="Images/fb_logo.jpg" alt="Facebook" width="50" height="50" /></a></p></th>
            <th width="55" align="left" scope="col"><a href="http://www.twitter.com"><img title="Twitter" img src="Images/twitter_logo.jpg" alt="Twitter" width="50" height="50" /></a></th>
          </tr>
        </table></th>
        <th width="50" scope="col"> </th>
      </tr>
    </table></th>
</tr>
</table>
<map name="Map" id="Map">
<area shape="rect" coords="75,3,261,105" href="index3.html" alt="Go Green" />
</map>
</body>
</html>
css style sheet:
#tb_bg5 {     background-image: url(../Images/bg_2b.png); } .table_border {     border: medium solid #A9D18B; } p {     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;     font-size: 14px;     color: #333;     font-weight: normal; } h1 {     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;     color: #84C775;     font-size: 24px;     font-weight: bold; }

Welcome back -
It will be waaaaay easier for us to assist if you would upload all your files to your webspace and post a link here.
Please?
Meanwhile, not sure where you want space reduced, but if it's above your footer, find this cell, and reduce the cell height from 764 to 700
<td id="tb_bg5" width="560" valign="top" height="764" align="left" scope="col">

Error message when I insert a div tag: Couldn't commit the changes made in Live View. Refresh the Live View and try editing again.

According to a web and support forum search, myself and another person, Chloe in the Dreamweaver Club forum, have ever reported this. Trying to follow along a Lynda.com tutorial, and the instructor isn't getting this error. Can't imagine why it's happening. I'd be very grateful for any help. I'm also getting an error dialog message:
DIALOG BOX:
While executing onClick in InsertFGDiv.htm, the following JavaScript error(s) occurred:
At line 687 of file "Macintosh HD:Applications:Adobe Dreamweaver CC 2014.1:Configuration:Commands:InsertFGElement.js": The object is not currently contained in a document.
This appears at the top of the screen:
Couldn't commit the changes made in Live View. Refresh the Live View and try editing again. [Refresh doesn't do anything.]

Try the suggestions here -
Index to Dreamweaver FAQ
The solution for Javascript errors is likely the one.

When using Live View, site looks great, browser testing goes crazy

I am creating a new website (and I am really unexperienced with Dreamwaver CS5). But when I check my site using "Live View" everything looks great, the way it is supposed to. Then when I go to test it in my browswer (Primary browser is Chrome) it goes crazy: I at first noticed that I had saved one copy as an .asp but then resaved it to .xhtml I did delete the first line of code already that the .asp file created as it kept giving me an error on line 1.
Then I tried to do a spry drop-down menu bar, which I have deleted since I thought I was doing something wrong with that and I should just stick to what I half-way know.
If I were to preview the template page it gives me this error:
This page contains the following errors:
error on line 150 at column 76: error parsing attribute name
Below is a rendering of the page up to the first error.
Here is line 150:
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
If I were to test the index.xhtml page in the browser, it ignores most images (all but one), and the first nav-bar (an editable region) appears to the left instead of under the header. The layout is totally ignored and everything is on the left-hand side of the screen instead of in a two column layout.
I am not testing this on a server just off of my computer.
I am assuming that the error has something to do with the .asp file I first did and when I resaved it, since I don't know what I would be looking for, is still in there screwing it up.
Here is the code from the template page:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Midwest Window Brokers | Page</title>



<style type="text/css">

</style>
<script type="text/javascript">
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
</head>
<body onload="MM_preloadImages('/images/home2.jpg')">
<div class="container">
<div class="header"><a href="/index.xhtml"><img src="../images/heading.jpg" alt="Midwest Window Brokers, Windows, Siding, Roofing, 605-791-5352" name="Insert_logo" width="950" height="200" align="right" id="Insert_logo" style="background: #FFFFFF; display:block;" /></a>
    <div id="h-navbar1"><a href="/index.xhtml"><img src="/images/home.jpg" alt="home" width="159" height="51" id="Image1" onmouseover="MM_swapImage('Image1','','/images/home2.jpg',1)" onmouseout="MM_swapImgRestore()" /></a><a href="/windows.html"><img src="/images/services.jpg" width="151" height="51" alt="services" /></a><a href="/freebay.xhtml"><img src="/images/specials.jpg" width="153" height="51" alt="specials" /></a><a href="/gallery.html"><img src="/images/gallery.jpg" width="152" height="51" alt="gallery" /></a><a href="/roofing.xhtml"><img src="/images/order.jpg" width="152" height="51" alt="order" /></a><img src="/images/blank.jpg" width="75" height="51" /><img src="/images/facebook.jpg" width="38" height="51" alt="facebook" longdesc="http://facebook.com/midwestwindowbrokers" /><img src="/images/twitter.jpg" width="37" height="51" alt="twitter" longdesc="http://twitter.com/midwestwindow" /><img src="/images/google.jpg" width="42" height="51" alt="google+" longdesc="http://https://plus.google.com/u/0/b/108071947231835835141/108071947231835835141/posts" /></div>
</div>

<div id="h-navbar">
    <div id="h-navbar2">  Content for id "h-navbar2" Goes Here</div>
</div>

<div class="sidebar1">
    <ul class="nav">
    </ul>
    <p> <div id="wufoo-z7x3k1">
Fill out my <a href="http://midwestwindow.wufoo.com/forms/z7x3k1">online form</a>.
</div>
<script type="text/javascript">var z7x3k1;(function(d, t) {
var s = d.createElement(t), options = {
'userName':'midwestwindow',
'formHash':'z7x3k1',
'autoResize':true,
'height':'601',
'async':true,
'header':'show'};
s.src = ('https:' == d.location.protocol ? 'https://' : 'http://') + 'wufoo.com/scripts/embed/form.js';
s.onload = s.onreadystatechange = function() {
var rs = this.readyState; if (rs) if (rs != 'complete') if (rs != 'loaded') return;
try { z7x3k1 = new WufooForm();z7x3k1.initialize(options);z7x3k1.display(); } catch (e) {}};
var scr = d.getElementsByTagName(t)[0], par = scr.parentNode; par.insertBefore(s, scr);
})(document, 'script');</script></p>
    </div>

<div class="content">
    <h1>Instructions</h1>
    <p>Be aware that the CSS for these layouts is heavily commented. If you do most of your work in Design view, have a peek at the code to get tips on working with the CSS for the fixed layouts. You can remove these comments before you launch your site. To learn more about the techniques used in these CSS Layouts, read this article at Adobe's Developer Center - <a href="http://www.adobe.com/go/adc_css_layouts">http://www.adobe.com/go/adc_css_layouts</a>.</p>
    <h2>Clearing Method</h2>
    <p>Because all the columns are floated, this layout uses a clear:both declaration in the .footer rule. This clearing technique forces the .container to understand where the columns end in order to show any borders or background colors you place on the .container. If your design requires you to remove the .footer from the .container, you'll need to use a different clearing method. The most reliable will be to add a <br class="clearfloat" /> or <div class="clearfloat"></div> after your final floated column (but before the .container closes). This will have the same clearing effect.</p>
    <h3>Logo Replacement</h3>
    <p>An image placeholder was used in this layout in the .header where you'll likely want to place a logo. It is recommended that you remove the placeholder and replace it with your own linked logo. </p>
    <p><span style="font-size: 18px; color: #C00; font-weight: bold; font-style: italic;">Logo Replacement</span></p>
    <p> Be aware that if you use the Property inspector to navigate to your logo image using the SRC field (instead of removing and replacing the placeholder), you should remove the inline background and display properties. These inline styles are only used to make the logo placeholder show up in browsers for demonstration purposes. </p>
    <p>To remove the inline styles, make sure your CSS Styles panel is set to Current. Select the image, and in the Properties pane of the CSS Styles panel, right click and delete the display and background properties. (Of course, you can always go directly into the code and delete the inline styles from the image or placeholder there.)</p>
    <h4>Backgrounds</h4>
    <p>By nature, the background color on any div will only show for the length of the content. This means if you're using a background color or border to create the look of a side column, it won't extend all the way to the footer but will stop when the content ends. If the .content div will always contain more content, you can place a border on the .content div to divide it from the column.</p>
    
</div>

<div class="footer">
    <p class="footer"><strong>  <em>References Available!</em> We accept cash, check, Visa, Discover, MasterCard</strong></p>
      Copyright 2012 Midwest Window Brokers Inc. All Rights Reserved.
    </div>
</div>
</body>
</html>

I had saved one copy as an .asp but then resaved it to .xhtml
I'm assuming this is a static web site. Rename (F2) all your pages with .html or .htm extension.
.xhtml is not a valid extension.
Nancy O.

Slideshow works great in "live view" but does not in "preview browser"

My slideshow looks just fine in "live view" but when I "preview in browser" it doesn't show up at all in Firefox and is a blue square with a question mark in Safari. This was created in Dreamweaver and the slideshow is "Advanced Random Images" from Dreamweaver Exchange.
It was working in the browsers, but I had to make some changes. I put the slideshow within the "content" to get it to be centered on the page.
The centering worked great, but now it's not showing up.
Here is that section of my code:
      
    </p>
    </div>
    
<div class="content">
<div id="slideShow" style="width: 600px; margin: 0 auto; padding-bottom: 15px;">
<script language="JavaScript">
// Advanced Random Images Start
// Copyright 2001-2006 All rights reserved, by Paul Davis - www.kaosweaver.com
var j,d="",l="",m="",p="",q="",z="",KW_ARI= new Array()
// KW_rs[5000]
KW_ARI[KW_ARI.length]='/Gallery_images/slideshow/auditorium.jpg';
KW_ARI[KW_ARI.length]='/Gallery_images/slideshow/boardrm.jpg';
KW_ARI[KW_ARI.length]='/Gallery_images/slideshow/classroom.jpg';
KW_ARI[KW_ARI.length]='/Gallery_images/slideshow/conference.jpg';
KW_ARI[KW_ARI.length]='/Gallery_images/slideshow/conference2.jpg';
KW_ARI[KW_ARI.length]='/Gallery_images/slideshow/courtrm.jpg';
j=parseInt(Math.random()*KW_ARI.length);
j=(isNaN(j))?0:j;
    document.write("<img name='randomSlideShow' src='"+KW_ARI[j]+"'>");
function rndSlideShow(t,l) { // Random Slideshow by Kaosweaver
x=document.randomSlideShow; j=l; while (l==j) {
    j=parseInt(Math.random()*KW_ARI.length); j=(isNaN(j))?0:j; }
x.src=KW_ARI[j]; setTimeout("rndSlideShow("+t+","+j+")",t);
rndSlideShow(5000,0)
// Advanced Random Images End
    </script>
        </div>

<script language="JavaScript">
      </script>
Any suggestions?
Thanks!

I haven't uploaded the page since I made the code changes, for fear that if
they won't "preview in browser", they won't work live...
Here's the link:   www.epaaudio.com

Getting a local xml document to populate a listview works in "Live View", but fails in browsers

I'm am extremely new to this so if there is a link or tutorial that explains what I should be doing, please direct me there, however I was unable to locate one on this site.
Challenge:
I'm trying to build a mobile app to read a local xml file and populate a listview. Everything works perfect in the 'Live View' mode of CS5.5, but when I go to preview in Safari or Firefox all that is generated is the listview container with none of the xml loaded content.
I'm reading the xml file as text and then running it through parsexml.
I am sure there is something glaring that I am missing, but I've seen many posts on other sites (not dreamweaver specific) which have shown people struggling with how to accomplish reading a local xml file and using it in a mobile app.
Any Help, insights, suggestions or examples of how to make this work in more than just the 'Live View' will be greatly appreciated.
Many thanks in advance!
XML and Code is Below
XML:
<?xml version="1.0" encoding="utf-8"?>
<Components>
     <Component Id="1" Name="TermOne" Description="Definition of term one.">
           </Component>
        <Component Id="2" Name="Term Two" Description="Definition of term two.">
           </Component>
</Components>
CODE:
$(document).ready(function(){
           $.get( "jquery-mobile/dictionary.xml", function(xml) {
                     var xparse = $($.parseXML(xml));
                    var xlines = [];
                    xparse.find('Component').each(function(){
                              var name = $(this).attr('Name');
                              var description = $(this).attr('Description');
                              xlines.push('<li>' + name + ': ' + description + '</div></li>');
           $('#Dictionary').append(xlines.join(''));
           $('#Dictionary').listview('refresh');
           },"text");
Is there any dreamweaver expert out there who knows why this code will only render in liveview and not on the browsers?
Message was edited by: Lane Hammons

Thanks Murray! viewing the source code, copy/paste worked!
I tried to use the insert image object for the next rollover button...but then got another error message (thankfully just one). I know that I could simply copy the format that you did for the first button, but since this site will be image rollover intensive, I'd like to try to fix this error so I can use the design feature.
Here is the message from validator:
Line 73, Column 443: required attribute "alt" not specified
…me="familytrees" width="105" height="57" border="0" id="familytrees" /></a></p>
✉
The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.
Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.
I checked the document and both types have been entered - very confused. Have any recommendations?
BTW - do you think it is a good idea for me to get css/html and or javascript for dummies? Do those books really help novices, such as myself?
Your patience and help is great appreciated!

SWF Banner works in Live View not in Any Browser? Losing my mind...

Hello,
I'm not a pro but have some web building experience. I'm currently building a website for myself in Dreamweaver CS5. I made a simple flash banner where pictures fade in and out. I placed it into my template and it works fine in Live View but not in Chrome, Firefox or IE.
It has gotten to the point where I am losing my mind.
I create a new HTML doc. Drag and drop ANY swf file. Saved Swf files as flash 8 and flash 9 even. Updated my flash last night for my browsers. Again... See it fine in Live View and not in the browsers i've mentioned.
The browsers (except chrome which displays nothing) show this message.
Content on this page requires a newer version of Adobe Flash Player.
Even after flash updates and using a swf file saved as an older veriosn of flash (tried 9,8 and 5 for a laugh).
Here is the html code (all generated by Dreamweaver). I am totally baffled and have spent HOURS scrying the internet to no avail. I even tried this in a trial version of Dreamweaver CS6 but had the same reslut. Please help me. What's going on?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="/Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>
<body>
<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="860" height="300">
<param name="movie" value="/homeBanner8.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="8.0.35.0" />

<param name="expressinstall" value="/Scripts/expressInstall.swf" />


<object type="application/x-shockwave-flash" data="/homeBanner8.swf" width="860" height="300">
    
    <param name="quality" value="high" />
    <param name="wmode" value="opaque" />
    <param name="swfversion" value="8.0.35.0" />
    <param name="expressinstall" value="/Scripts/expressInstall.swf" />
    
    <div>
      <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
      <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
    </div>
    
</object>

</object>
<script type="text/javascript">
swfobject.registerObject("FlashID");
</script>
</body>
</html>

SWF (Flash) animations won't work in iPhone, iPad, iTouch, Android or any other web device that lacks support for Flash. Do yourself & your site visitors a favor. Use jQuery instead of Flash.
jQuery Cycle2
http://www.malsup.com/jquery/cycle2/
jQuery Wow Slider
http://wowslider.com/
jQuery Nivo Slider
http://dev7studios.com/nivo-slider/
Nancy O.

When changing to Live View Images do not display...

Yesterday I was working on my website and it is still in the early stages so currently I have just a single image worked into my design. When I was changing between my code and the live view everything was displaying just fine. I saved my work yesterday and when I came back today I opened up the same file and found that everything appears fine in the code and the regular design view but as soon as I switch to the live view my images shows up as a tiny blue questionmark box. I have not changed any code from yesterday- the image appears to be linked to correctly because it displays without a problem in th design view. I am not sure what is going on- any help is appreciated!

this is my code:
<body>
<div id="wrapper">
    <div id="header"><div><img src="/images/topimage.jpg"></div></div>
<div id="ddtopmenubar" class="mattblackmenu" align="center">
    <ul>
    <li><a href="http://www.caliberequipment.com">Home</a></li>
    <li><a href="http://www.caliberequipment/machines.htm" rel="ddsubmenu1">Machines</a></li>
    <li><a href="http://www.caliberequipment.com/parts/" rel="ddsubmenu2">Parts</a></li>
    <li><a href="http://www.caliberequipment.com/forums/">Service</a></li>
    <li><a href="http://www.caliberequipment.com/" rel="ddsubmenu3">Technical Support</a></li>
    </ul>
    </div>
    <script type="text/javascript">
    ddlevelsmenu.setup("ddtopmenubar", "topbar") //ddlevelsmenu.setup("mainmenuid", "topbar")
    </script>
    
    
    
    
    <ul id="ddsubmenu1" class="ddsubmenustyle">
    <li><a href="/scrubbers.html">Floor Scrubbers</a></li>
    <li><a href="/sweepers.html">Floor Sweepers</a></li>
    <li><a href="#">Item Folder 3a</a>
      <ul>
      <li><a href="#">Sub Item 3.1a</a></li>
      <li><a href="#">Sub Item 3.2a</a></li>
      <li><a href="#">Sub Item 3.3a</a></li>
      <li><a href="#">Sub Item 3.4a</a></li>
      </ul>
    </li>
    <li><a href="#">Item 4a</a></li>
    <li><a href="#">Item Folder 5a</a>
      <ul>
      <li><a href="#">Sub Item 5.1a</a></li>
      <li><a href="#">Item Folder 5.2a</a>
        <ul>
        <li><a href="#">Sub Item 5.2.1a</a></li>
        <li><a href="#">Sub Item 5.2.2a</a></li>
        <li><a href="#">Sub Item 5.2.3a</a></li>
        <li><a href="#">Sub Item 5.2.4a</a></li>
        </ul>
      </li>
        </ul>
    </li>
    <li><a href="#">Item 6a</a></li>
    </ul>
    
    <ul id="ddsubmenu2" class="ddsubmenustyle">
    <li><a href="#">Item 1b</a></li>
    <li><a href="#">Item 2b</a></li>
    <li><a href="#">Item Folder 3b</a>
      <ul>
      <li><a href="#">Sub Item 3.1b</a></li>
      <li><a href="#">Sub Item 3.2b</a></li>
      <li><a href="#">Sub Item 3.3b</a></li>
      <li><a href="#">Sub Item 3.4b</a></li>
      </ul>
    </li>
    <li><a href="#">Item 4b</a></li>
    <li><a href="#">Item Folder 5b</a>
      <ul>
      <li><a href="#">Sub Item 5.1b</a></li>
      <li><a href="#">Item Folder 5.2b</a>
        <ul>
        <li><a href="#">Sub Item 5.2.1b</a></li>
        <li><a href="#">Sub Item 5.2.2b</a></li>
        <li><a href="#">Sub Item 5.2.3b</a></li>
        </ul>
      </li>
        </ul>
    </li>
    <li><a href="#">Item 6b</a></li>
    </ul>
    
    <ul id="ddsubmenu3" class="ddsubmenustyle">
    <li><a href="http://tools.dynamicdrive.com/imageoptimizer/">Image Optimizer</a></li>
    <li><a href="http://tools.dynamicdrive.com/favicon/">FavIcon Generator</a></li>
    <li><a href="http://www.dynamicdrive.com/emailriddler/">Email Riddler</a></li>
    <li><a href="http://tools.dynamicdrive.com/password/">htaccess Password</a></li>
    <li><a href="http://tools.dynamicdrive.com/userban/">htaccess Banning</a></li>
    </ul>
<div id="content">
        <div id="content-left"></div>
        <div id="content-main"></div>
        <div id="content-right"></div>
    </div>
    <div id="footer"></div>
    <div id="bottom"></div>
</div>
</body>

Live View and Inspect BROKEN in DW CS5 & Drupal

I successfully navigated through the confusing instructions for setting up a local Drupal website in Dreamweaver's site manager and was very excited the first time I did a "discover" and DW found all the Drupal files on my local testing server. Yay!
I was even more excited when I tried live view and was able to click on elements in my Drupal page and see the CSS properties displayed. (similar to how Firebug in Firefox works)
Unfortunately, my excitement didn't last. The property inspector in DW CS5 is BROKEN. When you click on a specific element on the page, the "live code" displayed for that selection is wrong. DW tends to select far more code than the actual element chosen. As a result, the CSS properties displayed in the CSS panels are wrong for that particular element. Most of the time, they are the properties for the element (<div>) that WRAPS the selected element.
This makes the wonderful, Live View Inspect TOTALLY USELESS, for Drupal development. Didn't Adobe actually TEST this app with Drupal before distributing it? I just spent $600 on an upgrade to CS5 for NOTHING!

Not sure how I could translate the problem into a plain html file, since all the elements of Drupal are served up from a database and php server. Even if I could, I suspect it wouldn't reproduce the problem, since I have no issue with the Inspect button on static html files. One thing to note is that the box model on the selected element seems to accurately reflect the proper CSS settings, even though live code and CSS panels do not. So the out-of-sync issue seems to be between the box model and the live code and CSS panels.
It would be worth your while to set up a live Drupal site. Admittedly, there are a ton of different things going on within a Drupal page, including javascript, which I suppose could throw things out of sync. (although turning off javascript didn't fix the problem) Since Drupal is all open source, it would be easy for me to send a zipped codefile and mysql dump to your developers. Or you could recreate a site from Drupal.org. I have tested this against several iterations of Drupal with several different themes, some simple and some complex, and the problem is pretty consistent, although it behaves slightly differently depending on the Drupal theme being used.
On some themes, Inspect picks LESS than the proper amount of code. On some themes, it picks MORE. My theory is that it's some kind of mathematical or array issue with DW, because Firebug can reliably render all my Drupal sites with no issues at all.
Using the Tag Selector is difficult in most cases, because the Inspect selector tends to select an "outer" div instead of the one that is correct, so the correct selection is not shown on the tag selector list. (since the tag selector only shows outer divs to the currently selected one.) The convoluted workaround is to select an element INSIDE of the targeted element, and then backtrack up the Tag Selector tree. Selecting the proper code with the Tag Selector DOES appear to render the proper CSS and Live Code, but you obviously lose one of the biggest advantages of live view, which is to quickly find the proper element and see the visual box model rendered live.
This one issue will severely limit the attractiveness of DW to Drupal developers. But if you can get it working, I will be singing Dreamweaver's praises all over Drupal.org!
UPDATE: One other clue I just discovered while using several other Drupal themes: When selecting an element, live code appears to miss the first div and instead pick the following div. Example: (note, I'm using parentheses instead of brackets since this forum strips brackets)
(div id=first_div)some kind of text
(/div)
(div class=second_div)more text(/div)
The live code selection is in bold italic. Live code starts selecting AFTER the first div marker and grabs the start of the next div.
Sure seems like a mis-applied array element to me.

Freeze javascript on live view

Similar Messages

Maybe you are looking for