IFrame, apertura differenziata senza SRC

**Igreo** · 11-11-2006, 00:55

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML lang="it" dir="ltr">


 <HEAD>
   <TITLE> - D i g r e o - </TITLE>
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <META name="description" content="digreo">
    <META name="keywords" content="digreo cellula bottega, cooperativa opere universali,  progettazione, pubblicazione e realizzazione di opere e lavori di: Design, grafica, audio, arte e mestieri.">
    <META http-equiv="Content-Script-Type" content="text/javascript">
    <META http-equiv="Content-Style-Type" content="text/css">
    <LINK href="stile.css" rel="stylesheet" type="text/css">
<SCRIPT language="JavaScript" type="text/javascript">
 <!--
var a_html = '<!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD HTML 4.0 Transitional\/\/EN\">';
var a_testa = '<HTML lang=\"it\" dir=\"ltr\"><HEAD><TITLE>';
var a_testf = '<\/TITLE>';
var a_meta = '<META http-equiv=\"Content-Type\" content=\"text\/html; charset=iso-8859-1\">';
a_meta += '<META http-equiv=\"Content-Script-Type\" content=\"text\/javascript\">';
a_meta += '<META http-equiv=\"Content-Style-Type\" content=\"text\/css\">';
var a_stile = '<LINK href=\"stile.css\" rel=\"stylesheet\" type=\"text\/css\">';
var a_bod = '<\/HEAD><BODY bgcolor=\" #ffffff\" vlink=\"#BF0000\">';
var c_doc = '<\/BODY><\/HTML>';
var a_doc = a_html + a_testa + a_testf + a_meta + a_stile + a_bod;
var b_doc = a_html + a_testa + "Benvenuto!" + a_testf + a_meta + a_stile + a_bod; 
var str_c = a_html + '<HTML lang=\"it\" dir=\"ltr\"><HEAD><TITLE>Intro Digreo<\/TITLE>' + a_meta + a_stile + '<\/HEAD><BODY bgcolor=\"green\">';
 str_c += '
<CENTER><H1>DIGREO SITE</H1><\/CENTER>'; 
 str_c += '<P class=\"bnu\">Benvenuti nella nostra Bottega Universale!<\/P>';
 str_c += '<H3 class=\"sb\" align=\"center\">E-mail:digreo@hotmail.it<\/H3>';
 str_c += c_doc;
var cont;
var forum = '<iframe id="forum" src="\Forumigr&o.html\" style="\height: 100%; width: 100%;\" frameborder="\0\" scrolling="\auto\"><\/iframe>'
var memo = '<iframe id="memo" src="\memo.html\" style="\height: 100%; width: 100%;\" frameborder="\0\" scrolling="\auto\"><\/iframe>'
var ansa = '<iframe id="ansa" src="http://ansa.it" style="\height: 100%; width: 100%;\" allowtransparency="\true\" frameborder="\0\" scrolling="\auto\"><\/iframe>'
if (self != parent)  top.location.href = "index.html"; 
if (self == true) self.reload;   
   var HM_DOM = (document.getElementById) ? true : false;  
   var HM_IE = (document.all) ? true : false;
   var isIE4 = HM_IE && !HM_DOM;
   var isIE5 = HM_IE && HM_DOM;
   var isNS4 = (document.layers) ? true : false;
   var isNS6 = navigator.vendor == "Netscape6";
   var isMoz = navigator.appCodeName == "Mozilla" && !(isIE4 || isIE5);
