"Pop In"
"Pop In" postato il 20/10/2007 11:23:49 nel forum programmazione, open source e hosting
Premetto che ho un dubbio. Vorrei far aprire una finestra dentro la finestra, con javscript. Non voglio aprire un pop-up che ne crea un altra di finestra, ma semplicemente fare una cosa tipo GrandeBlu, che ha delle finestre all'interno della finestra, che non vengono visualizzate dalla barra strumenti in pratica perchè solo finestre di gioco. Molto probabilmente mi sono spiegato male, ma è abbastanza complicato credo. Di javascript sto studiando da qualche mese le basi ed ora le prime funzioni. Qualcuno sa come aprire una spece di "pop-in" dentro la stessa pagina?
Grazie
Crossout ↗Pagine → 1
20/10/2007 11:50:27
il grandeblu è programmato in Ajax dovrebbero servirti quelle librerie unite ai livelli (layer o div) che poi dovrai impostare tramite alcuni file css e bla bla bla, bisogna studiarsi qualche libreria e qualche wiki apposta :D
Seconda Era ↗
20/10/2007 12:13:24
Naturalmente. Indi, scrivendo prototype windows e scaricandolo si potrà accedere a questa funzione?
New Orleans ↗
20/10/2007 12:32:49
Problema risolto, div funzionanti! Se ho problemi posto. Grazie a tutti.
20/10/2007 16:00:37
Potresti linkarmi il download agli altri due, prototype gia cel'ho, ma non trovo quegl'altri che hai elencato.
Exclusive Villa GdR ↗
20/10/2007 23:04:25
E' un mese che provo da solo, ho bisogno di vedere la struttura.
Foundation Galactic Frontier ↗
21/10/2007 12:15:11 e modificato da pistacchio il 21/10/2007 12:16:06
ho buttato già due righe di fretta, con ie non funziona (ff2 sì), magari poi ci riguardo, ma è comunque un punto di partenza (xhtml valid :P) e l'ho tenuto più scarno e semplice possibile, così che non dovresti avere difficoltà a capirlo:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Prova</title>
<style type="text/css">
#finestra{
width: 200px;
height: 200px;
position: absolute;
top: 50px;
left: 70px;
border: 1px solid #FF0000;
display : none;
cursor: crosshair;
}
</style>
<script type = "text/javascript">
<!--
drag = false;
function mostraFinestra(){
document.getElementById('finestra').style.display = 'block';
}
function nascondiFinestra(){
document.getElementById('finestra').style.display = 'none';
}
function iniziaDrag(){
drag = true;
}
function fineDrag(){
drag = false;
}
function trascina(e){
if (drag){
if (!e) var e = window.event; // compatibilità fra browser
document.getElementById('finestra').style.left = e.clientX + "px";
document.getElementById('finestra').style.top = e.clientY + "px";
}
}
-->
</script>
</head>
<body onmousemove = "javascript:trascina(event);">
<p>
<a href = "javascript:mostraFinestra();">clicca qui per aprire la finestra</a>
</p>
<div id = "finestra" onmousedown = "javascript:iniziaDrag();" onmouseup = "javascript:fineDrag();">
<a href = "javascript:nascondiFinestra()">chiudimi</a>
trascinami
</div>
</body>
</html>
War Thunder ↗
21/10/2007 13:12:36
oorazoroo ha scritto:
COmunque pistacchio, l'uso di "javascript:" è deprecato, puoi scrivere direttamente il nome delle funzioni ;)
hmmm, penso sia deprecato per gli eventi (come onmouseup) ma non per i link (href="javascript...") e quindi in genere lo uso per entrambi per una questione di unità nel codice.
cmq grazie di avermelo fatto notare, controllerò! :-)
World of Tanks ↗
21/10/2007 15:24:32
rispondo per dire che se il codice sopra postato non funzia con ie e' perche se non vado errato anziche' usare block e none, usa visible e hide.
Non sono del tutto sicuro, ora non ho tempo di star li a controllare :P
AlterEgo ↗
21/10/2007 15:34:45
radu ha scritto: rispondo per dire che se il codice sopra postato non funzia con ie e' perche se non vado errato anziche' usare block e none, usa visible e hide.
Non sono del tutto sicuro, ora non ho tempo di star li a controllare :P
è il drag che non funziona come dovrebbe, non lo show/hide, ed è dovuto al fatto che la parte "vuota" del div non è riconosciuta da ie, quindi il drag funziona solo se si trascina il layer dalla scritta o dai bordi.
Sea of Conquest ↗
Discussione seguita da
Pagine → 1
Rispondi alla Discussione Segui Discussione Inoltra Discussione Forum Programmazione, Open Source e Hosting Elenco Forum
Articoli, Interviste e altre Risorse!
