Архив форумов ЦИТФорума

[Alexandra Donets]

Добрый день! Подскажите пожалуйста. Есть три фрейма: логотип, меню и рабочая область. Как сделать чтобы при выборе пункта в меню загружались одновременно два разных документа : один в область фрейма меню, другой в область фрейма рабочей области?

[ch_IP]

Думаю можно поступить так:
Во фрейме с меню поместить ссылку -

[Alexandra Donets]

не работатет

[Moby]

покажи код главного окна, где у тебя <frameset> и ссылки свои покажи
_________________
Профи - это оборзевший ламмер

[DHF]

Если бы это было вызвано жесткой необходимостью то это одно... Но просто базово задача поставлена не верно...

----------------------
LOGO |
______________ |
M | |
E | content |
N | |
U | |
--------------------

зачем каздый раз при выборе пункта меню , тебе загружать новую HTML страничку , в поле меню??? если есть меню соответствующие твоему запросу ??? (Динамически изменяемая страница меню, это лучше чем постоянная ее перезагрузка ) ,

Посмотри примеры меню на этом сайте http://javascripts.boom.ru/menu.htm

А для пунктов меню уже укажешь<a href="" target = content >(а тут сам пункт меню с вызовом скрипта на раскрытие выбранной категори ... запускаемый по <Img src="" onclick=открыть меню();>


<style>
<!--
DIV.clTop{position:absolute; width:170}
DIV.clSub{position:absolute; left:10; width:170}
#divCont{position:relative; left:100; top:0; height:400; width:170;}
A.clMain{font-family:Arial, Verdana, Helvetica, Helv; font-size:14px; text-decoration:none; font-weight:bold; color:black}
A.clSubb{font-family:Arial, Verdana, Helvetica, Helv; font-size:14px; text-decoration:none; color:black}
#divMain{position:absolute}
//-->
</style>
<script language="JavaScript">
/********************************************************************************
Copyright (C) 1999 Thomas Brattli
This script is made by and copyrighted to Thomas Brattli at www.bratta.com
Visit for more great scripts.
This may be used freely as long as this msg is intact!
********************************************************************************/

/************************************************************************************
This script is a "foldout" menu script, all the "foldouts" will
stay outfolded in older browsers. Works in ie4+ and ns4+.
ADDED: Images

To change where the menu appears change the left and top values of the divCont
in the stylesheets, it's currently placed relative so you can
place this menu in tables or similar if you want. Change the
text colors and size in the A.clMain and A.clSubb classes.
************************************************************************************/

/************************************************************************************
Change this to false if you want all the submenus to get unfold when you
foldout a new one.
************************************************************************************/
var stayFolded=false

//This is the image that it changes to when it expands.
var exImg=new Image(); exImg.src='arrow1.gif'
//This is the image is changes to with it's "unfolded" or something :}
//Remeber to change the actual images in the page aswell, but remember to
//keep the name of the image.
var unImg=new Image(); unImg.src='arrow.gif'

/************************************************************************************
Browsercheck
************************************************************************************/
var n = (document.layers) ? 1:0;
var ie = (document.all) ? 1:0;
var browser=((n || ie) && parseInt(navigator.appVersion)>=4)

/************************************************************************************
Making cross-browser objects
************************************************************************************/
function makeMenu(obj,nest){
nest=(!nest) ? '':'document.'+nest+'.'
this.css=(n) ? eval(nest+'document.'+obj):eval('document.all.'+obj+'.style')
this.ref=(n) ? eval(nest+'document.'+obj+'.document'):eval('document');
this.height=n?this.ref.height:eval(obj+'.offsetHeight')
this.x=(n)? this.css.left:this.css.pixelLeft;this.y=(n)? this.css.top:this.css.pixelTop;
this.hideIt=b_hideIt; this.showIt=b_showIt; this.vis=b_vis; this.moveIt=b_moveIt
return this
}
function b_showIt(){this.css.visibility="visible"}
function b_hideIt(){this.css.visibility="hidden"}
function b_vis(){if(this.css.visibility=="hidden" || this.css.visibility=="hide") return true;}
function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x; this.css.top=this.y}
/************************************************************************************
Initiating the page. Just add to the arrays here to get more menuitems
and add divs in the page
************************************************************************************/
function init(){
oTop=new Array()
oTop[0]=new makeMenu('divTop1','divCont')
oTop[1]=new makeMenu('divTop2','divCont')
oTop[2]=new makeMenu('divTop3','divCont')
oTop[3]=new makeMenu('divTop4','divCont')
oTop[4]=new makeMenu('divTop5','divCont')
oTop[5]=new makeMenu('divTop6','divCont')
oSub=new Array()
oSub[0]=new makeMenu('divSub1','divCont.document.divTop1')
oSub[1]=new makeMenu('divSub2','divCont.document.divTop2')
oSub[2]=new makeMenu('divSub3','divCont.document.divTop3')
oSub[3]=new makeMenu('divSub4','divCont.document.divTop4')
oSub[4]=new makeMenu('divSub5','divCont.document.divTop5')
oSub[5]=new makeMenu('divSub6','divCont.document.divTop6')
for(i=0;i<oSub.length;i++){ oSub[i].hideIt() }
for(i=1;i<oTop.length;i++){ oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height) }
}
/************************************************************************************
This is the function that changes the sub menus to folded or unfolded state.
************************************************************************************/
function menu(num){
if(browser){
if(!stayFolded){
for(i=0;i<oSub.length;i++){
if(i!=num){
oSub[i].hideIt()
oTop[i].ref["imgA"+i].src=unImg.src
}
}
for(i=1;i<oTop.length;i++){
oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height)
}
}
if(oSub[num].vis()){
oSub[num].showIt()
oTop[num].ref["imgA"+num].src=exImg.src
}else{
oSub[num].hideIt()
oTop[num].ref["imgA"+num].src=unImg.src
}
for(i=1;i<oTop.length;i++){
if(!oSub[i-1].vis()) oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height+oSub[i-1].height)
else oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height)
}
}
}
//Initiating the menus onload, if it's a 4.x+ browser.
if(browser) onload=init;

