加载我的网站的自定义社交按钮,如Gplus或FB

时间:2014-04-15 15:17:02

标签: javascript php html iframe

我正在尝试为我的网站创建一个自定义社交按钮,我希望用户使用下面的代码将其包含在他们的网站上。以前我使用的iframe有效,但它的设计问题可能会影响其放置的网站。

上一页button.php:

<iframe frameborder="0" hspace="0" marginheight="0" marginwidth="0" scrolling="no" style="position: static; top: 0px; width: 50px; margin: 0px; border-style: none; left: 0px; visibility: visible; height: 60px;" tabindex="0" vspace="0" width="100%" id="I4_1397562331199" name="I4_1397562331199" src="site.com/show.php" title="Button"></iframe>

我使用button.php加载的iframe,但我用来加载iframe的{​​{1}}需要添加很多内容来保存iframe以保持宽度我更愿意为用户提供一系列简单的代码。

现在我想使用:

button.php

我可以在php文件<script src="http://mysitehere.com/button.php?sid=6587652341GFDSY"></script> 内使用哪些代码来基本加载包含按钮css和图像的button.php?对于show.php,我需要能够将show.php附加到其中。

1 个答案:

答案 0 :(得分:0)

我想要做的基本上是用下面的简单线加载按钮。 <script type="text/javascript" src="http://mesitehere.com/button.php?sid=6587652341GFDSY"></script>

加载它而不是使用iframe是一个更好的选择,因为它比使用自定义样式元素的iframe更轻。

要完成我想要的,我只需将button.php的内容放在documentwrite中,如下所示。 button.php中的代码具有iframe,具有适当的样式,基本上只是打印 <?php echo ' document.write(\'<iframe frameborder="0" hspace="0" marginheight="0" marginwidth="0" scrolling="no" style="position: static; top: 0px; width: 50px; margin: 0px; border-style: none; left: 0px; visibility: visible; height: 60px;" tabindex="0" vspace="0" width="100%" id="I4_1397562331199" name="I4_1397562331199" src="http://mysitehere.com/show.php" title="Button"></iframe>\'); '; ?>