Созданный в социальных сетях


Я новичок с JavaScript, и писал что-то для получения некоторых социальных сетях ссылки на моей странице. Идея состояла в том, что скрипт взять необходимую URL-адрес информацию, и кормить его с API социальных медиа.

<script type="text/javascript">

    // print links
    titleElement = urlencode(document.title);
    linkElement = urlencode(location.href);

    document.write ("<a href='http://facebook.com/sharer.php?u=" + linkElement + "&t=" + titleElement + "' target='_blank'><img src='socialMedia/social_facebook.png' border='0' class='png tip' title='Facebook :: Post on your wall!' alt='Facebook' /></a>");

    document.write ("<a href='http://stumbleupon.com/submit?url=" + location.href + "&title=" + titleElement + "' target='_blank'><img src='socialMedia/social_stumbleupon.png' border='0' class='png tip' title='Stumbleupon :: Share this page!' alt='Stumbleupon' /></a>");

    document.write ("<a href='http://twitter.com/?status=" + titleElement + "%20-%20" + linkElement + "' target='_blank'><img src='socialMedia/social_twitter.png' border='0' class='png tip' title='Twitter :: Tweet this page!' alt='Twitter' /></a>");

    document.write ("<a href='http://digg.com/submit?phase=2&url=" + linkElement + "' target='_blank'><img src='socialMedia/social_digg.png' border='0' class='png tip' title='Digg :: Digg this page!' alt='Digg' /></a>");

    document.write ("<a href='http://del.icio.us/post?url=" + linkElement + "&title=" + titleElement + "' target='_blank'><img src='socialMedia/social_delicious.png' border='0' class='png tip' title='Del.icio.us :: Bookmark this page!' alt='Del.icio.us' /></a>");

</script>


940
3
задан 14 сентября 2011 в 08:09 Источник Поделиться
Комментарии
1 ответ

Я полагаю, что более правильный и улучшенный способ это поместить код JavaScript во внешний файл

<script type="text/javascript" src="path/to/script"></script>

не откладывая встроенные в HTML. В тот же HTML имеют промежуток теге с ID

<span id="social-links"></span>

Затем в сам скрипт

var tags = "",
titleLink = urlencode(document.title);,
linkElement = urlencode(location.href);

titleElement = urlencode(document.title);
linkElement = urlencode(location.href);

// String optimisation, which is really good for IE
tags = tags + "<a href='http://facebook.com/sharer.php?u=" + linkElement + "&t=" + titleElement + "' target='_blank'><img src='socialMedia/social_facebook.png' border='0' class='png tip' title='Facebook :: Post on your wall!' alt='Facebook' /></a>";
tags = tags + "<a href='http://stumbleupon.com/submit?url=" + location.href + "&title=" + titleElement + "' target='_blank'><img src='socialMedia/social_stumbleupon.png' border='0' class='png tip' title='Stumbleupon :: Share this page!' alt='Stumbleupon' /></a>";
tags = tags + "<a href='http://twitter.com/?status=" + titleElement + "%20-%20" + linkElement + "' target='_blank'><img src='socialMedia/social_twitter.png' border='0' class='png tip' title='Twitter :: Tweet this page!' alt='Twitter' /></a>";
tags = tags + "<a href='http://digg.com/submit?phase=2&url=" + linkElement + "' target='_blank'><img src='socialMedia/social_digg.png' border='0' class='png tip' title='Digg :: Digg this page!' alt='Digg' /></a>";
tags = tags + "<a href='http://del.icio.us/post?url=" + linkElement + "&title=" + titleElement + "' target='_blank'><img src='socialMedia/social_delicious.png' border='0' class='png tip' title='Del.icio.us :: Bookmark this page!' alt='Del.icio.us' /></a>";

document.getElementById('social-links').innerHTML = tags;

1
ответ дан 15 сентября 2011 в 11:09 Источник Поделиться