</script>

</HEAD>
<BODY bgcolor="white">
<!--************************************************************************************
Replace your links with the # inside the a tags to get links.
************************************************************************************-->
<div id="divCont">
<div id="divTop1" class="clTop"><a href="#" onclick="menu(0); return false" class="clMain"><img src="arrow.gif" name="imgA0" width=12 height=12 alt="" border="0"> [choice 0]</a><br>
<div id="divSub1" class="clSub">
<a href="#" class="clSubb">-Sub 1</a><br>
<a href="#" class="clSubb">-Sub 2</a><br>
<a href="#" class="clSubb">-Sub 3</a><br>
<a href="#" class="clSubb">-Sub 4</a><br>
</div><br>
</div>
<div id="divTop2" class="clTop"><a href="#" onclick="menu(1); return false" class="clMain"><img src="arrow.gif" name="imgA1" width=12 height=12 alt="" border="0"> [choice 1]</a><br>
<div id="divSub2" class="clSub">
<a href="#" class="clSubb">-Sub 1</a><br>
<a href="#" class="clSubb">-Sub 2</a><br>
</div><br>
</div>
<div id="divTop3" class="clTop"><a href="#" onclick="menu(2); return false" class="clMain"><img src="arrow.gif" name="imgA2" width=12 height=12 alt="" border="0"> [choice 2]</a><br>
<div id="divSub3" class="clSub">
<a href="#" class="clSubb">-Sub 1</a><br>
<a href="#" class="clSubb">-Sub 2</a><br>
<a href="#" class="clSubb">-Sub 3</a><br>
</div><br>
</div>
<div id="divTop4" class="clTop"><a href="" onclick="menu(3); return false" class="clMain"><img src="arrow.gif" name="imgA3" width=12 height=12 alt="" border="0"> [choice 3]</a><br>
<div id="divSub4" class="clSub">
<a href="#" class="clSubb">-Sub 1</a><br>
<a href="#" class="clSubb">-Sub 2</a><br>
</div><br>
</div>
<div id="divTop5" class="clTop"><a href="" onclick="menu(4); return false" class="clMain"><img src="arrow.gif" name="imgA4" width=12 height=12 alt="" border="0"> [choice 4]</a><br>
<div id="divSub5" class="clSub">
<a href="#" class="clSubb">-Sub 1</a><br>
<a href="#" class="clSubb">-Sub 2</a><br>
<a href="#" class="clSubb">-Sub 3</a><br>
<a href="#" class="clSubb">-Sub 4</a><br>
<a href="#" class="clSubb">-Sub 5</a><br>
</div><br>
</div>
<div id="divTop6" class="clTop"><a href="" onclick="menu(5); return false" class="clMain"><img src="arrow.gif" name="imgA5" width=12 height=12 alt="" border="0"> [choice 5]</a><br>
<div id="divSub6" class="clSub">
<a href="#" class="clSubb">-Sub 1</a><br>
</div><br>
</div>
</div>

