plugin jquery

[edoo]

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]

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

<script src="/nomecartella/nomefile.js" type="text/javascript"></script>

 

[edoo]

evidentemente sbaglio qualcosa nel procedimento io...
per esempio sto cercando di far funzionare questo form per il login
inserisco il form

<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

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

$(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]

puoi includerlo sia nella stessa pagina che in un file esterno
la libreria principale di jquery la richiami?
dovresti avere qualcosa del genere

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]

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