Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

menu 'hides' behind youtube video

Thread began 4/21/2012 3:50 am by info97301 | Last modified 6/15/2012 5:02 pm by Sweens | 1192 views | 18 replies |

info97301

menu 'hides' behind youtube video

Hi

If I view homepage121b.php?DistrictNo=1180 with Firefox, everything's fine.

However, if I view it with either IE or Chrome, the 2nd and 3rd tiers of the menu are behind the video on that page.

Is there a quick fix?

Thanks

Sign in to reply to this post

Jason ByrnesWebAssist

add wmode=transparent to the you tube embed url.

change:

<embed height="390" src="http://www.youtube.com/v/Ubqc7_MnBeE?version=3&autoplay=0" type="application/x-shockwave-flash" width="610">




to:

<embed height="390" src="http://www.youtube.com/v/Ubqc7_MnBeE?version=3&autoplay=0&wmode=transparent" type="application/x-shockwave-flash" width="610">
Sign in to reply to this post

info97301

Brilliant!

many thanks

Chris

Sign in to reply to this post

info97301

Hi Jason

I wonder if this is something similar:

I have a test page: homepage121b.php?ClubID=1103

I'm trying to modify it so that the tab content is only called when the tab is clicked.

homepage121c.php?ClubID=1103

If you click tab3 on the second page, you can see that the Google Map isn't displayed - but if you click the 'map' graphic, it is displayed on that page.

The contents of the two is the same - but the map is not displayed for some reason in the tabbed panel.

Is there a similar setting (to the one you've given me) I need to change somewhere to get it to show?

Many thanks

Chris

Sign in to reply to this post

Jason ByrnesWebAssist

see this thread for details on fixing this issue:
showthread.php?t=13541

Sign in to reply to this post

info97301

Thanks Jason - but unfortunately the code is now quite different (perhaps things changed with new versions)

The only .js file in the google_javascript folder is wagmp_maps.js which contains only the following code:

window.onunload = function() {
GUnload();
}

/*wagmp_onload*/
if(window.wagmp_map_3) wagmp_map_3();
-------------

I have attached my wagmp_map_3.php file - but that doesn't contain any code similar to the example on the other post.

Cheers
Chris

Attached Files
wagmp_map_3.php.txt
Sign in to reply to this post

Sweens

Hi jason

Not aure whether to add the post to the other thread or not - don't want to cross-post!

However, it is not working.

Cheers
Chris

Sign in to reply to this post

Jason ByrnesWebAssist

with the V3 api, it's a little different.


you need to add an onclick event to the tabbed panel tab to reload the map:

for example:

<li class="TabbedPanelsTab" tabindex="0" onclick="setTimeout('google.maps.event.trigger(wagmp_map_3_obj.obj, \'resize\') ',100);">Tab 2</li>
Sign in to reply to this post

Sweens

Thanks Jason

The tab loads the map and other data from a different page.

I've tried combining the two onclick events into one:

<li class="TabbedPanelsTab" onclick="tab3.loadContent('tab-map2.php?ClubID=<?php echo $_GET['ClubID']; ?>');setTimeout('google.maps.event.trigger(wagmp_map_3_obj.obj, \'resize\') ',100);return false;">meeting information</li>

but this doesn't work (I've tried several variants, but same result.

Wondering if I needed to put it on the tab-map2 page, I tried

<body onload="setTimeout('google.maps.event.trigger(wagmp_map_3_obj.obj, \'resize\') ',100);"

But this doesn't work either!
Any other ideas?

Many thanks

Chris

Sign in to reply to this post

Jason ByrnesWebAssist

send a link please where i can see the problem

Sign in to reply to this post
loading

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.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...