[DHF]

Код Index.html

HTML>
<HEAD>

<TITLE>Электроинструмент ПромТэк</TITLE>

<META name="robots" content="all">

<META NAME="author" content="Alex Donets">
<META NAME="copyright" content="Alex Donets">



<META NAME="keywords" CONTENT="Электроинструмент, ПромТэк, ремонт, инструмент, гарантийный ремонт, аккумуляторная, дрель, лобзик, перфоратор, фрезер, пила, плоско-шлифовальная машина, ПШМ, угловая шлифовальная машина, УШМ, МШУ, сверлильный станок, станок, термопистлет, эелктрический фен, фен, точильный станок, точило, фрезеровальная машина, фрезар">

<META NAME="description" CONTENT="Электроинструмент ПромТэк-новое направление на рынке электроинструмента">
<LINK href="style.css" type=text/css rel=STYLESHEET>
</HEAD>




<FRAMESET ROWS="20%, *" border="0">
<FRAME SRC="logo.html" name="1" scrolling="no">

<FRAMESET COLS="20%, *" border="0">
<FRAME SRC="Menu.html" name="2" scrolling="yes">

<FRAME SRC="main.html" name="3" >
</FRAMESET>

</FRAMESET>

</HTML>

Код Accum.html

<xHTML>
<xHEAD>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<xtitle>Электроинструмент ПромТэк</xtitle>
<META name="robots" content="all">

<META NAME="author" content="Alex Donets">
<META NAME="copyright" content="Alex Donets">



<META NAME="keywords" CONTENT="Электроинструмент, ПромТэк, ремонт, инструмент, гарантийный ремонт, аккумуляторная, дрель, лобзик, перфоратор, фрезер, пила, плоско-шлифовальная машина, ПШМ, угловая шлифовальная машина, УШМ, МШУ, сверлильный станок, станок, термопистлет, эелктрический фен, фен, точильный станок, точило, фрезеровальная машина, фрезар">

<META NAME="description" CONTENT="Электроинструмент ПромТэк-новое направление на рынке электроинструмента">
<xLINK href="style.css" type=text/css rel=STYLESHEET>
</xHEAD>

