Я новичок и полный чайник в JS.
Попытался сделать партнерскую страничку, на которой партнер введя свой код может скопировать ссылки рекламных банеров с уже вставленным "своим кодом".
Для этого воспользовался getElementById, но так как ID для этого метода ID должен быть уникальным, то получается довольно большой код. Хотя тег "href" везде одинаковый. Как упростить скрипт?
Вот что я смог))):
<script type="text/javascript">
function changeText2(){
var userZP = document.getElementById('userZP').value;
document.getElementById('p1').innerHTML = userZP;
document.getElementById('p2').innerHTML = userZP;
document.getElementById('p3').innerHTML = userZP;
document.getElementById('p4').innerHTML = userZP;
document.getElementById('p5').innerHTML = userZP;
document.getElementById('p6').innerHTML = userZP;
document.getElementById('p7').innerHTML = userZP;
document.getElementById('p8').innerHTML = userZP;
}
</script>
<DIV> </DIV>
<input type='text' id='userZP' value='ZP' size='10' maxlength='10' /><input type='button' onclick='changeText2()' value='Получить код'/>
<DIV> </DIV>
<DIV> </DIV>
<DIV>Скопируйте код банера 1: <a href=<b>https://z-payment.com/click.php?ZP_AGENT=</b><font color="#cc0000"><b id='p1'>ZPХХХХХХХХ</b></font><b>&ID_SHOP=14946</b>><IMG alt="" height=100 src="http://www.site.ru/baner/01.jpg" width=100></a> </DIV>
<DIV> </DIV>
<DIV>Скопируйте код банера 2: <a href=<b>https://z-payment.com/click.php?ZP_AGENT=</b><font color="#cc0000"><b id='p2'>ZPХХХХХХХХ</b></font><b>&ID_SHOP=14946</b>><IMG alt="" height=100 src="http://www.site.ru/baner/02.jpg" width=200></a> </DIV>
<DIV> </DIV>
<DIV>Скопируйте код банера 3: <a href=<b>https://z-payment.com/click.php?ZP_AGENT=</b><font color="#cc0000"><b id='p3'>ZPХХХХХХХХ</b></font><b>&ID_SHOP=14946</b>><IMG alt="" height=200 src="http://www.site.ru/baner/03.jpg" width=100></a> </DIV>
<DIV> </DIV>
<DIV>Скопируйте код банера 4: <a href=<b>https://z-payment.com/click.php?ZP_AGENT=</b><font color="#cc0000"><b id='p4'>ZPХХХХХХХХ</b></font><b>&ID_SHOP=14946</b>><IMG alt="" height=200 src="http://www.site.ru/baner/04.jpg" width=200></a> </DIV>
<DIV> </DIV>
<DIV>Скопируйте код банера 5: <a href=<b>https://z-payment.com/click.php?ZP_AGENT=</b><font color="#cc0000"><b id='p5'>ZPХХХХХХХХ</b></font><b>&ID_SHOP=14946</b>><IMG alt="" height=300 src="http://www.site.ru/baner/05.jpg" width=100></a> </DIV>
<DIV> </DIV>
<DIV>Скопируйте код банера 6: <a href=<b>https://z-payment.com/click.php?ZP_AGENT=</b><font color="#cc0000"><b id='p6'>ZPХХХХХХХХ</b></font><b>&ID_SHOP=14946</b>><IMG alt="" height=300 src="http://www.site.ru/baner/06.jpg" width=100></a> </DIV>
<DIV> </DIV>
<DIV>Скопируйте код банера 7: <a href=<b>https://z-payment.com/click.php?ZP_AGENT=</b><font color="#cc0000"><b id='p7'>ZPХХХХХХХХ</b></font><b>&ID_SHOP=14946</b>><IMG alt="" height=400 src="http://www.site.ru/baner/07.jpg" width=200></a> </DIV>
<DIV> </DIV>
<DIV>Скопируйте код банера 8: <a href=<b>https://z-payment.com/click.php?ZP_AGENT=</b><font color="#cc0000"><b id='p8'>ZPХХХХХХХХ</b></font><b>&ID_SHOP=14946</b>><IMG alt="" height=400 src="http://www.site.ru/baner/08.jpg" width=200></a> </DIV>
<DIV> </DIV>