Perplessità su utilizzo corretto Php e JQuery

**Lord112** · 26-10-2014, 14:43

Ciao ragazzi, ho una perplessità che mi arrovella il cervello:

se ho una pagina index.php nel cui Head ho una serie di collegamenti a Bootstrat , JQuery ed altre librerie di terze parti, es

codice:

<!-- Bootstrap Core CSS -->
        <link href="css/bootstrap.min.css" rel="stylesheet">

        <!-- Custom CSS -->
        <!--<link href="css/2-col-portfolio.css" rel="stylesheet">-->
        <!-- Chat -->

        <link href="utility/chat/style_chat.css" rel="stylesheet" type="text/css"/>

        <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
        <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

quando in uno specifico div apro un'altra pagina ( utilizzando Ajax ), e questa pagina utilizza delle funzionalità proprie di JQuery, è necessario inserire nel head della pagina richiamata il riferimento a bootstrap e Jquery oppure posso procedere con un head bianco perchè tanto erediterà quello della pagina padre che la conterrà? Non so se sono stato molto chiaro, ad ogni modo resto in attesa di una vostra risposta. Grazie

**Santino83_02** · 26-10-2014, 14:48

tu in in div non riapri una pagina intera, INIETTI un pezzo di codice html/javascript preso da una url. Questo vuol dire che la parte INIETTATA non si porta dietro le dipendenze di bootstrap/jquery sia a livello JS che CSS, perchè una volta che jquery inietterà tramite chiamata ajax il pezzo di codice html nella pagina principale, i css/js di boostrap/jquery saranno a disposizione e il browser renderizzerà correttamente il codice html/js che hai iniettato. Diversamente, se inietti una pagina intera con tanto di tag html/body, devi usare un iframe come target della chiamata

**Lord112** · 26-10-2014, 14:52

Grazie per la celere risposta, quindi come mi consigli di procedere? Immaginiamo un caso più concreto, ho una tabella che viene formata dalla lettura di alcuni dati dal database, per paginare questa tabella utilizzo un noto plugin ( dataTables) , i riferimenti a questo plugin li devo inserire all'intenro della pagina che ha la tabella da paginare oppure nella index che richiama tale pagina? Io li ho inseriti in entrambe le parti ma non sembra funzionare

, tu come procederesti? Grazie ancora e buona domenica.

Ps --> E se ho uno script nella parte Head nella pagina che importo? Come mi comporto?

**Santino83_02** · 26-10-2014, 17:57

io in genere metto tutto sulla index e nella pagina iniettata metto solo un jQuery(document).ready(... inizializzo la datatables ...).. anche i css li metto sulla index

**Lord112** · 27-10-2014, 01:05

Originariamente inviata da Santino83_02

io in genere metto tutto sulla index e nella pagina iniettata metto solo un jQuery(document).ready(... inizializzo la datatables ...).. anche i css li metto sulla index

Potresti essere più preciso? Metti tutto nella index, anche le azioni Jquery che eventualmente il codice iniettato dovrà fare? Grazie mille

**Santino83_02** · 27-10-2014, 13:06

nella index:

Codice PHP:


<html>
<head>
.....
<link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css" />
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/jquery.dataTables.min.js"></script>
.....

</head>

nell'inclusa:

Codice PHP:


<input type="text" id="search-box" />
<table id="mytable">...</table>
<script type="text/javascript">

jQuery(document).ready(function(){

var oTable = $('#mytable').dataTable({...});

//filter table
$("#search-box").keyup( function () {
                oTable.fnFilter( this.value );
            } );

});

</script>

e basta

**Lord112** · 28-10-2014, 16:33

Originariamente inviata da Santino83_02

nella index:

Codice PHP:


<html>
<head>
.....
<link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css" />
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/jquery.dataTables.min.js"></script>
.....

</head>

nell'inclusa:

Codice PHP:


<input type="text" id="search-box" />
<table id="mytable">...</table>
<script type="text/javascript">

jQuery(document).ready(function(){

var oTable = $('#mytable').dataTable({...});

//filter table
$("#search-box").keyup( function () {
                oTable.fnFilter( this.value );
            } );

});

</script>

e basta

Grazie mille, invece per gli import di classi .php dove li posizioni? Sempre nella Index o nelle singole pagine? Ovviamente poi come ti regoli con i percorsi? Grazie ancora

**Santino83_02** · 28-10-2014, 23:26

import di classi php?

quelli ti regoli come se fosse una qualsiasi richiesta http al tuo sito web...ovviamente se carichi via ajax la pagina "asincrona.php", in "asincrona.php" devi aver fatto gli include DI TUTTE LE CLASSI PHP che ti servono a soddisfare la richiesta

Discussione: Perplessità su utilizzo corretto Php e JQuery

Strumenti discussione

Ricerca discussione

Visualizza

Perplessità su utilizzo corretto Php e JQuery

Tag per questa discussione

Permessi di invio