Finestre Modali (e non)

Finestre Modali (e non) postato il 20/07/2008 00:53:58 nel forum programmazione, open source e hosting

'Sera :P

Rieccomi qui a scrivere preso dalla smania di fare tutto da me, infatti pensando e ripensando a quelle belle finestre che compaiono al verificarsi di un dato evento (ad esempio le window di prototype), ero tentato di provare a fare qualcosa di simile da solo.

Solo che volevo chiedere:

- Una div inizialmente nascosta, con uno z-index molto alto che al click dell'utente su una determinata zona si attivi va bene? Perchè guardando il sorgente (javascript) di queste finestre vedo righe e righe di codice che attualmente non riesco completamente a capire (il che mi fa scartare queste cose già fatte :O)

Ho cercato su internet qualche informazione in più su queste finestre ma non ho trovato nulla, soprattutto sul come si sviluppano :P

20/07/2008 02:19:01

A livello teorico credo che dovrebbe andare bene.
Ovviamente il div a sua volta conterrà altri div, span, tabelle o quello che ti servirà insomma.
Ti crei la funzioncina per centrarlo...
Il drag and drop lo vedo più difficile, ma non è fondamentale.
Più che altro credo che il codice di prototype sia molto complesso anche perchè magari oltre alla finestra semplice ha l'effetto fade, blink, ingrandisci, riduci a icona, drag and drop, e tante cose ancora.
Magari facendo tutto con calma ce la fai :P

20/07/2008 02:26:42

drag & drop mi sa che userò quello di mootools, per quanto riguarda effetti fade o morph nn mi interessano. Se faccio qualcosa da me è per rendere l'essenziale senza troppi effetti che inchiodano i pc.

20/07/2008 11:51:08

Guarda se usi per quel div delle posizioni assolute tramite i css potresti fare una cosa ancora più semplice... metti a quel div l'attributo display: none;
poi tramite un bottone richiami una funzione javascript che cambia l'attributo display da none a block e ti fa vedere il div. Se vuoi ti passo il codice qui o tramite mp se ti interessa

20/07/2008 11:59:35

toth ha scritto: Guarda se usi per quel div delle posizioni assolute tramite i css potresti fare una cosa ancora più semplice... metti a quel div l'attributo display: none;
poi tramite un bottone richiami una funzione javascript che cambia l'attributo display da none a block e ti fa vedere il div. Se vuoi ti passo il codice qui o tramite mp se ti interessa

è esattamente quello che intendevo fare :D

comunque penso che userò javascript per creare dinamicamente una div in modo da nn doverla inserire io nel sorgente.

20/07/2008 14:29:39

bhè funzionare funziona.. anche con drag&drop..

il problema è che non riesco ad eliminare la div creata :O

20/07/2008 15:03:30

Usa removeChild, oppure svuotala e rendila invisibile... fai te :)

20/07/2008 15:17:29

darkside of breakfast ha scritto: Usa removeChild, oppure svuotala e rendila invisibile... fai te :)

usando removeChild nn va :O

20/07/2008 15:19:42

Non hai detto che creavi il div dinamicamente con js?
E non usi i metodi dom, tipo appendChild al body?

20/07/2008 18:00:42 e modificato da arry_blu il 20/07/2008 18:01:28

function chiudi(id){
var finestra=document.getElementById(id);
finestra.removeChild(finestra);
}

questo è il codice che uso attualmente :O

solo che mi dice che l'id che prendo come parametro della funzione non è definito 😠

mentre la div c'è eccome

20/07/2008 18:08:44

-> finestra.removeChild(finestra);

Credo che al posto di finestra all'inizio dell'istruzione ci andrebbe il padre del nodo.
Ad esempio il body, oppure un altro div che contenga il nodo "finestra".