[PHP] script importati da internet o da file

[paloppa]

Salve a tutti , sto cercando di realizzare la paginazione tramite dataTables e sembra che ci sia riuscito.
L'unica pecca sono gli script che ho importato che sono su siti e non su file.
Ho deciso quindi di scrivere tuto il codice che è presente nei vari siti, nei file di formato .js e importarli nel codice php.

Soltanto che se faccio in questo modo , non funziona piu la paginazione.

Come mai? Può essere che alcuni file si richiamano, e dato che gli script li ho messo nei file non vengano riconosciuti?


Qui ci sono gli script che ho utilizzato
https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js
https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css
https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js
https://cdn.datatables.net/1.10.12/js/dataTables.bootstrap.min.js
https://cdn.datatables.net/1.10.12/css/dataTables.bootstrap.min.css

 

[Max 1]

Se tu vuoi avere i file sul tuo dominio per non importarli da altri siti ti basta semplicemente copiarli con lo stesso nome in una tua cartella e aggiornare il percorso nel codice

 

[paloppa]

Se tu vuoi avere i file sul tuo dominio per non importarli da altri siti ti basta semplicemente copiarli con lo stesso nome in una tua cartella e aggiornare il percorso nel codice

Ciao Marco e grazie per la risposta.
Io ho fatto proprio cosi, ho tolto dal codice la stringa
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>

e l'ho sostituita con
<script src="jquery.min.js"></script>

Considerando che il file jquery.min.js si trova nella stessa directory del file index!!

Sostituendo cosi, non va

 

[Max 1]

La pagina che lo richiama è l'index?
Le cose sono due o il file non è fisicamente nella stessa cartella dell'index o non è richiamato dall'index ma da un'altra pagina

 

[paloppa]

il file si chiama nello specifico richieste_admin.php

i file in tutto importati sono 5
nel file ho scritto cosi per importare i file

  <script src="bootstrap datatable"></script>
    <script src="datatable"></script>
    <script src="jquery.min"></script>
    <link rel="stylesheet" href="bootstrap.min" />
     <link rel="stylesheet" href="bootstrap datatable" />

 

[Max 1]

Il link al file css non ha estensione .css
Per il resto mi sembra solo un problema di percorso nella tua immagine non vedo nella cartella dei file le pagine .PHP o HTML

 

[paloppa]

Il link al file css non ha estensione .css
Per il resto mi sembra solo un problema di percorso nella tua immagine non vedo nella cartella dei file le pagine .PHP o HTML

Questi file presi da internet non devono essere in formato js per i javascript e css per i formati css styile?
Se vedi nell'immagine ti ho postato la cartella dove ci sono i 5 file che servono per la paginazione e il file php (richieste_admin) che è l'index diciamo.
Per vedere l'estensione dei file guarda a destra dell'immagine sotto la colonna "tipo"

 

[macus_adi]

Ciao @paloppa ,

Dovresti seguire le linee guida di WP per scrivere un plugin...

/**
 * Include CSS file for MyPlugin.
 */
function myplugin_scripts() {
    wp_register_style( 'foo-styles',  plugin_dir_url( __FILE__ ) . 'assets/foo-styles.css' );
    wp_enqueue_style( 'foo-styles' );
}
add_action( 'wp_enqueue_scripts', 'myplugin_scripts' );

https://codex.wordpress.org/Function_Reference/plugin_dir_url

e l'ho sostituita con
<script src="jquery.min.js"></script>

Considerando che il file jquery.min.js si trova nella stessa directory del file index!!

Sostituendo cosi, non va

Poi ricordati che wp instanzia tutto dalla root del sito..
Nel modo in cui hai scritto stai dicendo alla index.php della root del sito di caricare il file in root/jquery.js e non nella directory del tuo plugin....
Dovresti scrivere script src="/wp-content/plugins/mio_plug/dir_js/file.js"></script>

 

[marino51]

tutti i file che hai visualizzato hanno un'estensione (.js, .css o altro)
nella schermata che hai postato, non si vede il nome completo,
per vedere il nome completo in "esplora risorse" di windows nel tab "visualizza" attiva la checkbox "estensioni nomi file"

quindi, per esempio
<script src="jquery.min"></script>
va scritto
<script src="jquery.min.js"></script>
e così tutti gli altri, con la rispettiva estensione

scusa ho visto ora che hai una versione precedente di "esplora risorse"
la checkbox menzionata la devi cercare sotto "organizza",
non ho a disposizione la tua versione per cui non ti posso indicare il percorso esatto
ma lì sta....

 

[paloppa]

tutti i file che hai visualizzato hanno un'estensione (.js, .css o altro)
nella schermata che hai postato, non si vede il nome completo,
per vedere il nome completo in "esplora risorse" di windows nel tab "visualizza" attiva la checkbox "estensioni nomi file"

quindi, per esempio
<script src="jquery.min"></script>
va scritto
<script src="jquery.min.js"></script>
e così tutti gli altri, con la rispettiva estensione

scusa ho visto ora che hai una versione precedente di "esplora risorse"
la checkbox menzionata la devi cercare sotto "organizza",
non ho a disposizione la tua versione per cui non ti posso indicare il percorso esatto
ma lì sta....

Ho appena messo nel mio sistema operativo che tutti i file compaiono con le estensioni.
Ho inoltre aggiunto nelle stringhe dei codice php le estensioni per ogni fle.

Ecco come ho adesso le stringhe:

 <script src="bootstrap%20datatable.js"></script>
    <script src="datatable.js"></script>
    <script src="jquery.min.js"></script>
    <link rel="stylesheet" href="bootstrap.min.css" />
     <link rel="stylesheet" href="bootstrap%20datatable.css" />

