Я использую кнопки http://sharethis.com/, чтобы предоставить пользователям веб-сайта простой способ обмена контентом.
У них есть информация о «настраиваемых кнопках» здесь: http://help.sharethis.com/customization/custom-buttons
Это похоже на указание URL, в примере все они имеют свой просто html, как это:
<span class="st_sharethis" st_url="http://mycustomurl.com" st_title="Sharing Rocks!"
displayText="ShareThis"></span>
Но мне нужно иметь возможность динамически создавать кнопки на лету без перезагрузки страницы.
Итак, во флэш-приложении, которое я создаю, у меня есть «кнопка общего доступа», которая запускает функцию javascript на веб-странице, которая заставляет «всплывающий» элемент div исчезать в центре экрана, на котором я хочу отображать кнопки общего доступа. В зависимости от того, какую кнопку общего доступа кто-то нажимает, у нее должен быть динамически созданный URL-адрес.
Важно, если они закроют диалоговое окно, а затем снова нажмут кнопку «Поделиться», я надеюсь, что код просто перезапишет старый код новыми кнопками с новыми URL-адресами/заголовками.
Итак, я создал эту функцию javascript, которую я вызываю из флэш-памяти, передавая URL-адрес из флэш-памяти. Я поместил скрипт и все остальное в свой «всплывающий» div, надеясь, что кнопки будут отображаться внутри этого div.
function shareChannel(theurl)
{
//I cant seem to find an example of what to put here to load the buttons, and give them a custom URL and title
//finally display the popup after the buttons are made and setup.
displaypopup();
}
может ли кто-нибудь опубликовать пример того, как я мог бы сделать это без перезагрузки страницы?
РЕДАКТИРОВАТЬ: @Cubed
<script type="text/javascript">
function shareChannel(chaan)
{
document.getElementById('spID1').setAttribute('st_url', 'http://mycustomurl?chan='+chaan);
document.getElementById('spID1').setAttribute('st_title', 'Custom Title is ['+chann+'] it works!');
stButtons.locateElements();
centerPopupThree();
loadPopupThree();
}
</script>
В основном ничего не происходит. Я ненавижу использовать javascript, потому что я действительно понятия не имею, как получать сообщения об ошибках или отлаживать. Когда я работаю с flex, у меня есть отличный отладчик/консоль, с которым можно возиться. Итак, извините, у меня возникли проблемы с предоставлением дополнительной информации. Я заметил, когда я удалил только
document.getElementById('spID1').setAttribute('st_url', 'http://mycustomurl?chan='+chaan);
document.getElementById('spID1').setAttribute('st_title', 'Custom Title is ['+chann+'] it works!');
Появится всплывающее окно.
Но если у меня есть приведенный выше код setAttribute внутри функции, всплывающее окно никогда не появляется, поэтому я предполагаю, что что-то в этом коде нарушает его. Какие-либо предложения? Или, по крайней мере, как я мог бы использовать хром, чтобы сказать мне, в чем ошибка? Я попробовал консоль проверки элемента, но там ничего не появилось, когда я активировал функцию.
Кроме того, в верхней части моего кода они заставили меня использовать:
<script type="text/javascript">var switchTo5x=true;</script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js">
</script><script type="text/javascript">stLight.options({publisher:'mypubidgoeshere'});</script>
Должен ли я использовать stLight.locateElements();
, а не stButtons.locateElements();