Полезная информация

Пользователи не любят читать документацию. Станьте оригинальным, будьте не как все. Ознакомьтесь с нашей базой знаний.

Проблемы с сайтами » слонирование блоков через javascript не работает » 14-11-2009 15:56:05

Спасибо.
С document.all - понятно.
Почитал доку и в конце концов остановился на jquery.
Вот итоговое, совершенно кроссбраузерное решение:

[code]<script type="text/javascript" src="/js/jquery-1.3.2.min.js"></script>

<script type="text/javascript">
$(document).ready(function(){
        $(".add").click(function(){
                if(curnum!=12){
                        curnum++;
                        $("#d" + curnum).show("slow");
                        return false;
                };
        });
        $(".del").click(function(){
                if(curnum!=1){
                        $("#d" + curnum).hide("slow");
                        curnum--;
                        return false;
                };
        });
});
var curnum=1;
</script>

</head>

<body>
<div id="d1" style='display:block;'>AAAAAAAAA</div>
<div id="d2" style='display:none;'>AAAAAAAAA</div>
<div id="d3" style='display:none;'>AAAAAAAAA</div>
<div id="d4" style='display:none;'>AAAAAAAAA</div>
<div id="d5" style='

Проблемы с сайтами » слонирование блоков через javascript не работает » 12-11-2009 05:42:41

Простенький java-script который по нажатию на кнопку "+" клонирует блок, а по нажатию на кнопку "-"  удаляет.
Проблема в том что этот скрипт работает на любом браузере кроме Firefox.

Вот сам скрипт:

[code]<script type="text/javascript">
function addRow(){
        if(curnum!=12){
                curnum++;
                document.all["d"+curnum].style.display="block";
        }
}
function hideRow(){
        if(curnum!=1){
                document.all["d"+curnum].style.display="none";
                curnum--;
        }
}
var curnum = 1;
</script>

<div>
<form action="http://test.amb.kiev.ua/test.php" method="post">

<div id='d2' style='display:none;'>AAAAAAAAA</div>
<div id='d3' style='display:none;'>AAAAAAAAA</div>
<div id='d4' style='display:none;'>AAAAAAAAA</div>
<div id='d5' style='display:none;'>AAAAAAAAA</div>
<div id='d6' style='display:none;'>AAAAAAAAA</div>
<div id='d7' style='display:none;'>AAAAAAAAA</div>
<div id='d8' style='display:none;'>AAAAAAAAA</div>
<div id='d9

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2020 Mozilla Russia GitHub mark
Язык отображения форума: [Русский] [English]