Модератор: [mweb team]
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>HTML-код кнопки</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body background="img/button.gif" text="Navy">
<font face="Arial" size="-1" color="Navy"> Если Вам понравился наш ресурс, или Вам близка и интересна наша тематика, Вы можете поставить ссылку на нас. Для этого скопируйте нижеследующий HTML-код и вставьте его на Вашей странице. </font>
<form action="">
<p>HTML код:<br>
<textarea name="описание" cols="60" rows="4" >
<a href="http://www.colormusic.ru"><img src="http://www.colormusic.ru/img/banner.gif" width="88" height="31" border="0" alt="COLORMUSIC.RU - Цветомузыкальные приставки на любой вкус!" title="COLORMUSIC.RU - Цветомузыкальные приставки на любой вкус!"></a>
</textarea>
<br>
<input type="reset" value="Обновить код">
</p>
</form>
<font face="Arial" size="-1" color="Navy"> Выглядеть это будет так: </font>
<a href="http://www.colormusic.ru"><img src="http://www.colormusic.ru/img/banner.gif" width="88" height="31" border="0" alt="COLORMUSIC.RU - Цветомузыкальные приставки на любой вкус!" title="COLORMUSIC.RU - Цветомузыкальные приставки на любой вкус!"></a>
</body>
</html>
Владимир писал(а):Я где-то слышал, что можно просто запретить редактирование окна (а на фиг оно нужно?), тогда эту кнопку можно удалить. А вместо нее поставить две действительно полезных кнопки - "Выделить все" и "Скопировать в буфер" - я такие кнопки видел на разных сайтах.
readonly="readonly"
javascript:document.getElementById(ID поля).focus();document.getElementById(ID поля).select();
<input type="button" onclick="
if (document.body.createTextRange) {
var BodyRange = document.body.createTextRange(); BodyRange.moveToElementText(document.getElementById(ID поля));
BodyRange.execCommand('Copy');
alert('Код скопирован в буфер обмена.');
} else {
alert('Ваш браузер не поддерживает операции с буфером обмена.');
}
return false;
" value="скопировать код в буфер обмена">
<textarea id="idpolya">Какой то текст</textaria>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>HTML-код кнопки</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
<!--
body{
padding: 50px 0px 0px 0px;
margin: 0px 0px 0px 0px;
color: #000;
background-color: #fff;
font-family: Georgia, Verdana, Helvetica, Arial;
font-size: 12px;
background-image: url('img/button.gif');
}
table{
border: none;
width: 100%;
}
td{
text-align: center;
}
textarea{
overflow: auto;
background-color: #fff;
color: #000;
}
#content{
width: 100%;
text-align: center;
}
.subheader{
color: #000099;
background-color: transparent;
font-weight: bold;
width: 70%;
}
.tiny{
font-size: 11px;
}
-->
</style>
<script language="JavaScript" type="text/javascript">
<!--
function detect(){
if(navigator.userAgent.indexOf("MSIE") != -1){
document.getElementById("buttons").innerHTML = "<input type=\"button\" value=\"скопировать код\" onclick=\"copyCode()\" style=\"cursor:pointer\">";
}
else{return;}
}
function copyCode(){
if(document.body.createTextRange){
var BodyRange = document.body.createTextRange();
BodyRange.moveToElementText(document.getElementById("description"));
BodyRange.execCommand('Copy');
alert('Код скопирован в буфер обмена.');
}
else {alert('Ваш браузер не поддерживает операции с буфером обмена.');}
return false;
}
//-->
</script>
</head>
<body onload="detect()">
<div id="content">
<span class="subheader"> Если Вам понравился наш ресурс, или Вам близка и интересна наша тематика, Вы можете поставить ссылку на нас.<br>Для этого скопируйте нижеследующий HTML-код и вставьте его на Вашей странице.</span>
<form action="">
<table cellpadding="10" cellspacing="5">
<tbody>
<tr>
<td><br><br>HTML код:</td>
</tr>
<tr>
<td>
<textarea name="description" id="description" cols="60" rows="5" readonly="readonly"><a href="http://www.colormusic.ru"><img src="http://www.colormusic.ru/img/banner.gif" width="88" height="31" border="0" alt="COLORMUSIC.RU - Цветомузыкальные приставки на любой вкус!" title="COLORMUSIC.RU - Цветомузыкальные приставки на любой вкус!"></a></textarea>
</td>
</tr>
<tr><td id="buttons"> </td></tr>
<tr>
<td>
<br><br><br><br>
<a href="http://www.colormusic.ru"><img src="http://www.colormusic.ru/img/banner.gif" width="88" height="31" border="0" alt="COLORMUSIC.RU - Цветомузыкальные приставки на любой вкус!" title="COLORMUSIC.RU - Цветомузыкальные приставки на любой вкус!"></a>
<br><br>
<span class="subheader tiny">выглядеть это будет так</span>
</td>
</tr>
</tbody>
</table>
</form>
</div>
</body>
</html>
else {alert('Ваш браузер не поддерживает операции с буфером обмена.');}
<a href="mailto:sale@colormusic.ru?subject=Заказ цветомузыки">e-mail</a>
<meta content="text/html; charset=Windows-1251" http-equiv="content-type">
<a href="MailTo:sale@colormusic.ru?subject=%C7%E0%EA%E0%E7%20%F6%E2%E5%F2%EE%EC%F3%E7%FB%EA%E8">e-mail </a>
<tr>
<td class="notop" align="center"><!-- Informer www.calend.ru -->
<a href=http://www.calend.ru target=_blank><img src=http://www.calend.ru/img/export/informer.png width=189 alt="Праздники сегодня" border=0></a>
<!-- // Informer www.calend.ru --></td>
<td class="notop" style="height:100%"><table bgcolor="#FAFAFA" width="100%" height="100%" border="3px ridge #FFF3A9" cellspacing="0" cellpadding="0">
<tr>
<td align="center"><small><b>Наша кнопка:</b></small><br>
<br>
<a href="http://www.colormusic.ru"><img src="img/banner.gif" width=88 height=31 border=0 alt="COLORMUSIC.RU - Цветомузыкальные приставки на любой вкус!" title="COLORMUSIC.RU - Цветомузыкальные приставки на любой вкус!"></a><br>
<br>
<a href="#" onClick="window.open('index_button.html','','resizable=no,menubar=no,scrollbars=yes,width=550,height=300,left=50,top=50');"><small>Получить код:</small></a></td>
</tr>
</table>
</td>
</tr>
TD.notop {padding: 10px; padding-top: 0px}
...
<BODY onload="eq_h()">
...
<!--TESTLINE-->
<TR>
<TD class=notop align=middle><!-- Informer www.calend.ru --><A
href="http://www.calend.ru/" target=_blank><IMG alt="Праздники сегодня"
src="ColorMusic_files/informer.png" width=189 border=0></A> <!-- // Informer www.calend.ru --></TD>
<TD class=notop style="HEIGHT: 100%">
<TABLE id="ourButton" height="100%" cellSpacing=0 cellPadding=0 width="100%"
bgColor=#fafafa border=3>
<TBODY>
<TR>
<TD align=middle><SMALL><B>Наша кнопка:</B></SMALL><BR><BR><A
href="http://www.colormusic.ru/"><IMG
title="COLORMUSIC.RU - Цветомузыкальные приставки на любой вкус!"
height=31
alt="COLORMUSIC.RU - Цветомузыкальные приставки на любой вкус!"
src="ColorMusic_files/banner.gif" width=88 border=0></A><BR><BR><A
onclick="window.open('index_button.html','','resizable=no,menubar=no,scrollbars=yes,width=550,height=300,left=50,top=50');"
href="http://www.colormusic.ru/#"><SMALL>Получить
код:</SMALL></A></TD></TR></TBODY></TABLE>
<script language="JavaScript" type="text/javascript">
<!--
function eq_h(){
var tab = document.getElementById("ourButton");
var informer = tab.parentNode.parentNode.cells[0].childNodes[1].childNodes[0];
tab.style.height = (informer.offsetHeight - 2) + "px";
alert("высота таблицы " + tab.offsetHeight + "px, высота информера " + informer.offsetHeight + "px");
}
//-->
</script>
</TD>
</TR>
<!--TESTLINE-->
...
<!-- alert("высота таблицы " + tab.offsetHeight + "px, высота информера " + informer.offsetHeight + "px"); -->
Владимир писал(а):...Еще полсотни просмотров моего поста и количество будет выражаться пятизначным числом...
<script language="JavaScript" type="text/javascript">
<!--
function eq_h(){
var tab = document.getElementById("ourButton");
for(var i = 0; i < document.images.length; i++){
if(document.images[i].src.indexOf("www.calend.ru/img/export/informer.png")!= -1){
var informer = document.images[i];
}
else{continue;}
}
tab.style.height = (informer.offsetHeight - 2) + "px";
}
//-->
</script>
Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 29