if(!(isNS4 || isNS6 || isIE4 || isIE5 || isMoz))  alert("La versione del tuo browser puo\' essere inadatta all\'uso delle pagine.\nDevi usare un browser compatibile quale: Explorer4+ o Netscape4+.");
function apertura() {
var x_str = "toolbar=no,location=no,scrollbars=no,directories=no,status=no,menubar=no,resizable=no,width=460,height=220,top=100,left=100";
id_win = window.open("about:blank","Intro",x_str);
if(id_win) {
setTimeout("scrivi(id_win,str_c);",50);
setTimeout("if(!id_win.closed) id_win.close();",10000); // Chiusura della finestra di intro dopo 10 secondi
}
return true;
} 
apertura();
function scrivi(){
with (arguments[0].document) {
open("text/html","replace");
write(str_c);
close();
} return true;
}
function hideMenu(id) {
 if (document.getElementById) {
if(document.getElementById(id).className == "nascosta") document.getElementById(id).className = "show";
else document.getElementById(id).className = "nascosta";
}
 else if (document.all) {
if ( document.all[id].className == "nascosta") document.all[id].className = "show";
else document.all[id].className == "nascosta";
}
 else if (document.layers){ 
if (document.layers[id].className == "nascosta") document.layers[id].className = "show";
else document.layers[id].className == "nascosta";
}
}
function clic() {
    if (cont == 1) {
        document.getElementById('clic').style.backgroundImage="url('back.gif')";
        document.getElementById('clic').style.backgroundRepeat="repeat-x";
        cont = 0;
    }
else {
	    document.getElementById('clic').style.backgroundImage="url('S1.gif')";
	    document.getElementById('clic').style.backgroundRepeat="repeat-x";
	    cont = 1;
    }
}
function openframe(name) {
if (name == "forum") document.getElementById('finestra').innerHTML = forum;
if (name == "memo") document.getElementById('finestra').innerHTML = memo;
if (name == "ansa") document.getElementById('finestra').innerHTML = ansa;
}
 //-->
  </SCRIPT>
 </HEAD>
<BODY>
<TABLE align="top" height="180px" width="100%" border="0" cellpadding="0" cellspacing="0" style="background-color: red">
<TR>
<TD align="center" style="width: 162px; height: 180px;">
<center>
[img]cell.png[/img]</img>
</center>
</TD>
<TD>
<center>
<a href="JavaScript:openframe('forum');" onMouseOver="style.backgroundColor='green';" onMouseOut="style.backgroundColor='';"><H1>d I G R E O - d i g r e o - 
D i g r e o - d I G R E O</BR>d I G R E O - d i g r e o - D i g r e o - d I G R E O</H1></a>
</center>
</TD>
</TR>
</TABLE>
<TABLE align="left" height="100%" width="200px" border="1" cellpadding="0" cellspacing="0" style="background-color: orange; background-image: url('S1.gif'); background-repeat: repeat;">
<TR>
<TD>
<TABLE align="center" width="200px" border="0" cellpadding="0" cellspacing="0" style="background-color: orange;">
<TR>
<TD>
BOTTEGA DIGREO</BR>
</BR>
<div id="nascondi_menu" class="nascosta">
<center>
Cosa Siamo</br>
</br>
Chi Siamo</br>
</br>
Presentazione</br>
</br>
Contattaci</br>
</BR>
</center>
</div>
</TD>
</TR>
<TR>
<TD>
PROGETTI DIGREO</BR>
</BR>
<div id="nascondi_menu1" class="nascosta">
<center>
Forum</br>
</br>
MEMO</br>
</br>
Ansa</br>
</BR>
</center>
</div>
</TD>
</TR>
<TR>
<TD>
PRODOTTI Digreo</BR>
</BR>
<div id="nascondi_menu2" class="nascosta">
<center>
Vetrina</br>
</br>
Negozio</br>
</br>
Ansa</br>
</BR>
</center>
</div>
</TD>
</TR>
<TR>
<TD>
FORUM & CHAT</BR>
</BR>
<div id="nascondi_menu3" class="nascosta">
<center>
Forum</br>
</br>
Chat</br>
</BR>
</center>
</div>
</TD>
</TR>
<TR>
<TD>
LINK UTILI</BR>
</BR>
<div id="nascondi_menu4" class="nascosta">
<center>
Forum</br>
</br>
MEMOdddddddddddddddddddddddddddddddd</br>
</br>
Ansa</br>
</BR>
</center>
</div>
</TD>
</TR>
<TR>
<TD>
MENU10</BR>
</BR>
<div id="nascondi_menu10" class="nascosta">
<center>
Forum</br>
</br>
MEMO</br>
</br>
Ansa</br>
</BR>
</center>
</div>
</TD>
</TR>
<TR>
<TD style="background-image: url(back.gif); background-repeat: repeat-x;">
MAPPA del SITO</BR>
</BR>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</TD>
<TD>
<TABLE align="left" height="100%" width="100%" border="0" cellpadding="0" cellspacing="0">
<TR>
<TD id="finestra" style="background-color: lightblue;">



 <SCRIPT language="JavaScript" type="text/javascript">
