Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • March 11, 2014 at 3:12 am #235136
    stacyr311

    I’m so close to going live and then hit another snag. Argh!

    I built a quick little graphic with image maps on them in Dreamweaver and then tried to put the HTML in a text block via ALB. I input the code like I have on other text blocks and hit Save. But then it did nothing. I could see my image appear in the background like it had saved, but the window didn’t close. So I just closed it out and my image was there in the window, but when I hit preview changes, it showed up as a new text block, saying Click here to add text.

    So, I switch back to the default editor and it lets me save the code this time. But when I preview it, the mouseover effect doesn’t work. But if I click on the area that should have the mouseover effect, it pulls up the PNG file. It worked when I previewed it online – it works when I put the HTML file in my root directory and direct link it. But when I try to put it in the text block in ALB, it won’t let me…and then default editor will let me but then it won’t function properly. Any idea what I’m doing wrong (I rarely use Dreamweaver, so I’m not sure if there’s a function or a code snippet that I need to put it another file to get the mouseover to work)?

    Link to my site: http://www.fpcosms.com/fpcnew
    Link to the graphic that works: http://www.fpcosms.com/theartichoke.html

    Here’s the code:

    
<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 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('/fpcnew/wp-content/uploads/2014/03/artichoke-right.png','/fpcnew/wp-content/uploads/2014/03/artichoke-vert.png','/fpcnew/wp-content/uploads/2014/03/artichoke-left.png','/fpcnew/wp-content/uploads/2014/03/artichoke-outer.png')">
<img src="/fpcnew/wp-content/uploads/2014/03/artichoke-main.jpg" alt="main" width="710" height="500" border="0" usemap="#vert" id="Image1" />
<map name="vert" id="vert">
  <area shape="poly" coords="198,213,218,157,248,133,265,178,250,229" href="/fpcnew/wp-content/uploads/2014/03/artichoke-right.png" target="_self" onmouseover="MM_swapImage('Image1','','/fpcnew/wp-content/uploads/2014/03/artichoke-right.png',1)" onmouseout="MM_swapImgRestore()" />
  <area shape="poly" coords="145,165,144,125,154,91,182,106,209,139,188,176" href="/fpcnew/wp-content/uploads/2014/03/artichoke-vert.png" target="_self" onmouseover="MM_swapImage('Image1','','/fpcnew/wp-content/uploads/2014/03/artichoke-vert.png',1)" onmouseout="MM_swapImgRestore()" />
  <area shape="poly" coords="171,260,130,225,122,194,154,193,178,199,183,214" href="/fpcnew/wp-content/uploads/2014/03/artichoke-left.png" onmouseover="MM_swapImage('Image1','','/fpcnew/wp-content/uploads/2014/03/artichoke-left.png',1)" onmouseout="MM_swapImgRestore()" />
  <area shape="poly" coords="84,250,38,162,66,63,141,18,228,32,80,96" href="/fpcnew/wp-content/uploads/2014/03/artichoke-outer.png" onmouseover="MM_swapImage('Image1','','/fpcnew/wp-content/uploads/2014/03/artichoke-outer.png',1)" onmouseout="MM_swapImgRestore()" />
</map>
</body>
</html>
    March 11, 2014 at 4:40 am #235169
    Josue

    Hey!

    You can’t put a whole HTML page inside a Text block, try using a iframe instead, put this in the Text block:

    <iframe src="http://www.fpcosms.com/theartichoke.html"></iframe>

    Regards,
    Josue

    March 11, 2014 at 11:49 pm #235978
    stacyr311

    Great – thank you, Josue! I appreciate the great support here! One of the reasons I bought this theme for our church.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘HTML not working properly in ALB Text Block’ is closed to new replies.