Анон, помоги плз!Есть контейнер, div, нужно в него средствами явасрипта или аспдотнета поместить n-e кол-во элементов. Т.е. элементарно хотя бы вывести в див числа от 0 до 10 при помощи какого либо цикла.Есть такая фича innerHTML, но эта вещь каждый раз помещая элемент в контейнер предварительно его (контейнер) очищает -___-, вот нужно что то подобное, только без очистки =)Собсно задача, поместить n-e кол-во элементов в контейнер. Элементы типа <a href="link1"> <a href="link2"> <a href="link3">. Т.е. ручками писать 1000 элементов... будет весьма утомительно. Какие будут предложения?
Анон, помоги плз!
Есть контейнер, div, нужно в него средствами явасрипта или аспдотнета поместить n-e кол-во элементов. Т.е. элементарно хотя бы вывести в див числа от 0 до 10 при помощи какого либо цикла.
Есть такая фича innerHTML, но эта вещь каждый раз помещая элемент в контейнер предварительно его (контейнер) очищает -___-, вот нужно что то подобное, только без очистки =)
Собсно задача, поместить n-e кол-во элементов в контейнер. Элементы типа <a href="link1"> <a href="link2"> <a href="link3">. Т.е. ручками писать 1000 элементов... будет весьма утомительно. Какие будут предложения?
пиши innerHTML += НОВЫЙ-ЭЛЕМЕНТ.будет не присваиваться, а добавляться.
Не слушай мудака >>1649. Дело именно в том, что будет перерисовываться с нуля и жутко тормозить.Используй DOM. var a = document.createElement('a'); a.href = ''; a.innerHTML = 'text'; containerdiv.appendChild(a);
>>1659так же медленнее будет
>>1674Двачую это, innerHTML традиционно быстрее.Пруфлинк: http://www.quirksmode.org/dom/innerhtml.html
Вы не понимаете. innerHTML конечно быстрее при одиночном использовании, на когда стоит вопрос - добавить один элемент (appendChild) или снести 500 и создать 501 (innerHTML+=), даже идиоту ясно, где быстрее. Рекомендую проверить лично, прежде чем отвечать на этот пост.
анон, спасибо за помощь!вот что получилось:<script language="javascript" type="text/javascript"><!--function hSize(){var divCon = document.getElementById('content');divCon.innerHTML = "<h1>Gallery</h1>";for ( i=1; i<13; i++){ divCon.innerHTML += "<a href='foto/"+i+".jpg' target='_blank' ><img src='foto/"+i+".jpg' /></a>";}divCon.innerHTML += "<p>* для увеличения изображения нажмите на него.</p>";} --></script>работает все отлично. в несколько строк получаем вполне сносную галерею.
анон, спасибо за помощь!вот что получилось:<script language="javascript" type="text/javascript"><!--function hSize(){
var divCon = document.getElementById('content');divCon.innerHTML = "<h1>Gallery</h1>";for ( i=1; i<13; i++){ divCon.innerHTML += "<a href='foto/"+i+".jpg' target='_blank' ><img src='foto/"+i+".jpg' /></a>";}divCon.innerHTML += "<p>* для увеличения изображения нажмите на него.</p>";
} --></script>
работает все отлично. в несколько строк получаем вполне сносную галерею.
Анон, тут возник еще такой вопрос.Я использую аспдотнет для изменения контента страницы, на примере:Страница родитель: <div id="content"> <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"> </asp:ContentPlaceHolder> </div>Ребенок:<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server"><script language="javascript" type="text/javascript"><!--function test(){…} --></script></asp:Content><asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server"></asp:Content>Вопрос собственно заключается в том, как вызвать функцию яваскрипта?Т.е. для ее вызова нужно, чтобы в Content2, был какой нибуть обработчик события, типа onload, onclick и т.д. Можно ли без обработчика события в данном случае вызвать функцию? И если нет то как и где более благоразумно будет разместить обработчик событий? Ps может быть как то так?<script language="javascript" type="text/javascript"><!—test()function test(){…} --></script>
Анон, тут возник еще такой вопрос.Я использую аспдотнет для изменения контента страницы, на примере:Страница родитель:
<div id="content"> <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder> </div>
Ребенок:<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server"><script language="javascript" type="text/javascript"><!--function test(){…} --></script></asp:Content><asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
</asp:Content>
Вопрос собственно заключается в том, как вызвать функцию яваскрипта?Т.е. для ее вызова нужно, чтобы в Content2, был какой нибуть обработчик события, типа onload, onclick и т.д. Можно ли без обработчика события в данном случае вызвать функцию? И если нет то как и где более благоразумно будет разместить обработчик событий? Ps может быть как то так?<script language="javascript" type="text/javascript"><!—test()function test(){…} --></script>
ttp://innerhtml.ru/Для общего ознакомления по поводу innerHTML, рекомендую.
>>1659А как в данном случае стили использовать для созданного элемента?Т.е.var divCon = document.createElement('div');divCon.innerHTML = 'test';content.appendChild(divCon);И как теперь определить стиль div'a? Если мне, к примеру, нежун не стандартный, а какой нибудь особый стиль именно для данного контейнера?
>>1659А как в данном случае стили использовать для созданного элемента?Т.е.var divCon = document.createElement('div');
divCon.innerHTML = 'test';content.appendChild(divCon);
И как теперь определить стиль div'a? Если мне, к примеру, нежун не стандартный, а какой нибудь особый стиль именно для данного контейнера?
>>1689.id.className.setAttribute("style"Епта, почитай ты туториал какой-нибудь по хтмл.
>>1690а мне вот интересно какой же класс или айди будет у этого контейнера? Ведь мы создаем только элемент, как назначить ему айди или класс в данном случае?
>>1675А вас не смущает тот факт, что при выведении следующего элемента, предыдущий элемент innerHTML перегружает и пользователю будет казаться, что он как бы мигает? Думаете будет приятно людям смотреть как "мигают" сотни выведенных при помощи innerHTML элементов?
>>1693друг, только дебил будет присваивать элементу атрибут innerHTML 1000 раз в цикле. разумеется, это надо делать один раз, и так действительно будет быстрее раза в два.
>>1701Т.е. для вывода 10 и более элементов, предпочтительно использовать DOM?
- wakaba 3.0.8 + futaba + futallaby -