var str_p = '<HR size=\"2\">
<H1 class=\"swnub\" align=\"center\">HELLO GAYS! &copy; 2007<\/H1>
';
 str_p += '<H3 class=\"sb\" align=\"center\">DIGREO BOTTEGA UNIVERSALE<\/H3><HR size=\"2\">';
  document.open();
  document.write(str_p);
  document.close();
 </SCRIPT>
</TD>
</TR>
</TABLE>
<DIV class="jsbrand" ID="jsbrand" STYLE="position:absolute;" ALIGN="right">
[img]back.gif[/img] 
</DIV>
<script type="text/javascript" language="Javascript1.2"> 
<!--
var indirizzo = "javascript: indir();"
var window_says  = "TI TROVI ALL\'INDIRIZZO: " + indirizzo; 
var image_width = 50;   // larghezza dell'immagine usata .......       
var image_height = 49;  // altezza dell'immagine usata.......
var left_from_corner = 0;  // distanza verso sinistra dall'angolo.....
var up_from_corner = 0;    // distanza verso l'alto dall'angolo......
var JH = 0;
var JW = 0;
var JX = 0;
var JY = 0;
var left = image_width + left_from_corner;  // distanza verso sinistra dall'angolo.....
var up = image_height + up_from_corner + 3;     // distanza verso l'alto dall'angolo......
if(navigator.appName == "Netscape") {
var wm = document.jsbrand;
}
if (navigator.appVersion.indexOf("MSIE") != -1){
var wm = document.all.jsbrand;
}
wm.onmouseover = msover
wm.onmouseout = msout
function watermark() {
 if(navigator.appName == "Netscape") {
   JH = window.innerHeight
   JW = window.innerWidth
   JX = window.pageXOffset
   JY = window.pageYOffset
   wm.visibility = "hide"
   wm.top = (JH+JY-up)
   wm.left = (JW+JX-left)
   wm.visibility= "show"
 }
 if (navigator.appVersion.indexOf("MSIE") != -1){
  if (navigator.appVersion.indexOf("Mac") == -1){
   wm.style.display = "none";
   JH = document.body.clientHeight;
   JW = document.body.clientWidth;
   JX = document.body.scrollLeft;
   JY = document.body.scrollTop;
   wm.style.top = (JH+JY-up);
   wm.style.left =(JW+JX-left);
   wm.style.display = "";
  }
 }
}
function msover(){
    window.status = window_says
    return true;
}
function msout(){
    window.status = ""
    return true;
}
setInterval("watermark()",100);
function indir() {
var type = document.iframe.getElementById(type);
if (type == null) var indirizzo = "Home"
if (type == "forum") var indirizzo = "Forum";
if (type == "memo") var indirizzo = "Memo";
if (type == "ansa") var indirizzo = "Ansa";
}
//-->
</script>
</BODY>
</HTML>

Allora ti spiego i problemi:

1) Il titolo di questo thread... cioè aprire iframe diversi nel div "finestra";
2) L'ultima parte di script dovrebbe fare in modo di piazzare un'immagine in basso... ma con Firefox non funziona... inoltre se vado sopra con il mouse dovrebbe comparire nello status, il nome dell'iframe aperto nella "finestra" e possibilmente cambiare immagine a secondo dell'iframe!
3) Non funziona ancora bene la riga del MENU10, che su IE da errore di argomento.. nonostante funzioni!

Ciao!! ^^ò

Discussione: IFrame, apertura differenziata senza SRC

Strumenti discussione

Ricerca discussione

Visualizza

Visualizzazione discussione

Permessi di invio