Фрейм

KK
На сайте с 25.07.2006
Offline
138
520

Нужно сделать на сайте страницу по систематике насекомых. Идея вот в чем - таблица, состоящая из двух столбцов и определенного количества строк. В левом столбце перечислены "названия параметров" - т.е. вид, произношение, численность, фото и т.п. Сверху над таблицей выпадающий список, в котором перечислены насекомые - выбираешь нужного, нажимаешь кнопочку и в таблицу в правый столбец подгружаются через фрейм соответственные данные в соотв. строку.

Подскажите плиз как это дело лучше организовать? Что прописывать в коде кнопки списка(т.е. в OnClick), чтобы данные подгружались в фрейм?

[Удален]
#1

Kel_Kimpbell, а зачем здесь фрейм?

используйте document.getElementById('ид элемента').innerHTML='данные для вставки';

KK
На сайте с 25.07.2006
Offline
138
#2

burunduk, просто хотелось, чтобы вся страница не перезагружалась, а только подгружались данные. Я так понимаю если сделать через яву вся страница будет перегружаться? Если нет, то не могли бы вы дать какой-то пример использования - я яву еще хуже знаю, чем фреймы :)

[Удален]
#3

Kel_Kimpbell, в данном случае изменяется только содержимое с указанным id

как пример http://www.tandem-west.com/foto.html

в html коде страницы

<form name="sort" action="http://tandem-west.com">

<select name="graf">
<option value=".*">все проекты
<option value="\d\d\d\d-\d\d-1.*">фото
<option value="\d\d\d\d-\d\d-2.*">3D проекты
</select>
<input type="button" value="показать" onClick="sortirovka(sort)"> Для увеличения щелкнике мышкой по фотографии
</form>
...............
................
.............
<div id="sorti" class="padding5px">любые данные которые будут заменены</div>


js код:


portfolio = new Array(
"2007-41-11-shopping-centers-book","2007-41-12-shopping-centers-book","2007-41-13-shopping-centers-book",
"2007-40-11-network-shop-technics","2007-40-12-network-shop-technics",
"2006-35-11-shop-book","2006-35-12-shop-book","2006-35-13-shop-book"............)
var fotos="";

function sortirovka(obj){
fotos="";
var a4= new String(obj.graf.value);
var nomer_poisk="";
nomer_poisk=a4;
myExp0 = new RegExp(nomer_poisk);
var i=0
while(i < portfolio.length){
if (myExp0.test(portfolio)){
fotos += '<img class="padding10px" src="graf/'+ portfolio +'-mini.jpg" onclick=Open_wind("http://www.tandem-west.com/graf/' + portfolio + '-maxi.jpg");>';
}
i+=1;
}
if (fotos===fotos1){
fotos="<p>К сожелению фотографий данных проектов пока нет на нашем сервере</p>";
}
document.getElementById('sorti').innerHTML=fotos;
}

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий