[GDRCD 5.2] Scheda in finestra modale - Risolto

[GDRCD 5.2] Scheda in finestra modale - Risolto postato il 13/08/2014 15:06:13 nel forum programmazione, gdrcd, open source, hosting e modificato da norm il 20/08/2014 23:11:47

Buon pomeriggio a tutti! Sto lavorando sul codice di GDRCD 5.2 per un gruppo di amici, e fin quì tutto ok.
Mi è stato richiesto di mettere varie funzioni del gioco all'interno di finestre modali, e anche quì nessun problema: utilizzo jquery-ui.
Il problema sorge quando dovrei aprire in finestra modale un link dinamico, come ad esempio le schede dei vari personaggi dall'elenco dei presenti, o dall'elenco delle gilde, dal forum e così via. Come memorizzo l'informazione del nome del personaggio per passarla all'interno della scheda, in modo da far caricare i dati giusti?

Janeway: Jean-Luc.. Le andrebbe una bella gita su Romulus?
Picard: Con o senza il resto della Flotta?

quota

Pagine → 1 2 3 4 5 6

soizora

SCRIVI

13/08/2014 16:12:03

non vorrei dire una boiata, ma credo che il linguaggio Json possa darti una mano in ciò.

Storie di Agarthi ↗
Un Varco si apre davanti a te, un mondo tra i mondi è a portata di mano. Lasciati alle spalle le certezze, inizia l'avventura!

quota

maclay

SCRIVI

16/08/2014 09:34:07

norm ha scritto: Come memorizzo l'informazione del nome del personaggio per passarla all'interno della scheda, in modo da far caricare i dati giusti?

Interesserebbe anche a me avere qualche dritta, se fosse possibile.
Al momento, mi sto accontentando di avere la scheda in popup ma, francamente, la cosa non mi soddisfa per nulla.

In peace, may you leave this shore.
In love, may you find the next.
Safe passage on your travels,
until our final journey to the ground.
May we meet again.

Reshop, Heda.

quota

blancks

SCRIVI

16/08/2014 11:41:58

La prima cosa da fare è creare una pagina che vi permetta di aprire i moduli di pages, come il main, ma senza che si porti dietro tutta la struttura dell'interfaccia base della land.

Ok a questo punto la cosa più semplice in assoluto da fare è scrivere all'interno della modale un iframe con dimensioni 100% che assuma la forma della finestra e al cui interno si fa caricare la pagina voluta come fosse un normalissimo link.

In questo modo non c'è da preoccuparsi per gli eventuali link nella pagina in quanto se puntano alla stessa saranno navigabili tramite la modale senza problemi.

Se volete invece impelagarvi con ajax, la questione si complica e bisogna assegnare gli eventi ai link ogni volta che si richiede una pagina nuova.

GitHub: https://github.com/GDRCD/GDRCD ↗
Discord: https://discord.gg/zh69CDUf3V ↗

quota

maclay

SCRIVI

16/08/2014 13:29:37

blancks ha scritto: Ok a questo punto la cosa più semplice in assoluto da fare è scrivere all'interno della modale un iframe con dimensioni 100% che assuma la forma della finestra e al cui interno si fa caricare la pagina voluta come fosse un normalissimo link.

Uhm, non avevo proprio pensato all'iframe, sono sincera.
Proverò e poi ti farò sapere... ma già che si parla di iframes, posso applicare lo stesso metodo ai messaggi privati? Perchè ho provato svariate volte a metterli in modale, ma non c'è stato verso di farli funzionare a dovere.

In peace, may you leave this shore.
In love, may you find the next.
Safe passage on your travels,
until our final journey to the ground.
May we meet again.

Reshop, Heda.

quota

blancks

SCRIVI

16/08/2014 13:33:27

Certamente, puoi applicare lo stesso metodo anche lì.

GitHub: https://github.com/GDRCD/GDRCD ↗
Discord: https://discord.gg/zh69CDUf3V ↗

quota

norm

SCRIVI

17/08/2014 15:12:40 e modificato da norm il 17/08/2014 15:13:10

