Visualizzazione dei risultati da 1 a 7 su 7
  1. #1

    scavalcare un frame come?

    Salve ragazzi ho questo problema:
    ho un sito che ha 3 frame uno il alto, uno per il menù ed un'altro per visualizzare le pagine(principale). Il problema è il menù poichè essendo un menù a tendina orizzontale con dei sottomenù verticali, questi scompaiono nel frame del menù e quindi non si vedono nel frame principale. Come posso fare ???
    Roberto Dungino

  2. #2
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    Non puoi fare... nessun oggetto presente in una finestra (ed i frames sono finestre) puo' superare i limiti fisici della finestra stessa e cosi' nascondere il contenuto di altre finestre.

    Fai un sito senza frames...

    ciao
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  3. #3
    ciao grazie per la risposta ma facendo un giro su internet ho visto che si può fare il problema adessso è adattare questo al mio menù. Questo è il link: http://www.burmees.nl/menu/menus.htm
    Roberto Dungino

  4. #4
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    Lieto di essere smentito, appena avro' tempo ne esaminero' il funzionamento.

    ciao
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  5. #5
    Questo è il codice del mio menù:

    codice HTML:
    <style type="text/css">
    	/*<![CDATA[*/
    	<!--
    	body{
    	background:#00FFFF;
    	color:#000;
    	font:80% Verdana,Geneva,Arial,Helvetica,sans-serif;
    	margin:0;
    	padding:10px;
    	}
    	/* MENU PRINCIPALE */
    	.menuNavigazione{
    	margin:0;
    	padding:0;
    	list-style:none;
    	height:2em;
    	border:1px solid #000;
    	}
    	.menuNavigazione li{
    	float:left;
    	width:10em; /* VOCI ORIZZONTALI */
    	position:relative;
    	}
    	.menuNavigazione a{
    	display:block;
    	height:2em;
    	line-height:2em;
    	padding:0 10px;
    	text-decoration:none;
    	border-right:1px solid;
    	text-align:center;
    	}
    	/* SOTTO MENU */
    	.menuNavigazione ul{
    	margin:0;
    	padding:0;
    	list-style:none;
    	width:17em;
    	}
    	.menuNavigazione ul li{
    	/*float:none;*/
    	width:17em; /* VOCI A COMPARSA */
    	}
    	.menuNavigazione ul a{
    	float:none;
    	display:block;
    	text-align:left;
    	height:1.8em;
    	line-height:1.8em;
    	border-right:1px solid #000;
    	border-left:10px solid #000;
    	border-bottom:1px solid #000;
    	}
    	/* MENU ON OFF */
    	.menuNavigazione ul,
    	.menuNavigazione ul.subMenu-off{
    	position:absolute;
    	/*visibility:hidden;*/
    	top:-10000em
    	}
    	/*.menuNavigazione ul.subMenu-on{
    	visibility:visible;
    	}*/
    	/* POSIZIONAMENTO DEL SOTTO MENU */
    	.menuNavigazione ul.subMenu-on{
    	position:absolute;/* primo livello di annidamento:menu a discesa */
    	top:2em;
    	left:-1px;
    	visibility:visible;
    	border-top:1px solid #000;
    	}
    	.menuNavigazione ul.subMenu-on ul.subMenu-on{
    	margin:0 0 0 -1px;/* livelli di annidamento superiori al primo:menu a comparsa laterale */
    	width:17em;
    	position:absolute;
    	top:-1px;
    	left:17em;
    	border-top:1px solid #000;
    	}
    	/* COLORI */
    	.menuNavigazione{
    	background:#EEE;
    	color:#000;
    	}
    	.menuNavigazione a{
    	background:#EEE;
    	color:#000;
    	}
    	/* EFFETTO ROLLOVER */
    	.menuNavigazione a:hover,
    	.menuNavigazione a:focus,
    	.menuNavigazione a:active{
    	text-decoration:underline;
    	}
    	/* FRECCETTE */
    	.menuNavigazione a.continua{
    	background:url(immagini/continuaOrz.gif) #EEE center bottom no-repeat;
    	}
    	.menuNavigazione ul a.continua{
    	background:url(immagini/continua.gif) #EEE right center no-repeat;
    	}
    	-->
    	/*]]>*/
    	</style>
    
    Funzione javascript:
    
    
    /* CONFIG */
    menuClassName = "menuNavigazione";
    
    /* SCRIPT */
    function closeSub(menu) {
    	for (var i=0; i<menu.childNodes.length; i++)
    		if (menu.childNodes[i].nodeName.toLowerCase()=="li") {
    			li = menu.childNodes[i];
    			li.onmouseover = li.onactivate = li.onfocus = function() { if (this.subMenu) this.subMenu.className = this.subMenu.className.replace(/subMenu-off/g,"subMenu-on") };
    			li.onmouseout = li.ondeactivate = li.onblur = function() { if (this.subMenu) closeSub(this.subMenu) };
    			for (j=0; j<li.childNodes.length; j++)
    				if (li.childNodes[j].nodeName.toLowerCase()=="ul" || li.childNodes[j].nodeName.toLowerCase()=="ol") closeSub(li.subMenu = li.childNodes[j]);
    		}
    	menu.className = menu.className.replace(/\s?subMenu-on/g,"")+" subMenu-off";
    }
    
    /* ON LOAD */
    window.onload = function(e) {
    	if(tags_ = document.getElementsByTagName('ul'))
    		for(i=0; i<tags_.length; i++) 
    			if (tags_[i].className==menuClassName) closeSub(tags_[i]);
    	if(tags_ = document.getElementsByTagName('ol'))
    		for(i=0; i<tags_.length; i++) 
    			if (tags_[i].className==menuClassName) closeSub(tags_[i]);
    }
    Roberto Dungino

  6. #6
    UP
    Roberto Dungino

  7. #7
    up
    Roberto Dungino

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.