Javascript 如何在CSS弹出窗口中显示Google预览按钮？

如果不可能，请告诉我：

我需要在弹出窗口中显示GoogleBooks按钮（这里的文档：）。所以，我想要的是一个弹出窗口，为用户保留google按钮，以便他们可以单击它并获得google的嵌入式查看器弹出窗口

我使用了几个CSS类来实现我的弹出窗口：

.item-notes {cursor:pointer;}
.item-notes .notes-details {position:absolute; display:none;}     

目前，我实现了如下这些类：

<div class="link"><a href="#"><img src="images/icon_read.jpg" alt="" /></a> <a href="#">Sample</a></div>
<div class="link item-notes">
<div class="notes-details"><h3>Notes</h3><p>Lorem Ipsum</p></div><a href="#"><img src="images/icon_notes.jpg" alt="" /></a> <a href="#">Notes</a></div>

注Lorem Ipsum

我的问题是，我希望“示例”部分也是一个弹出窗口，其中包含指向谷歌图书预览的链接（以及其他一些内容，但出于问题的考虑

因此，我在“示例”部分尝试以下内容：

GBS_insertPreviewButtonPopup（['ISBN:9780596527068']）；

---

但是这个脚本并没有被放在弹出窗口中，而是链接到另一个包含谷歌预览按钮的页面。

不幸的是，这是不可能的。我甚至向整个web开发团队提出了这个问题，他们证实了这一点。你不知道css弹出窗口中的javascript按钮是如何工作的。两个按钮中的一个总是会断开。

接近答案。我将在几周内回答这个问题。

<div class="link item-notes">
<div class="notes-details">
<script type="text/javascript" src="http://books.google.com/books/previewlib.js"></script>
<script type="text/javascript"> GBS_insertPreviewButtonPopup(['ISBN:9780596527068']);</script></div>
<a href="#"><img src="images/icon_read.jpg" alt="" /></a> <a href="#">Sample</a></div>