Mmh, forse non è quello che intendevo io, altrimenti non ho compreso il suggerimento di Blancks.
Dunque, ho messo in finestra modale (con al suo interno un iframe in cui caricare la pagina "main.php" semplificata con l'elemento di /pages richiesto) l'elenco dei presenti estesi in land, e fin quì tutto ok. Vorrei far aprire in una seconda finestra modale la scheda dei vari personaggi online, e non so come impostare il link che cambia di volta in volta.

La struttura di base della finestra modale è inserita in main.php, in questa maniera:

E analogamente una seconda finestra modale per la scheda, sempre in main.php, solo che non so come impostare il link:

<div id="scheda">
<iframe src="popup.php?page=scheda&pg=<NOMEDELPG>" class="iframe_scheda"
name="iframe_scheda" allowtransparency="true" frameborder="0"></iframe>
</div>

Come imposto questo valore per far sì che la scheda venga aperta dalle varie parti del gioco come presenti_estesi, messages_center, elenco corporazioni, forum e così via?

Janeway: Jean-Luc.. Le andrebbe una bella gita su Romulus?
Picard: Con o senza il resto della Flotta?

quota

blancks

SCRIVI

17/08/2014 15:34:47

Devi usare javascript per modificare dinamicamente il valore dell'iframe.

Potresti realizzare una funzione simile da caricare nel main (o comunque dove raccogli le strutture delle tue modali)

function modalWindow(url) {
// Qui metti il codice per far apparire visivamente la modale

// e quello che segue è il codice per impostare la url dell'iframe:
$('#scheda iframe').attr('src', url);
}

A questo punto per utilizzare la funzione, per esempio nella pagina dei presenti estesi, devi impostare i link in questo modo:

<a href="javascript:parent.modalWindow('popup.php?page=scheda&pg=NOMEPERSONAGGIO');">NOMEPERSONAGGIO</a>

GitHub: https://github.com/GDRCD/GDRCD ↗
Discord: https://discord.gg/zh69CDUf3V ↗

quota

norm

SCRIVI

17/08/2014 16:52:20 e modificato da norm il 17/08/2014 16:53:10

Niente, ancora non arrivo ad una soluzione. :(
La funzione modalWindow(url) la inserisco nell'header del main, dove ho inserito le impostazioni per tutte le altre finestre modali, dentro ad un <script type="text/javascript"></script>:

Mentre sostituisco il link in presenti_estesi, come hai scritto tu. Però la finestra modale non viene nemmeno letta come tale, appare nel main.php il div che ho inserito nel mio ultimo post:

<div id="scheda">
<iframe src="popup.php?page=scheda&pg=<?php echo IlNomeDelMioPG; ?>"
class="iframe_scheda" name="iframe_scheda"
allowtransparency="true" frameborder="0"></iframe>
</div>

Mi sento davvero un gran caprone a non riuscire a risolvere questa cosa! -_-''

Janeway: Jean-Luc.. Le andrebbe una bella gita su Romulus?
Picard: Con o senza il resto della Flotta?

quota

maclay

SCRIVI

19/08/2014 00:52:22

Confermo quanto scritto da Norm. Ho provato con un codice molto simile al suo - di fatto, l'unica differenza degna di "nota" è data dai nomi dei div e degli iframe - ma non c'è verso di farla funzionare.

In peace, may you leave this shore.
In love, may you find the next.
Safe passage on your travels,
until our final journey to the ground.
May we meet again.

Reshop, Heda.

quota

blancks

SCRIVI

19/08/2014 00:56:25

Non m'ero proprio accorto delle ultime repliche, pardon.

Nel codice di norm c'è un errore.
L'iframe è identificato dal class iframe_scheda, ma nel suo selettore lo tratta come fosse un id:

$("#iframe_scheda").attr("src", url);

Bisogna usare il puntino al posto del cancelletto.

GitHub: https://github.com/GDRCD/GDRCD ↗
Discord: https://discord.gg/zh69CDUf3V ↗

quota

Discussione seguita da › norm › edithcarriehyde › mr_jakhal › karma94 › ladylilith › rt1978 › ethel › hellgategdr