<xBODY>
<h1>Аккумуляторные дрели, отвертки, шуруповерты</h1>
<table align="center" border="0" cellpadding="10" cellspacing="0" width=100% cols="3">
<TR>
<td align="center" valign="top" width=33%>
<table align="center" width="100%" height="410" border="1" cellspacing="0" cellpadding="10" bordercolor="#808080" rules="cols">
<tr><td align="center" valign="middle"><h2>Отвертка аккумуляторная АО-3.6</h2></tr></td>
<tr><td align="center"><a href="Images/Catalog/ao36.jpg" target="_blank">
<IMG alt="АО-3.6" src="http://img.mail.ru/mail/ru/images/dumb.gif" width=150 height=50 title="АО-3.6" border="0"></a></td></tr>
<tr ><td align="center">
<ul>
<li>Мощность - 3.6 В
<li>Крутящий момент - max 1.8 Н.м
<li>Число оборотов в минуту - 150 об/мин
<li>Вес - 0.5 кг
<li>Реверс
<li>Инструкция
</ul></td></tr></table></td>
<td align="center" valign="top" width=33%>
<table align="center" width="100%" height="410" border="1" cellspacing="0" cellpadding="10" bordercolor="#808080" rules="cols">
<tr><td align="center" valign="middle"><h2>Набор отверток + аккумуляторная отвертка НОК-39</h2></tr></td>
<tr><td align="center"><a href="Images/Catalog/nok39.jpg" target="_blank">
<IMG alt="НОК-39" src="http://img.mail.ru/mail/ru/images/dumb.gif" width=150 height=100 title="НОК-39" border="0"></a></td></tr>
<tr ><td align="center">
<ul>
<li>Мощность - 3.6 В
<li>Крутящий момент - max 1.8 Н.м
<li>Число оборотов в минуту - 150 об/мин
<li>Вес - 2.5 кг
<li>Реверс
<li>Кейс
<li>Инструкция
</ul></td></tr></table></td>
<td align="center" valign="top" width=33%>
<table align="center" width="100%" height="410" border="1" cellspacing="0" cellpadding="10" bordercolor="#808080" rules="cols">
<tr><td align="center" valign="middle"><h2>Шуруповерт аккумуляторная дрель ДА12В-2/ДА18В-2</h2></tr></td>
<tr><td align="center"><a href="Images/Catalog/da12_18v2.jpg" target="_blank">
<IMG alt="ДА12В-2/ДА18В-2" src="http://img.mail.ru/mail/ru/images/dumb.gif" width=100 height=100 title="ДА12В-2/ДА18В-2" border="0"></a></td></tr>
<tr ><td align="center">
<ul>
<li>Число оборотов в минуту - 0-550 об/мин
<li>Муфта - 16-ти позиционная
<li>Диаметр используемых сверел - 10 / 13 мм
<li>Период времени - зарядка 1 час
<li>Реверс
<li>Электронный блок
<li>Возможно применение как шуруповерта
<li>Без ключа
<li>Кейс
<li>Инструкция
</ul></td></tr></table></td>
</TR>
</table>
</xBODY>
</xHTML>

Код menu.html

<HTML>
<HEAD><META content="text/html; charset=windows-1251" http-equiv=Content-Type>
<TITLE>Пример каскадного меню</TITLE>
<!-- /* KilleR DHF Corp. 1998 */ -->
<STYLE TYPE="text/css">

UL {
color: navy}
UL UL {display: none;
margin-left: 25pt}
.leaf { color: black}
</STYLE>
<LINK REL="stylesheet" HREF="../samples.css" TYPE="text/css">
<SCRIPT LANGUAGE="JavaScript">
function checkParent(src, dest) {

while (src!=null) {
if (src.tagName == dest) return src;
src = src.parentElement;
}
return null;
}
function outline() {

var open = event.srcElement;
var el = checkParent(open, "LI");
if (null!=el) {
var pos = 0;

for (var pos=0; pos<el.children.length; pos++) {
if ("UL"==el.children[pos].tagName) break;
}
if (pos==el.children.length) return;
} else return;
el = el.children[pos];
if ("UL"==el.tagName) {

if (""==el.style.display) {
el.style.display = "block";
}
else
{
el.style.display = "";
}
}
event.cancelBubble = true;
}
document.onclick = outline;
</SCRIPT>
</HEAD>
<BODY>


<H1>Пример раскрываемого меню </H1>





<UL >
<LI>
<a href=""> Главная </a>
</LI>
<LI>
<a href="">Новости</a>
</LI>



