errato comportamento con il link target da parte di mozilla

**stiffa** · 16-11-2005, 15:59

Allora ragazzi...la cosa è seria... Prima di postare codice inutilmente chiedo se e' possibile avere l'attenzione di qualcuno di voi.
Ho provato con qualche post a risolvere sta cosa ....ma non ne e' uscito in gran che.
Sostanzialmente il mio problema e' che in un frame ho un albero di cartelle e se clikko un link(la cartella) dovrei far cambiare un secondo frame a fianco del primo.
questa cosa qui e' banale...nel senso...con poco codice ci riesci tranquillamente...purtroppo, a forza di andare a vanti con questo progetto, mi ritrovo con un grosso quantitativo di codice, e da qualche parte ci deve essere qualcosa che mi frega il target dei link

Il tutto su explorer va perfetto mentre su mozilla firefox non va una mazza.

Allora, se volete codice avviso che dovrei mettere un codice un po lungo ma non complicato....

ci state?

p.s. la console di firefox non da nessun errore....

**stiffa** · 16-11-2005, 16:21

sto pulendo il codice per ridurlo all'osso....cosi lo posto...

**stiffa** · 16-11-2005, 16:48

ok raga....spero mi aiuterete ...ho 2 domande...

La prima...la piu importante come mai il link non fa cambiare il frame di destra?

la seconda e' ...perche i frame non hanno sfondo bianco

entrambe le cose su explorer vanno a meraviglia.

ecco il codice:

//*************************pagina dannato.php**********************

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<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 type="text/css">

<!--
.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;
cursor

ointer;
}
.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;
cursor

ointer;
}
-->
</style>

<script language =" javascript" type="text/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">

<table bgcolor="#FFA500" cellpadding="0" cellspacing="0" style="HEIGHT: 500px; WIDTH: 850px" 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 class="conts" id="t1Contents" style="width: 500; height: 10">
<table align =" center" width =" 700" >

<tr>
<td valign =" top">
<iframe src ="dannatosx.php" width =" 200" height =" 400">
</iframe>
</td>

<td valign =" top">
<iframe width =" 600" height =" 400" name ="pippo">
</iframe>
</td>
</tr>
</table>
</div>
<div class="conts" id="t2Contents" style="width: 459; height: 120">
blablabla
</div>
<div class="conts" id="t3Contents" style="width: 460; height: 38">
sdasdasdad
</div>
<div class="conts" id="t4Contents" style="width: 460; height: 88" >
blalbllvlvlblbl
</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>

//*************************pagina dannatosx.php**********************

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>SimplytheBest DHTML tabbed notes script</title>
</head>
<body>
<a href = "admin.php" target="pippo">vaiiiii</a>
</body>
</html>

VI PREGO....aiutatemi

**webus** · 16-11-2005, 17:36

document.getElementById("t1").innerText = label1;

se non ricorda male innerText non è compreso nel DOM di Gecko (Mozilla-Firefox...)

dovresti usare textContent.

Nota che innerText, innerHtml (che comunque è supportato), textContent non sono parte del DOM w3c.

Questo per dirti che potresti trovare sistemi più semplici e portabili per gestire il tuo layout.

**stiffa** · 16-11-2005, 17:44

oddio....quindi ? ????
che devo fare?
il javascript che vedi l'ho preso da internet perche io un menu a linguette cosi non sono capace di farlo.

posso modificarlo in modo da farlo funzionare?

cambio innerText con textContent???

ho appena provato a cambiare innerText con textContent ma non cambia nulla...mozilla non cambia l'iframe.

aiuto pls

**stiffa** · 16-11-2005, 18:09

up pls...

**webus** · 16-11-2005, 18:42

io cercherei di fare un menu come quello impiegando i CSS, invece che JavaScript.

I vantaggi sono diversi: portabilità, accessibile anche a chi non supporta JavaScript o lo ha disattivato (circa l'11% ei browser), indicizzazione nei motori di ricerca etc.

Esempi utili ne puoi trovare parecchi, magari cerca per
"css tab menu"

Qui te ne segnalo uno
http://www.alistapart.com/articles/taminglists/

Ciao.

PS. ovviamente per domande specifiche c'è sempre il forum!

**stiffa** · 16-11-2005, 18:51

allora a quanto capisco non esiste alcun modo di modificare il mio (copiato) script ?

il link che hai postato e' molto interessante....ma non fa quello che devo fare io....

**stiffa** · 17-11-2005, 09:52

up

**stiffa** · 18-11-2005, 12:05

up again....

Discussione: errato comportamento con il link target da parte di mozilla

Strumenti discussione

Ricerca discussione

Visualizza

errato comportamento con il link target da parte di mozilla

Permessi di invio