JavaScript e frame help!

[kiavik]

Ciao a tutti!
Ho un problemino:
ho una pagina con + frame 1 laterale(con il menù in JS) 1 sopra e uno centrale, voglio che i primi due rimangano invariati e che quello centrale cambi a seconda del link clikkato nel menù.In html bastava indicare un nome e un target :adhone: ma in JavaScript non so propio da dove iniziare
Ho già postato su un altro forum ma niente....spero e confido in voi.
questo è il menù che devo inserire:
http://javascript.internet.com/navig...down-menu.html
help!

[Mich_]

parent.NOMEFRAME.location.href = 'pag_da_caricare.htm';

oppure
top.NOMEFRAME.location.href = ...

Ciao
Michele

[kiavik]

Scusa ma sono un newbie del campo, nel caso in questione dove lo dovrei mettere il suddetto codice?

<script language="JavaScript">

//Link[nr] = "position [0 is menu/1 is item],Link name,url,target (blank|top|frame_name)"

var Link = new Array();

Link[0] = "0|Home";

Link[1] = "1|Home|http://www.javascriptsource.com|";

</script>

[Mich_]

Dipende dallo script, ed io non conosco il tuo.

In linea di massima al posto di:
window.location.href = ...


Ma forse il tuo script e` fatto bene, per cui basta che aggiungi (come specificato nella linea di commento della matrice dei link):

Link[1] = "1|Home|http://www.javascriptsource.com|NOMEFRAME";

dove NOMEFRAME va sostituito dal valore dell'attributo name presente nel tag <frame> del frameset.

[kiavik]

Grazie!!!Lo provo subito e ti facciio sapere!

[kiavik]

Purtroppo lo script non l'ho fatto io, ma l'ho tratto da un sito.
Facendo come mi hai proposto, non mi cambia solo il frame centrale ma tutta la pagina.
Questo è lo script sliding_menu.js:

var height = 20;
var iheight = 15;

var bgc = "lightyellow"
var tc = "black"

var over_bgc = "silver";
var over_tc = "red";

var speed = 0;
var timerID = "";
var N = (document.all) ? 0 : 1;
var width = 152



var self_menu = new Array();
function write_menu()
{
smc = 0;
document.write("<div style='position:absolute'>");
mn = 0;
mni = 1;
start = -1;

for(i=0;i<Link.length;i++)
{
la = Link[i].split("|");

if (la[0] == "0")
{
if(start == 0)
{
document.write("</div>");
h = csmc * iheight;
tmn = mn; //-h
self_menu[smc] = new Array(tmn,h,0,-2);
smc++;
mn--;
}
csmc = 0;
document.write("<div class='menu' style='top:"+mn+";height:"+height+"' id='down"+smc+"' onclick='pull_down("+smc+","+mni+")'>"+ la[1] + "</div>");
self_menu[smc] = new Array(mn,height,0,mni);
smc++;
mni++;
mn+=height;
start = 1;
}
else
{
if(start == 1)
{
if(N)mn+=2;
document.write("<div class='item_panel' id='down"+smc+"' style='top:"+mn+"'>");
start = 0;
}

document.write("<a href='"+la[2]+"'");
if (la[3] != "") document.write(" target='" + la[3] + "' ");
document.write("><div class='item' id='d"+i+"' style='height:"+iheight);
if (N) document.write(";width:150");
document.write("' onmouseover='color(this.id)' onmouseout='uncolor(this.id)'>"+ la[1] + "</div></a>");
csmc++;
}
}
if (start == 0)
{
document.write("</div>");
h = csmc * iheight;
tmn = mn + 5; //-h
self_menu[smc] = new Array(tmn,h,0);
name = "down" + (self_menu.length-1);
obj = document.getElementById(name);
obj.style.borderBottomColor = "darkblue";
obj.style.borderBottomWidth = 1;
obj.style.borderBottomStyle = "solid";
}
document.write("</div>");
}


function color(obj)
{
document.getElementById(obj).style.backgroundColor = over_bgc;
document.getElementById(obj).style.color = over_tc
}

function uncolor(obj)
{
document.getElementById(obj).style.backgroundColor = bgc;
document.getElementById(obj).style.color = tc
}

function pull_down(nr,c)
{
if (timerID == "")
{
to = self_menu[nr+1][1]
begin = nr + 2;
if (timerID != "") clearTimeout(timerID);
if (self_menu[nr+1][2] == 0)
{
self_menu[nr+1][2] = 1;
if(nr == self_menu.length-2) {to++;}
epull_down(begin,to,0);
}
else
{
to = 0;
self_menu[nr+1][2] = 0;
name = "down"+(nr+2);
open_item = 0;
for(i=0;i<nr;i++)
{
if(self_menu[i][2] == 1)
{open_item += self_menu[i][1];
}
}
if (N == false) {open_item-= (c*1)};
if (nr== self_menu.length-2) {val = self_menu[self_menu.length-1][1];to=-1;}
else val = parseInt(document.getElementById(name).style.top) -(open_item)-(c*height);
epull_up(begin,to,val);
}
}
}

function epull_down(nr,to,nowv)
{
name = "down" + (nr-1);
obj = document.getElementById(name).style.clip = "rect(0,"+width+","+(nowv+1)+",0)";
for (i=nr;i<self_menu.length;i++)
{
name = "down" + i;
obj = document.getElementById(name);
obj.style.top = parseInt(obj.style.top)+1;
}
nowv++;
if(nowv < to) timerID = setTimeout("epull_down("+nr+","+to+","+nowv+")",sp eed);
else timerID = "";
}

function epull_up(nr,to,nowv)
{
name = "down" + (nr-1);
obj = document.getElementById(name).style.clip = "rect(0,"+width+","+nowv+",0)";
for (i=nr;i<self_menu.length;i++)
{
name = "down" + i;
obj = document.getElementById(name);
obj.style.top = parseInt(obj.style.top)-1;
}
nowv--;
if(nowv > to) timerID = setTimeout("epull_up("+nr+","+to+","+nowv+")",spee d);
else timerID = "";
}

function startup(nr)
{
write_menu();
if (nr != 0)
{
for(i=0;i<self_menu.length;i++)
{
if(self_menu[i][3] == nr) pull_down(i,nr)
i==self_menu.length;
}
}
}

Non ci capisco molto

[kiavik]

mentre questa è la pagina principale con i frame:

<html>
<head>
<title>Untitled Document</title>
</head>
<frameset rows="80,*" cols="*" frameborder="NO" border="0" framespacing="0">
<frame name="topFrame" scrolling="NO" noresize src="Htop.asp" >
<frameset cols="180,*" frameborder="NO" border="0" framespacing="0" rows="*">
<frame name="leftFrame" noresize scrolling="NO" src="Hsinistra.asp">
<frame name="centrale" src="Hcentro.asp">
</frameset>
</frameset>
<noframes>
<body bgcolor="#FFFFFF" text="#000000">
</body>
</noframes>
</html>

[kiavik]

e questo è il menù:

<SCRIPT LANGUAGE="JavaScript">

function goToURL() { history.go(-1); }

</script>



<style>

.menu

{

position:relative;

background-color:gold;

border:1px solid darkblue;

width:150;

font-size:11px;

font-family:verdana;

font:bold;

position:absolute;

cursor:se-resize;

}

.item_panel

{

width:150;

border-left:1px solid darkblue;

border-right:1px solid darkblue;

clip:rect(0,150,0,0);

position:absolute;



}

.item_panel a

{

text-decoration:none;

color:black;

cursor:hand;

}

.item

{

background-color:lightyellow;

width:148;

font-size:10px;

font-family:verdana;



}

</style>



<script language="JavaScript" src="sliding_menu.js"></script>

<center>

<table width=150><tr><td>

<script language="JavaScript">

//Link[nr] = "position [0 is menu/1 is item],Link name,url,target (blank|top|frame_name)"

var Link = new Array();

Link[0] = "0|Home";

Link[1] = "1|Home|http://www.javascriptsource.com|centrale";

Link[2] = "1|More Scripts|http://www.javascript.com|";

Link[3] = "1|Contact|http://www.javascriptsource.com/contact-us.html|";

Link[4] = "1|Traffic|http://www.thecounter.com|";

Link[5] = "0|Access";

Link[6] = "1|Login|Login.asp|";

Link[7] = "1|Logout|Logout.asp|"

Link[8] = "0|Scripts";

Link[9] = "1|Asp|http://www.javascriptsource.com|";

Link[10] = "1|JavaScript|http://www.javascriptsource.com|";

Link[11] = "0|Links";

Link[12] = "1|JavaScript sites|http://www.javascripts.com|blank";



startup(4);

</script>

[Mich_]

E` un modo un po' contorto di fare un menu, ma il target e` stato preso in considerazione. Se non funziona (per i link in cui ha specificato il target) c'e` qualche problema nello script.

Ora io non riesco ad "andare dietro" a tutto lo script (occorre mettersi nella mentalita` di chi l'ha scritto), ma forse qualche altro utente potrebbe farlo.

Se fossi in te, io andrei a cercare un altro script che faccia la stessa cosa, magari fatto con un sistema diverso.

Ciao
Michele

[kiavik]

Innanzitutto grazie! percaso hai qualche suggerimento su come fare lo script o dove andarlo a cercare?