<a href="akkum.html" target="3" > <LI STYLE="cursor:hand"> Каталог инструмента </a> <!-- /* // Наименование открывающегося меню */ -->
<UL> <!-- /* // Внутренность меню */ -->


<a href="" target="3" ><LI>Аккумуляторные дрели, отвертки, шуруповерты</LI></a>
<a href="" target="3" ><LI> Газонокосилки </LI></a>
<a href="" target="3" ><LI> Дрели, шуруповерты </LI></a>
<a href="" target="3" ><LI> Компрессоры </LI></a>
<a href="" target="3" ><LI> Ленточные шлифовальные машины </LI></a>
<a href="" target="3" ><LI>Лобзики</LI></a>
<a href="" target="3" ><LI> Пилы дисковые, маятниковые, цепные </LI></a>
<a href="" target="3" ><LI> Плоско-шлифовальные машины </LI></a>
<a href="" target="3" ><LI> Полировальные машины </LI></a>
<a href="" target="3" ><LI> Сварочные аппараты </LI></a>
<a href="" target="3" ><LI> Сверлильные станки </LI></a>
<a href="" target="3" ><LI> Термопистолеты </LI></a>
<a href="" target="3" ><LI> Точильные станки </LI></a>
<a href="" target="3" ><LI> Угловые шлифовальные машины </LI></a>
<a href="" target="3" ><LI> Фрезеровальные машины </LI></a>


</UL> <!-- /* // Конец внутреннего меню */ Введение в нутри еще одного тега UL образует еще одно под меню см. прилагающийся пример -->



<a href=""> <LI >Гарантийные обязательства</LI></a>
<a href=""> <LI >Как нас найти</LI></a>
<a href=""> <LI >Напишите нам</LI></a>
<a href=""> <LI >Ссылки</LI></a>


</UL>
</HTML>

[dipsy]

мне так кажется, что пользуя JavaScript можно написать то что просят в пять строчек....

[DHF]

[Moby]

карявое название фреймоф вродь... в яваскрипте нельзя обзывать переменные/обьекты c начальной цифры... пиши буквами или хотя бы f1, f2 и f3 соответственно... в твой код не вникал - слишком громоздко...
_________________
Профи - это оборзевший ламмер

[dragon095]

вообще зачем тебе сдалить эти фреймы? используй тable!
_________________
мейл-095@mail.ru

[Kiti]

Эх ребята, что вы только тут не предложили. Один из простых вариантов
<Html>
<Head>
<Title></Title>

<SCRIPT LANGUAGE="JavaScript">
<!-- Ничего страшного, всего лишь JavaScript

function multiLoad(doc1,doc2) {
parent.frame_A.location.href=doc1;
parent.frame_B.location.href=doc2;
}

// -->
</SCRIPT>

</Head>
<Body bgcolor="#FFFFFF">

<H3>Меню</H3>

<A href="javascript:multiLoad('hugh_ed.html', 'hugh_cal.html')">Друзья
Hugh'а</A><P>

<A href="javascript:multiLoad('ron_mike.html', 'ron_pete.html')">Друзья
Ron'а</A><P>

</Body>
</Html>
Все ставляем так как есть, меняем только ссылки и придаем имена фреймам как указано выше.

[Moby]

так мы вроде ничего и не предлагали, мы лишь предположили где у человека ошибка %=)
_________________
Профи - это оборзевший ламмер

[Kiti]

Вопрос изначально был таков:
"Как сделать чтобы при выборе пункта в меню загружались одновременно два разных документа : один в область фрейма меню, другой в область фрейма рабочей области?"

Столько вариантов, но к сожалению не по теме вопроса.

[Kaplinale]

Никак

[Kiti]

Kaplinale
Как это сделать? Очень просто, скрипт я написала выше.
Оказывается как-то это можно сделать.
Еслои вы не имеет понятие, как это делается, не вставляйте свои глупые реплики.

[Kaplinale]

Извините Kiti, мне стыдно, теперь буду штурмовать, подражая вам, язык Java Script!