Finestre Modali JQUERY

nodd

Finestre Modali JQUERY postato il 09/09/2011 21:08:23 nel forum programmazione, gdrcd, open source, hosting

Salve ragazzi,
Da poco mi sono "buttato" nel mondo Jquery e quindi come potete capire le mie conoscenze sono molto grezze in merito.
Sto imparando un po alla volta soltanto che sono arrivato in un intoppo.
Diciamo che mi sono cimentato nella creazione di finestre modali...in che modo:
1)Una volta chiamata una determinata finestra modale,quest'ultima non può più essere creata,ma bisogna attendere che quest'ultima venga chiusa per riaprirla nuovamente.
2)Voglio creare, come spero si sia capito, più finestre modali...

In poche parole il codice che ho scritto è questo:

ContaFM = new Array();
var FM = new Array();

function tuttoModale(id, pagina){
var cond = false;
var i = 0;
for(var i=0; i<ContaFM.length; i++){
if(ContaFM==id){
cond = true;
i=ContaFM.lenght;
}
}
i = ContaFM.length;
ContaFM = id;
if(!cond){
generaModale(i);
}
}

function generaModale(i){
var fm = '<div id="fm_cont_'+i+'" class="fm_cont">';
fm +='<div id="fm_a_s_'+i+'" class="fm_a_s"></div>';
fm +='<div id="fm_a_c_'+i+'" class="fm_a_c"></div>';
fm +='<div id="fm_a_d_'+i+'" class="fm_a_d"></div>';
fm +='<div id="fm_c_s_'+i+'" class="fm_c_s"></div>';
fm +='<div id="fm_c_c_'+i+'" class="fm_c_c"></div>';
fm +='<div id="fm_c_d_'+i+'" class="fm_c_d"></div>';
fm +='<div id="fm_b_s_'+i+'" class="fm_b_s"></div>';
fm +='<div id="fm_b_c_'+i+'" class="fm_b_c"></div>';
fm +='<div id="fm_b_d_'+i+'" class="fm_b_d"></div>';
fm +='</div>';
FM = $(fm);
FM.appendTo("body");
$('#fm_cont_'+i).draggable();
}

Mentre invece il codice nella homepage è questo:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script language="javascript" src="js/jquery.js"></script>
<script language="javascript" src="js/jqueryui.js"></script>
<script language="javascript" src="js/utility.js"></script>
<link rel="stylesheet" href="css/css.css" type="text/css" />
</head>
<body>
<a href="#" onclick="tuttoModale(1, 'ciao.php');">Ciao</a><br>
<a href="#" onclick="tuttoModale(2, 'ciao2.php');">Ciao2</a><br>
</body>
</html>

Qual'è il problema?..Xk non mi visualizza la finestra modale???
Ovviamente il codice è molto grezzo,sto all'inizio....ma vorrei capire l'intoppo.
Il file che ho scritto si trova in js/utility.js

Ps:Se cancello la concatenazione della variabile "i" vicino ai div,funziona tutto alla meraviglia,ma appunto a me serve che vengano generati più div,e per identificarli,mi serve appunto cambiargli l'id...no??...
Datemi voi qlk consiglio..
Per raggiungere il sito:
www.nandomoccia.altervista.org

grazie in anticipo

Game of Thrones ↗
Pronto a diventare il Signore dei Sette Regni? Guida la tua grande casata in epiche battaglie PvP ed esplora il mondo di Westeros!

quota

Pagine → 1

leoblacksoul

SCRIVI

09/09/2011 23:57:57 e modificato da leoblacksoul il 10/09/2011 00:05:34

Non è vero che il tuo script non funziona. L'ho appena testato e ho visto il codice dei tuoi <div> comparire nell'HTML della pagina.
Semplicemente le tue finestre modali non hanno nessuno stile quindi sono trasparenti e di dimensione 0. Mettigli un bordo e settagli una larghezza e un altezza e le vedrai comparire.

Javascript è perfetto, è il CSS che non funziona. Tutte le direttive CSS che hai scritto sono fatte così:

#fm_cont #fm_c_c{
position:absolute;
display:block;
overflow:auto;
background-color:white;
width:85%;;
height:87%;
top:30px;
left:30px;
}

