ciao a tutti. Ho un grattacapo abbastanza tosto da risolvere. In pratica si tratta di un link che come target ha un iframe. Il problema e' che in explorer funziona ma con mozilla no. In tutti questi giorni che ci sto dietro ho fatto mille prove e tentativi, spezzando il codice e facendo delle prove... In pratica se avessi una pagina solo fatta con il link e l'iframe funziona bene anche su mozilla....Ma io mi trovo con anche dei div e funzioni javascript...forse sono quelle che danno fastidio. Ora vi posto il codice messo in modo che possiate vedere semplicemente copiando e incollando tutto questo codice, come su mozilla il link cambia il frame se posiziono il codice fuori dal div, e come non funziona se invece lo metto in un div (io do la colpa al div...ma non ne sono sicuro, vorrei chiarezza.)
spero di esser stato chiaro, se avete domande chiedete pure.
grazie.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>SimplytheBest DHTML tabbed notes script</title>
<meta name="keywords" content="DHTML scripts, tab, notes, messages">
<meta name="keywords" content="DHTML scripts, tabbed notes, tab, notes, dhtml script, javascript">
<meta name="description" content="Simply the Best DHTML scripts and javascripts: tabbed notes.">
<meta name="target" content="DHTML scripts, tabbed notes">
<meta name="copyright" content="copyright 1997-2005 SimplytheBest.net">
<meta name="revisit-after" content="14 days">
<meta name="robots" content="all">
<link rel="stylesheet" href="../scripts.css" type="text/css">
<style>
<!--
.conts { visibility: hidden }
.tab { font-family: Verdana; font-size: 8pt; font-weight: normal; text-align: center;
border-left: thin solid #e0e0e0; border-right: thin solid gray;
border-top: thin solid #e0e0e0 }
.selTab { font-family: Verdana; font-size: 8pt; font-weight: bold; text-align: center;
border-left: thin solid #000080;
border-right: thin solid #000080;
border-top: thin solid #000080 }
-->
</style>
<SCRIPT language=JavaScript>
// Courtesy of SimplytheBest.net - http://simplythebest.net/scripts/
//a public function that the container uses to pass in values for the labels
function public_Labels(label1, label2, label3, label4, label5, label6, label7){
document.getElementById("t1").innerText = label1;
document.getElementById("t2").innerText = label2;
document.getElementById("t3").innerText = label3;
document.getElementById("t4").innerText = label4;
document.getElementById("t5").innerText = label5;
document.getElementById("t6").innerText = label6;
document.getElementById("t7").innerText = label7;
}
//a public function that the container uses to pass in values for the card containers
function public_Contents(contents1, contents2, contents3, contents4, contents5, contents6, contents7){
document.getElementById("t1Contents").innerHTML = contents1;
document.getElementById("t2Contents").innerHTML = contents2;
document.getElementById("t3Contents").innerHTML = contents3;
document.getElementById("t4Contents").innerHTML = contents4;
document.getElementById("t5Contents").innerHTML = contents5;
document.getElementById("t6Contents").innerHTML = contents6;
document.getElementById("t7Contents").innerHTML = contents7;
init();
}
//sets the default display to tab 1
function init(){
document.getElementById("tabContents").innerHTML = document.getElementById("t1Contents").innerHTML;
}
//this is the tab switching function
var currentTab;
var tabBase;
var firstFlag = true;
function changeTabs(tabID){
if(firstFlag == true){
currentTab = document.getElementById("t1");
tabBase = document.getElementById("t1base");
firstFlag = false;
}
if(document.getElementById(tabID).className == "tab"){
currentTab.className = "tab";
tabBase.style.backgroundColor = "white";
currentTab = document.getElementById(tabID);
tabBaseID = currentTab.id + "base";
tabContentID = currentTab.id + "Contents";
tabBase = document.getElementById(tabBaseID);
tabContent = document.getElementById(tabContentID);
currentTab.className = "selTab";
tabBase.style.backgroundColor = "";
document.getElementById("tabContents").innerHTML = tabContent.innerHTML;
}
}
</SCRIPT>
</head>
<body onload="init()" text="#000000" link="#0000A0" vlink="#0000A0" alink="#0000A0" topmargin="10" leftmargin="10" marginheight="10" marginwidth="10">
<a href = "sadas.php" target = "popi">vbbvbvv</a>
<iframe src = "admin.php" name = "popi"></iframe>
<table bgcolor="#FFA500" cellpadding="0" cellspacing="0" style="HEIGHT: 300px; WIDTH: 700px" class="body" ID="Table1">
<tbody>
<tr>
<td class="selTab" onclick="changeTabs('t1')" height="25" id="t1">TwineXp</td>
<td class="tab" onclick="changeTabs('t2')" id="t2">Network</td>
<td class="tab" onclick="changeTabs('t3')" id="t3">Emulatore</td>
<td class="tab" onclick="changeTabs('t4')" id="t4">Utenti</td>
</tr>
<tr>
<td id="t1base" style="BORDER-LEFT: gray thin solid; HEIGHT: 1px"></td>
<td id="t2base" style="BACKGROUND-COLOR: white; HEIGHT: 1px"></td>
<td id="t3base" style="BACKGROUND-COLOR: white; HEIGHT: 1px"></td>
<td id="t4base" style="BACKGROUND-COLOR: white; HEIGHT: 1px"></td>
</tr>
<tr>
<td colspan="7" height="*" id="tabContents" style="BORDER-BOTTOM: gray thin solid; BORDER-LEFT: gray thin solid; BORDER-RIGHT: gray thin solid"> </td>
</tr>
</tbody>
</table>
</div>
<div class="conts" id="t1Contents" style="width: 500; height: 10">
<a href = "sadas.php" target = "popi">vbbvbvv</a>
<iframe src = "admin.php" name = "popi"></iframe>
</div>
<div class="conts" id="t2Contents" style="width: 459; height: 120">
<p class="body" align="center"> This is the power of DHTML.
<p class="body" align="center">This is a great way to navigate. In addition,
the text on the tags work just like any other HTML text. You can put in images,
links, or just about anything you could put in a traditional HTML document.
Go to Tab 3 to continue...</p>
</div>
<div class="conts" id="t3Contents" style="width: 460; height: 38">
<p class="body" align="center">DHTML Script</p>
<p class="body" align="center">Get this.
<p align="center" class="body"><font color="#000080">Go to Tab 4...</font></p>
</div>
<div class="conts" id="t4Contents" style="width: 460; height: 88">
<p align="center" class="body">Putting Information On The Tabs
You can change any text, add tabs and much more.</p>
<p align="center" class="body"><font color="#000080">Continue to
Tab 5...</font></p>
</div>
<div class="conts" id="t5Contents" style="width: 460; height: 37">
<p align="center" class="body">And so on..</p>
</div>
<div class="conts" id="t6Contents" style="width: 460; height: 37">
<p align="center" class="body">And so on..</p>
</div>
<div class="conts" id="t7Contents" style="width: 460; height: 37">
<p align="center" class="body">
Scroll a little down the page for instructions!</p>
</div>
</body>
</html>