gexxy

Frames Visibili Solo Con Mouse Sopra

11 messaggi in questa discussione

Salve

ho una pagina con un frame centrale e altri 2 uno di testa e uno al fondo

Vorrei che all'apertura del sito non si vedessero i 2 frames alle estremità ma che si vedessero solo se ci vado col mouse sopra e scomparissero quando lo tolgo tipo onmouseover etc come per esempio quando si mette il browser a schermo intero e la barra si vede solo se vado col mouse o come si può fare con la barra inferiore di windows...

Se c'è bisogno di javascript va bene lo stesso

Come faccio?

Grazie 1000!

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Discussione spostata nella sezione corretta :P

In questo caso non devi usare frames (che sono una struttura fissa), ma devi usare dei livelli (div) con la proprietà, nel css: position: fixed;

Per nasconderli inizialmente, gli imposti nello stile:

visibility: hidden;

(se vuoi che l'elemento venga semplicemente nascosto) oppure

diplay:none;

(se vuoi che l'elemento venga completamente rimosso dalla tua pagina - ovviamente potrai ripescarlo modificando lo stile nuovamente).

Dopo di che ti devi creare degli script (da associare a degli eventi, esempio onmouseover, onclick) che devono modificarti la visibilità di questo livello per renderli visibili qualora azioni l'evento.

ti faccio un breve esempio:

Lo script:

<script language="JavaScript">
function toggleDisplay(id){
	if (document.getElementById(id).style.display=="block"){
		document.getElementById(id).style.display="none";
	} else {
		document.getElementById(id).style.display="block";
	}
}
</script>

Nella tua pagina:

<a id="blueText" href="#" onclick="java script:toggleDisplay('layer1')">Nascondi/Mostra</a>
<div id="layer1" style="display:block;">Qui il testo del livello da nascondere o da mostrare..</div>

:)

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

non ci ho capito granchè

questa è la mia pagina

come dovrei fare?

io vorrei che sopra e sotto si vedessero i miei 2 frames ma solo se vado col mouse sul bordo superiore o inferiore

<html>

<head>
<title>Consegna</title>
</head>

<frameset rows="113,60%,64">
<frame name="superiore" scrolling="no" target="centrale" src="2.htm">
<frame name="centrale" target="inferiore" src="1.htm">
<frame name="inferiore" src="3.htm" target="sommario" scrolling="auto">
<noframes>
<body>

<p>La pagina corrente utilizza i frame. Questa caratteristica non è 
supportata dal browser in uso.</p>

</body>
</noframes>
</frameset>

</html>

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Come detto, devi rimuovere la struttura a frame, crearti una pagina wb che abbia nella parte superiore ed inferiore della pagina dei livelli (<div></div>) ai quali applichi un id (identificativo) e uno stile (display none).

Successivamente alle parole chiavi (o alle immagini o ad altri livelli) che vuoi che ti facciano apparire questi livelli, devi applicare l'evento onmouseover che ti richiama la funzione , come ti ho scritto sopra.

Prova a copiare il codice che ti ho dato in una nuova pagina web e a studiarne gli effetti, solo cosi potrai capire come funziona :)

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

ma poi non vedo più i frames giusto?

cioè nella parte di sopra e nella parte di sotto dovrebbero apparire 2 pagine web con intestazione e piede

coi div non ci sarebbero più?

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Con i div hai il contenuto che imposti all'interno dei div.

Se vuoi che ti appaia il contneuto di un altra pagina web hai due soluzioni:

1- usare un iframe:

<iframe src="link pagina web" width="300" height="300">
 Contenuto alternativo, poichè non tutti i browser supportano i frames
</iframe>

2- rendere la pagina dinamica ed utilizzare la funzione di include, ad esempio in PHP:

<?php
include "nomepagina.php";
?>

Manuale: http://php.net/manual/en/function.include.php

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

seguendo le istruzioni su questo sito con molta fatica ho raggiunto un becero risultato

http://www.madeinsoftware.it/index.php/200...ti-apparizione/

mi aiuti a migliorarlo per favore?

è un giorno che ci sto sopra

volevo mettere questi effetti di toggle:

http://demos.mootools.net/Fx.Slide

questo è il codice:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>www</title>
<script src="javascripts/prototype.js" type="text/javascript"></script>
<script src="javascripts/scriptaculous.js" type="text/javascript"></script>
</head>

<body>
<div id="1">
<div>
<iframe src="http://www.gazzetta.it/" width="800" height="100">
 Contenuto alternativo, poichè non tutti i browser supportano i frames
</iframe>
</div>
</div>
<a href="#"  onclick="Effect.toggle('x', 'toggle', { delay: 0.5 });  return false;">Apri dettagli</a>

<div id="1">
<div>
<iframe src="http://www.gazzetta.it/" width="800" height="100">
 Contenuto alternativo, poichè non tutti i browser supportano i frames
</iframe>
</div>
</div>
<a href="#"  onclick="Effect.toggle('x', 'toggle', { delay: 0.5 });  return false;">Apri dettagli</a>
</body>

</html>

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

sei riuscito a realizzare l'elemento in versione basilare, come ti suggerivo?

una volta che dal passo minimo hai capito come funziona puoi cercare di implementare le librerie MooTools.

Se vuoi, potresti anche prendere direttamente l'esempio che Mootools ti fornisce per modificare quello :)

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

niente

non riesco nemmeno ad avvicinarmi al mio progetto :

3 frames sopra centro sotto collegati a 3 indirizzi web ovviamente

quello al centro è il più grande poi gli altri 2 sono un header e un footer

Quando vado sul sito header e footer si vedono...

quindi la parte centrale ha una visuale ristretta. Posso sempre navigarlo con la barra laterale

header e footer sono non ridimensionabili nè hanno barre laterali di navigazione.

Non c'è una barra laterale di navigazione comune ai 3 frames. (come stranamente mi esce nelle mie prove fallimentari)

se passo col mouse su header o footer scompaiono contemporanemante header e footer (con qualche effetto a scomparsa)

Quando tolgo il mouse però non ricompaiono.

si vede solo il centrale quindi che si allarga e prende tutta la visuale

In questo modo mi è più facile lavorare sulla parte centrale

Poi ripassando il mouse sui margini superiore o inferiore ricompaiono header e footer

Ecco tutto quello che vedo nella mia capoccia

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

hai provato iniziando una nuova struttura di prova, lasciando perdere la struttura divisa in frames?

prova semplicemente con dei div, come suggerito, per valutare bene l'effetto desiderato. dopo di che passerai a impostare correttamente i contenuti come devono essere visualizzati in quelle sezioni :)

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Crea un account o accedi per lasciare un commento

Devi essere un utente registrato per partecipare

Crea un account

Iscriviti per un nuovo account nella nostra community. È facile!


Registra un nuovo account

Accedi

Sei già registrato? Accedi qui.


Accedi Ora