Ma dato che tutte le tue finestre modali hanno id fatti così: fm_cont_0, fm_cont_1, ovviamente il browser non applica lo stile da te definito. Le direttive CSS devono specificare esattamente l'id del l'elemento a cui devono dare stile, usare solo metà del nome non vale XD

Nel tuo codice usi draggable(), un plugin di JqueryUI. Capisco e incoraggio la tua voglia di provare a farlo da solo, però perchè non usi http://jqueryui.com/demos/dialog/ anche il plugin Dialog, che è fatto apposta per creare finestre, sia modali che non?
---
Non chiedetemi aiuto in privato per questioni di programmazione; chiedete sul forum e eventualmente vi risponderò lì.
http://gdrportal.eu - Hosting per GDR

quota

nodd

SCRIVI

10/09/2011 10:52:09

Sono un deficiente lo so...u.u.....ho settato ora meglio il css e io che mi scervellavo cercando di capire qual'era il mio errore.
Cmq Leo ti ringrazio infinitamente e comunque no...ho già visto il metodo dialog() etc...
Ma il mio intento oltre a creare una mia finestra modale partendo appunto da 0 che credimi mi da molte soddisfazioni,è imparare anche ad usare questo framework^_____^....e piano piano allargare le mie conoscenze.
Sarebbe scontato fare .dialog()....ma più incontro errori,più li risolvo,e più imparo.....
Non so se hai afferrato il mio concetto...molte volte non riesco ad essere perfetto nelle mie esposizioni.

CRSED: F.O.A.D. ↗
Brutale sparatutto MMO in cui vince l'ultimo giocatore che resta in vita nell'arena! Ogni giocatore sarà accompagnato da armi realistiche e magie!

quota

airon

SCRIVI

10/09/2011 12:29:57

nodd ha scritto: Sono un deficiente lo so...u.u.....ho settato ora meglio il css e io che mi scervellavo cercando di capire qual'era il mio errore.
Cmq Leo ti ringrazio infinitamente e comunque no...ho già visto il metodo dialog() etc...
Ma il mio intento oltre a creare una mia finestra modale partendo appunto da 0 che credimi mi da molte soddisfazioni,è imparare anche ad usare questo framework^_____^....e piano piano allargare le mie conoscenze.
Sarebbe scontato fare .dialog()....ma più incontro errori,più li risolvo,e più imparo.....
Non so se hai afferrato il mio concetto...molte volte non riesco ad essere perfetto nelle mie esposizioni.

Più che altro così impari javascript "puro", e se vuoi usare jQuery per fare 2 shortcuts mi sa che non ha nemmeno senso usarlo :p

Game of Thrones ↗
Pronto a diventare il Signore dei Sette Regni? Guida la tua grande casata in epiche battaglie PvP ed esplora il mondo di Westeros!

quota

nodd

SCRIVI

10/09/2011 12:31:54

airon,l'intento è anche quello :P...

Enlisted ↗
Guida la tua squadra di soldati in combattimenti su larga scala, con fanteria, veicoli corazzati e aerei della IIa Guerra Mondiale!

quota

Discussione seguita da › nodd
Pagine → 1

Rispondi alla Discussione Aggiungi ai Preferiti Inoltra Discussione Forum Programmazione, GDRCD, Open Source, Hosting Elenco Forum

Articoli, Recensioni, Interviste e altre Risorse!

La Terra di Mezzo

Recensione del GDR Fantasy "La Terra di Mezzo" ambientato nel fantastico mondo di Tolkien

Saint or Sinners

Intervista allo staff di Saint or Sinner? - Los Angeles, play by chat moderno ambientato a Los Angeles!

World of Warship

MMO gratuito con frenetiche battaglie navali ambientate nel ventesimo secolo. Salpa con la tua nave ed affronta i nemici!

Plarium MMO

In questo articolo vi presentiamo il portale di MMO Plarium con una base di oltre 150 milioni di giocatori!

Finestre Modali JQUERY

Articoli, Recensioni, Interviste e altre Risorse!

Pubblicità

Accedi o Registrati

Risorse del Portale

Pubblicità

Ultime dal Portale

Pubblicità

Articoli e altro