Scheda su finestra modale GDRCD 5.1

Scheda su finestra modale GDRCD 5.1 postato il 24/05/2013 06:19:29 nel forum programmazione, open source e hosting e modificato da untiltheveryend il 24/05/2013 06:20:21

Ciao a tutti.
Sto lavorando ad un GDR da qualche mese ed ho quasi tutto pronto.
Mi è venuta, però, la malsana idea di combattere contro un linguaggio che non conosco per pura estetica.
Ecco, qui il dubbio.
Ho scaricato jquery ui per fare le finestre modali, fin qui tutto bene.
Il problema è che sulle pagine pulite funziona perfettamente (quindi non è un errore di cartella, o che so io) mentre sulle pagine di GDRCD le mostra come un div normalissimo.
Per iniziare ho provato con un testo, questo è l'head:

<meta charset="utf-8">
<link rel="stylesheet" href="../jquery-ui-1.10.3.custom/development-bundle/themes/custom-theme/jquery.ui.all.css">
<script src="../jquery-1.9.1.js"></script>
<script src="../ui/jquery.ui.core.js"></script>
<script src="../ui/jquery.ui.widget.js"></script>
<script src="../ui/jquery.ui.mouse.js"></script>
<script src="../ui/jquery.ui.draggable.js"></script>
<script src="../ui/jquery.ui.position.js"></script>
<script src="../ui/jquery.ui.resizable.js"></script>
<script src="../ui/jquery.ui.button.js"></script>
<script src="../ui/jquery.ui.dialog.js"></script>
<script src="../ui/jquery.ui.effect.js"></script>
<script src="../ui/jquery.ui.effect-blind.js"></script>
<script src="../ui/jquery.ui.effect-explode.js"></script>
<link rel="stylesheet" href="../demos/demos.css">
<script>
$(function() {
$( "#dialog" ).dialog({
autoOpen: false,
show: {
effect: "blind",
duration: 1000
},
hide: {
effect: "explode",
duration: 1000
}
});

$( "#opener" ).click(function() {
$( "#dialog" ).dialog( "open" );
});
});
</script>

Questo è il contenuto:

<div id="dialog" title="Benvenuto su Until the Very End!">
<p align="center">Sito ottimizzato per Google Chrome su schermo 1024x768. <br>
Se non lo visualizzi al 100% premi ctrl- finchè non avrai ottenuto la visione totale della schermata. <br>
Buon proseguimento!</p>
</div>

E ovviamente il bottone:

<div style="position:absolute; top:590px; left:356px;"><button id="opener">Non visualizzi correttamente la pagina?</button></div>

In pratica, sulla home si vede bene. In qualsiasi pagina (main o /pages) non funziona.

Qualche idea sul perchè?

Ovviamente poi c'è il problema delle schede..
Come faccio a far visualizzare un'intera pagina in una finestra modale?

Grazie mille per l'aiuto. ç_ç

24/05/2013 09:38:37

Se non sbaglio è un conflitto, sul forum c'è la soluzione. Il tasto cerca ti può aiutare :)

24/05/2013 12:14:44

Il simbolo del $ usato da jquery va in conflitto con l'uso nativo del simbolo fatto dagli script del gdrcd.

per risolvere le vie sono diverse.
- rimpiazzi le fuunzioni native del 5.1 con funzioni di jquery visto che la usi per le finestre modali.
- modifichi gli script nativi eprchè non collidano
- oppure fai coomespiegato qui: http://api.jquery.com/jQuery.noConflict/ ↗