Доброго времени суток уважаемые форумчане. Делаю сайт, есть желание поставить кнопочки рядом с номерами icq и скайпа, нажатие по которым копировало бы данные номера в буфер обмена. Сам я любитель-самоучка, поэтому обращаюсь к вам. В "интернетах" нарыл вот такой код и упростил его немножко под свои нужды
|
Код:
|
<script type="text/javascript" src="ZeroClipboard.js"></script>
<style type="text/css">
<!--
li,
button {
margin: 10px;
}
#copyButton {
position: absolute;
display: block;
top: 200px;
left: 400px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
color: black;
font-size: 9px;
text-align: center;
border: 2px solid white;
background-color: #ccc;
padding: 0px;
cursor: pointer;
}
#copyButton:hover {
background-color: #eee;
}
#copyButton:active {
background-color: #aaa;
}
-->
</style>
</head>
<body>
<div id="copyButtonСontainer">
<button id="copyButton" title="Копировать
номер ICQ в буфер обмена">copy</button>
</div>
<script type="text/javascript">
var clip = new ZeroClipboard.Client();
clip.setText('мой номер icq');
clip.addEventListener( 'complete', function(client, text) {
alert("Номер ICQ скопирован!");
} );
clip.glue('copyButton','copyButtonСontainer');
</script> |
Для работы данной конструкции в корневой папке хранятся два файла: ZeroClipboard.js и ZeroClipboard.swf. В общем-то оно все и работает, но для одной кнопки...
Собственно вопрос: как добавить вторую кнопку в этом же документе и подключить к ней уже связанный с ней код? (Допустим нужно добавить кнопочку копирования логина skype). Извиняюсь за возможно глупый вопрос. Заранее благодарен.
