When you embed a wave, only users with developer sandbox accounts and view the embedded waves. Normal users get a message stating that there is wave content on the page and only sandbox users can view it. This causes for a bad end user experience and would prevent developers from enhancing their sites with embedded waves before Google opens Wave for new sign-ups.
Google Wave
To avoid showing this message to normal users, you can hide the div containing the embedded wave and only show it after the wave is successully loaded. You can do this by setting visibility: hidden for the div containing the embedded wave.
<div id="waveframe" style="width: 500px; height: 800px; visibility:hidden;"></div>
Use a callback function when you initialize the wave panel and use the callback function to change the visibility of the div containg the embedded wave.
window.wavePanel.init(document.getElementById('waveframe'), initCallback);
function initCallback() {
document.getElementById("waveframe").style.visibility="visible";
}
This will improve the user experience by not showing the developer sandbox message to normal users.
Related posts:
