Вход

Просмотр полной версии : как обратиться к документу с родительским блоком с помощью метода document?


wertmax
24.11.2012, 22:50
есть 2 кнопки: вперед и назад. они соответственно должны менять родительский блок с текстом и картинкой. всего 4 блока. вот скрипт:


var i = 1;
function nextBlockService() {
if (i != 4) {
i++;
var name = ('scripts/block_' + i + '.html');
document.qwerty.src = [name];
}
else {
i = 1;
var name = ('scripts/block_' + i + '.html');
document.qwerty.src = [name];
}
}
function prevBlockService() {
if (i != 1) {
i--;
var name = ('scripts/block_' + i + '.html');
document.qwerty.src = [name];
}
else {
i = 4;
var name = ('scripts/block_' + i + '.html');
document.qwerty.src = [name];
}
}

вот код html:

<div class="service" name="qwerty">
<div class="imgservice">
<img name="ser" src="images/service/main/img_1.jpg" style="border-radius: 7px">
</div>
<div class="but_title">
<div class="but3">
<input type="button" value="&#60&#60" onClick="prevBlockService()">
</div>
<div class="title_service">
Детский праздник
</div>
<div class="but4">
<input type="button" value="&#62&#62" onClick="nextBlockService()">
</div>
</div>
<div class="txt_service">
Организация детских праздников с привлечением аниматоров.<br>
Детский праздник - всегда необычный праздник, на нё можно быть сказочным, с долей фантазии.

Пираты - в поисках сокровищ! Один из самых популярных детских спектаклей, ведь кто из нас не

мечтал отправиться на необитаемый остров и найти там настоящий сундук с сокровищами.
</div>
</div>

что-то не работает, а скорее всего - все:) я не знаю как правильно обратиться к родительскому блоку, вряд ли я правильно это сделал атрибутом "name" и в чем нужно писать остальные блоки - .html или .txt или еще где?
сильно не ругайтесь, я только в начале бесконечного пути познания этого великого языка скриптов:)

P.S. если такая тема была - простите. я искал, честно искал. иначе бы не зарегистрировался:)

Hoshinokoe
25.11.2012, 01:11
wertmax,

На сайте есть отличный учебник по javascript (http://learn.javascript.ru). Прочитайте для начала основы, ибо знаний ноль :)

То что вам необходимо - Поиск элемента по id (http://javascript.ru/tutorial/dom/search)