Just Getting Started - Need Some Help
I would like to create a site that reuses the WA Social extension on some, not all pages, so I thought using Framework Builder would be a good option.
I have created a page called social.php, which resides in a folder called plug-ins.
What I'm not quite sure about is whether I need to include all the HTML code, ie. the Head tags etc. The code at the moment is
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "xhtml1-transitional.dtd">
<html xmlns="xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="../webassist/social/wasocial.css"/>
<script type="text/javascript" src="../webassist/social/wasocial.js"></script>
</head>
<body>
<div class="wasocial">
<div class="icons"> <a name="fb_share" type="icon" href="sharer.ph?u=<?php echo urlencode('http://localhost/vcb/plug-ins/social.php'); ?>" title="Facebook"></a>
<script src="FB.Share" type="text/javascript"></script>
</div>
<div class="icons">
<div id="custom-tweet-button"> <a href="share?url=<?php echo urlencode('http://localhost/vcb/plug-ins/social.php'); ?>" target="_blank" title="Tweet"></a> </div>
</div>
<div class="icons">
<script type="text/javascript">
(function() {
var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();
</script>
<!-- Icon Button -->
<a class="DiggThisButton DiggIcon" href="submit?url=<?php echo urlencode('http://localhost/vcb/plug-ins/social.php'); ?>"></a> </div>
<div class="icons"> <a href="#" onclick="window.open('http://reddit.com/submit?url=<?php echo urlencode('http://localhost/vcb/plug-ins/social.php'); ?>')"> <img src="../webassist/social/icons/reddit.png" alt="submit to reddit" border="0" title="Reddit" /></a> </div>
<div class="icons">
<script src="hostedbadge.php?s=4&r=<?php echo urlencode('http://localhost/vcb/plug-ins/social.php'); ?>"></script>
</div>
<div class="icons"> <a title="Post to Google Buzz" class="google-buzz-button" href="post?url=<?php echo urlencode('http://localhost/vcb/plug-ins/social.php'); ?>" data-admin-site="true" data-button-style="normal-button"></a>
<script type="text/javascript" src="script>
</div>
<div class="icons"> <a href="save" onclick="window.open('http://www.delicious.com/save?v=5&noui&jump=close&url='+('<?php echo urlencode('http://localhost/vcb/plug-ins/social.php'); ?>')+'&title='+encodeURIComponent(document.title), 'delicious','toolbar=no,width=550,height=550'); return false;"> <img src="../webassist/social/icons/delicious.png" alt="Delicious" id="delicious" title="Delicious" /></a> </div>
<div class="icons"> <a href="mailto:?subject=Subject&body=Checkout this link: <?php echo urlencode('http://localhost/vcb/plug-ins/social.php'); ?>."><img src="../webassist/social/icons/mail.png" title="Mail" /></a> </div>
<div class="icons"> <a href="#"><img src="../webassist/social/icons/print.png" onclick="window.print()" title="Print" /></a> </div>
<div class="icons"> <a href="#"><img src="../webassist/social/icons/favorites.png" onclick="addBookmark(document.title, '<?php echo urlencode('http://localhost/vcb/plug-ins/social.php'); ?>')" title="Bookmarks" /></a> </div>
</div>
</body>
</html>
Do I strip out everthing except what's within the Body tags? But I know I will need the links -
<link rel="stylesheet" type="text/css" href="../webassist/social/wasocial.css"/>
<script type="text/javascript" src="../webassist/social/wasocial.js"></script>