Non vengono però ancora riconosciuti dal file richieste_admin.php (il mio index)

come mai?

Anticipazione (Spoiler): Immagine

 

[macus_adi]

Dovresti scrivere script src="/wp-content/plugins/mio_plug/dir_js/file.js"></script>

O in alternavita

/**
 * Include CSS file for MyPlugin.
 */
function myplugin_scripts() {
    wp_register_style( 'foo-styles',  plugin_dir_url( __FILE__ ) . 'assets/foo-styles.css' );
    wp_enqueue_style( 'foo-styles' );
}
add_action( 'wp_enqueue_scripts', 'myplugin_scripts' );

 

[paloppa]

O in alternavita

/**
 * Include CSS file for MyPlugin.
 */
function myplugin_scripts() {
    wp_register_style( 'foo-styles',  plugin_dir_url( __FILE__ ) . 'assets/foo-styles.css' );
    wp_enqueue_style( 'foo-styles' );
}
add_action( 'wp_enqueue_scripts', 'myplugin_scripts' );

ho provato con <script src="/wp-content/plugins/mio_plug/dir_js/file.js"></script
inserendo dentro plugins una cartella chiamata paginazione, e poi dentro la cartella paginazione i vari js.
Quindi la string ami è diventata
<scipt src="wp-content/plugins/paginazione/bootstrap.min.css"></script>
e cosi non va

Ho messo una cartella paginazione dentro il percorso C:\xampp\htdocs\lavoro\wp-admin\js\paginazione e neanche li va.

 

[macus_adi]

<scipt src="wp-content/plugins/paginazione/bootstrap.min.css"></script>

Lo slash iniziale....

<scipt src="/wp-content/plugins/paginazione/bootstrap.min.css"></script>

O in alternativa potresti utilizzare la base url di WP quindi

<scipt src="<?php echo get_site_url();?>/wp-content/plugins/paginazione/bootstrap.min.css"></script>

https://developer.wordpress.org/reference/functions/get_site_url/

O ancora in alternativa Aggiungi al wp-config.php questo

define('WP_SITEURL','https://www.mio_sito.biz');

e nel file includi in questo modo

<scipt src="<?php echo WP_SITEURL; ?>/wp-content/plugins/paginazione/bootstrap.min.css"></script>

 

[paloppa]

Lo slash iniziale....

<scipt src="/wp-content/plugins/paginazione/bootstrap.min.css"></script>

O in alternativa potresti utilizzare la base url di WP quindi

<scipt src="<?php echo get_site_url();?>/wp-content/plugins/paginazione/bootstrap.min.css"></script>

https://developer.wordpress.org/reference/functions/get_site_url/

O ancora in alternativa Aggiungi al wp-config.php questo

define('WP_SITEURL','https://www.mio_sito.biz');

e nel file includi in questo modo

<scipt src="<?php echo WP_SITEURL; ?>/wp-content/plugins/paginazione/bootstrap.min.css"></script>

Niente da fare Marco.

Questo è il mio codice adesso

<script src="get_site_url()/wp-content/plugins/paginazione/bootstrap_datatable.js"></script>
    <script src="get_site_url()/wp-content/plugins/paginazione/datatable.js"></script>
    <script src="get_site_url()/wp-content/plugins/paginazione/jquery.min.js"></script>
    <link rel="stylesheet" href="/wp-content/plugins/paginazione/css/bootstrap.min.css" />
     <link rel="stylesheet" href="/wp-content/plugins/paginazione/css/bootstrap_datatable.css" />

Queste le cartelle dove si trovano gli script e i css

Anticipazione (Spoiler): Cartella JS

Anticipazione (Spoiler): cartella CSS

 

[macus_adi]

@paloppa .-.....

ipt src="<?php echo get_site_url();?>/wp-content/plugins/paginazione/bootstrap.min.css"></script>

<script src="get_site_url()/wp-content/plugins/paginazione/bootstrap_datatable.js"></script>

 

[paloppa]

@paloppa .-.....

  <script src="<?php echo get_site_url();?>/wp-content/plugins/paginazione/bootstrap_datatable.js"></script>
    <script src="<?php echo get_site_url();?>/wp-content/plugins/paginazione/datatable.js"></script>
    <script src="<?php echo get_site_url();?>/wp-content/plugins/paginazione/jquery.min.js"></script>
    <link rel="stylesheet" href="/wp-content/plugins/paginazione/css/bootstrap.min.css" />
     <link rel="stylesheet" href="/wp-content/plugins/paginazione/css/bootstrap_datatable.css" />

Niente da fare neanche cosi.
Ma nei file che ho creato, basta copiare e incollare il codice giusto? non devo fare altre modifiche o altro?

 

[macus_adi]

vedi in consolo che dice...

 

[paloppa]

vedi in consolo che dice...

Questi gli errori da console

Anticipazione (Spoiler): Screen

Tralasciando gli altri errori che magari verranno esaminati successivamente (come il validate)

 

[macus_adi]

Stai in localhost..... Non ti sei accorto che manca la dir lavoro nel percorso dei file???

localhost/lavoro/wp-content/plugins/path_plugin/js/file.js.......
Stai attento

 

[paloppa]

Stai in localhost..... Non ti sei accorto che manca la dir lavoro nel percorso dei file???

localhost/lavoro/wp-content/plugins/path_plugin/js/file.js.......
Stai attento

Adesso sembra prendere il css ma i js no.