plugin jquery

edoo

Nuovo Utente
8 Ago 2013
21
0
0
ciao a tutti ho dei problemi nell'integrare i plugin jquery nella mia pagina php... non ho ben capito i passaggi da fare

una volta scaricato il plugin, nella root del sito devo inserire tutta la cartella o solo il file .js?


nella mia pagina il codice javascript per far funzionare il plugin lo devo inserire dentro il tag <script> </script>?

Grazie e scusate se magari non mi sono spiegato bene... se posso vi inserisco il link del plugin che vorrei far funzionare
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, puoi inserire direttamente il file .js
se vuoi essere ordinato puoi crearti una cartella dove inserire tutte le librerie
poi richiami il file nell'html in questo modo
HTML:
<script src="/nomecartella/nomefile.js" type="text/javascript"></script>
 

edoo

Nuovo Utente
8 Ago 2013
21
0
0
evidentemente sbaglio qualcosa nel procedimento io...
per esempio sto cercando di far funzionare questo form per il login
inserisco il form
PHP:
<form id="register" action="" method="post">
    <fieldset>
        <legend>Registrati</legend>
        <ul>
            <li>
                <label for="username" class="active">Username</label>
                <input type="text" value="" name="username" class="text" />
                <div class="reset">X</div>
            </li>
            <li>
                <label for="email" class="active">Indirizzo E-mail</label>
                <input type="text" value="" name="email" class="text" />
                <div class="reset">X</div>
            </li>
            <li>
                <input type="submit" value="Invia Dati" name="send" class="send" />
            </li>
        </ul>
    </fieldset>
