Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

› WebAssist Forums › Data Bridge › Framework Builder › Conflict with Facebook "like" plugin?

Conflict with Facebook "like" plugin?

Thread began 4/23/2011 6:36 am by Steve | Last modified 4/26/2011 1:43 pm by Jason Byrnes | 5223 views | 7 replies |

4/23/2011 6:36 am | #1 Steve

Conflict with Facebook "like" plugin?

Hello,
Here's an odd one...

Take a look at this page:
isemanhomes.com/

On the left vertical nav there is a Facebook "like" button that is generated from the facebook developer site.

Now mouse of one of the links in that same area... Facebook link/plugin disapears.

The page uses the nav area as an include via Framework plugin. And the menu is a Spry Menu group. I looked at the page using Firebug which usually will show you things that act dynamically but in this case the plugin contents for facebook still exist after the mouseOut, I just can't see what or where is the cause.

Anyone have some greater tools or insight into this condition?

Regards,

Steve

4/25/2011 7:19 am | #2 Jason ByrnesWebAssist

What browser are you using for testing?

I do not see this behavior in Fire Fox 3 or 4, IE8 safari or Google Chrome.

I am not able to reproduce this problem.

4/25/2011 7:34 am | #3 Steve

All browsers show this problem.

Right now I have the like button twice in the left vertical column. The top one does not disappear when you mouse over a link but the one just above the You Tube link does.

4/25/2011 7:43 am | #4 Jason ByrnesWebAssist

add a container to the facebook like code:

in your source I see:

<div id="fb-root"></div>
  <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="http://www.facebook.com/pages/Iseman-Homes-Youre-Home-Now/177004345682853" layout="button_count" show_faces="true" width="144" font=""></fb:like>

try changing that to:

<div id="fb-root">
  <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="http://www.facebook.com/pages/Iseman-Homes-Youre-Home-Now/177004345682853" layout="button_count" show_faces="true" width="144" font=""></fb:like></div>

4/25/2011 7:50 am | #5 Steve

I had tried a container prior and no luck. But I have moved the closing div tag as suggested and updated the live page. Problem still present.

4/25/2011 12:15 pm | #6 Jason ByrnesWebAssist

you should also have a div container around the navifgation UL:

<div>
<ul id="MenuBar1" class="MenuBarVertical">
<li><a  href="aboutus.php">About Us</a> </li>
      
<li>
      <a href="#" class="MenuBarItemSubmenu">Available homes</a>

                	<ul>
       <!-- start dynamic list -->
         
              
                            <li><a href="inventory.php?invtype=35">Brainerd, MN</a></li>
                              <li><a href="inventory.php?invtype=5">Chillicothe, MO</a></li>
                              <li><a href="inventory.php?invtype=10">Gillette, WY</a></li>
                              <li><a href="inventory.php?invtype=7">Kearney, NE</a></li>
                              <li><a href="inventory.php?invtype=1">LeMars, IA</a></li>

                              <li><a href="inventory.php?invtype=6">Minot, ND</a></li>
                              <li><a href="inventory.php?invtype=11">Pierre, SD</a></li>
                              <li><a href="inventory.php?invtype=8">Rapid City, SD</a></li>
                              <li><a href="inventory.php?invtype=4">Sioux City, IA</a></li>
                              <li><a href="inventory.php?invtype=9">Sioux Falls, SD</a></li>
                              <li><a href="inventory.php?invtype=28">Williston, ND</a></li>

                                
                
     <!-- end dynamic list -->
        			</ul>
      </li>
      
      
      
  <li><a href="contact.php">Contact Form</a></li>
  <li><a href="faq.php">Iseman FAQ</a></li>
  <li><a href="LocationsMap.php">Locations</a></li>
  <li><a href="Builders.php">Iseman's quality builders</a></li>

    <!--   <li><a href="map.php">Map (w/Phone Numbers)</a></li> -->
	 <!-- <li><a href="financing.php">Financing Information</a></li>-->


 <li><a href="#" onclick="MM_openBrWindow('mortCalc.php','calc','width=480,height=350')" ><img src="img211/calculator.gif" alt="Calculator" width="14" height="14" border="0" align="absmiddle" />&nbsp;Mortgage Calculator</a></li>
 
 
</ul>

<!--End Sidebar Nav-->

<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</div>

4/25/2011 3:22 pm | #7 Steve

Jason, good job...

that second container div around the line items fix it.

Thanks,

Steve

4/26/2011 1:43 pm | #8 Jason ByrnesWebAssist

Glad to hear it is working.

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now. Build a store, a gallery, or a web-based email solution.