</form>
lo formatto con i css
PHP:
body {font-size:1em;font-family:verdana;}
h1 {font-size:2em;margin:20px auto;text-align:center;}
fieldset {margin:10px auto;width:350px;height:auto !important;border: solid black 2px;}
fieldset ul {list-style:none;}
fieldset li {position: relative;margin: 8px 0;}
fieldset label {position: absolute;z-index: -1;top: 2px;left: 7px;width: 180px;color: #c8c8c8;font-size:14px;}
fieldset input {width: 150px;height: 25px;}
fieldset label.active {color: #000;}
fieldset input.text {border: 1px solid #666666;padding: 3px 6px;color: #333333;background-color: transparent;}
fieldset .reset {color:#fff;font-weight:bold;background-color: red;cursor: pointer;font-size: 10px;padding: 3px 5px;position: relative;text-align: center;top: 0;left: 0;width: 10px;}

a questo punto mi dice di inserire questo codice javascript
HTML:
$(function () {
    $('#register label').removeClass('active').animate({
        left: 7
    }, {
        queue: false,
        duration: 200
    });
    $('.reset').removeClass('active').animate({
        left: 0
    }, {
        queue: false,
        duration: 200
    });
    $('.reset').click( function() {
        $(this).prev().val('');
        $(this).siblings( 'label' ).removeClass('active').animate({
                    left: 7
                }, {
                    queue: false,
                    duration: 200
                });
                $(this).removeClass('active').animate({
                    left: 0
                }, {
                    queue: false,
                    duration: 200
                });
    });
    var $inputs = $('#register input');
    $inputs.click(function () {
        $inputs.each(function () {
            var current = $(this).val();
            this.label = $(this).prev();
            this.div = $(this).next();
            this.labelValue = this.label.html();
            if (!current || current == this.labelValue) {
                $(this).val('');
                this.label.removeClass('active').animate({
                    left: 7
                }, {
                    queue: false,
                    duration: 200
                });
                this.div.removeClass('active').animate({
                    left: 0
                }, {
                    queue: false,
                    duration: 200
                });
            } else {
                this.label.removeClass('active');
                this.div.removeClass('active');
            }
        });
        this.label = $(this).prev();
        this.div = $(this).next();
        this.labelValue = this.label.html();
        this.label.addClass('active');
        this.div.addClass('active');
        $('.active').animate({
            left: 175
        }, {
            duration: 300
        });
    });
});
però non riesco a farlo funzionare, il codice javascript lo devo inserire nei tag <script...></script> che mi hai detto te prima?
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
puoi includerlo sia nella stessa pagina che in un file esterno
la libreria principale di jquery la richiami?
dovresti avere qualcosa del genere
Codice:
script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
ci sono diversi modi per richiamarla, io preferisco salvarla dentro una mia cartella e richiamarla come spiegato nel post prima
 

edoo

Nuovo Utente
8 Ago 2013
21
0
0
Oook non richiamavo la libreria principale di jquery... Ora sto un paio di giorni fuori, quanto torno a casa riprovo a far funzionare il form con il tuo consiglio
Grazie mille
 
Discussioni simili
Autore Titolo Forum Risposte Data
MarcoGrazia Validazione remota tramite plugin (jquery validate) Snippet Javascript 0
Mauro Guardiani chi sa dove mettere questo codice Tubular jQuery plugin Javascript 1
H Licenze plugin jquery jQuery 0
E plugin JQuery PHP 7
S jquery plugin per vedere foto e video problemi aiuto jQuery 0
G problema con plugin validazione form jquery jQuery 0
R Plugin di base per WordPress WordPress 0
M Trasferire data plugin da un dominio ad un altro WordPress 6
Lino80 [Retribuito] Cerco programmatore php per modifica/inserimento funzione/valori da un plugin importer wordpress Offerte e Richieste di Lavoro e/o Collaborazione 0
R Filtri e plugin per photoshop Photoshop 0
C prendere dei valori da Plugin e inserirli nel database joomla Joomla 0
M Plugin Calendario Appuntamenti WordPress 1
R Plugin per Gestire videocorsi a pagamento WordPress 3
N Plugin permessi articoli WordPress 0
R Plugin per Registrazione Utente e Pagamento prodotto WordPress 2
V Plugin recensioni WordPress 4
M photoshop textile designer plugin Photoshop 0
L Plugin per scheda prodotti Woocommerce WordPress 0
M Semplice visualizzatore di immagini [risolto con plugin wp] PHP 7
R Richiesta per sviluppo plugin Wordpress Offerte e Richieste di Lavoro e/o Collaborazione 9
A [WordPress] Errore Plugin WordPress 0
ANDREA20 [WordPress] Plugin Booking WordPress 0
felino [Wordpress] Tabelle appartenenti a plugin rimossi WordPress 0
W [WordPress] [WooCommerce] Non trovo più la Tab Visulizzazione dei Prodotti in questo nuovo Plugin WordPress 2
P [WordPress] B2B stampa abbigliamento - plugin woocommerce? WordPress 2
trattorino [Javascript] ho comprato questo plugin ma non capisco come installarlo Javascript 1
M [WordPress] Plugin schede tecniche WordPress 0
A cordova-plugin-background-mode Sviluppo app per Android 0
T [WordPress] plugin redirect 301 WordPress 3
P Quale plugin per wordpress WordPress 6
P Plugin wordpress per GDPR Leggi, Normative e Fisco 2
F [WordPress] Plugin Ricerca per e-commerce Woocommerce WordPress 1
L Wordpress: consiglio plugin per "verifica disponibilità" WordPress 0
L Plugin per Woocommerce WordPress E-Commerce 2
B WordPress Popups Plugin WordPress 2
momeraths [WordPress] cURL error: problema aggiornamento/installazione plugin WordPress 4
M Esiste un plugin così? E-Commerce 2
Michaelweb93 [PHP] Problema configurazione - plugin "Offers for WooCommerce" PHP 0
L [VENDO] Plugin Wordpress per Quote Scommesse Calcio Offerte e Richieste di Lavoro e/o Collaborazione 1
S Plugin drupal CMS (Content Management System) 0
giuseppe_123 [WordPress] problema installazione temi, plugin e caricamento immagini WordPress 5
U [WordPress] Plugin Griglia WordPress 2
4potere [WordPress] Plugin raccolta clienti, area dedicata ad ogni cliente WordPress 0
E [WordPress] pagine prodotti o plugin ecommerce WordPress 5
Sbemmer33 VENDO TEMI E PLUGIN WORDPRESS SCONTATI AL 90% Altri Annunci 0
L [WordPress] creare un plugin , come faccio ad utilizzare le session. WordPress 5
K [WordPress] Plugin per inserire un form per la ricerca in un database.. come si fa? WordPress 1
KILLERIX Usare wordpress solo per i plugin CMS (Content Management System) 2
readme [WordPress] Cerco temi, plugin o codice per la mia idea WordPress 2
A [WordPress] Plugin gestione ordine prodotto. WordPress 0

Discussioni simili