IdentifiantMot de passe
Loading...
Mot de passe oubli� ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les r�ponses en temps r�el, voter pour les messages, poser vos propres questions et recevoir la newsletter

WordPress PHP Discussion :

int�grer un scripts jquery sur wordpress


Sujet :

WordPress PHP

  1. #1
    Membre confirm�
    Homme Profil pro
    �tudiant
    Inscrit en
    Juillet 2014
    Messages
    44
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 36
    Localisation : France, Bas Rhin (Alsace)

    Informations professionnelles :
    Activit� : �tudiant
    Secteur : Industrie Pharmaceutique

    Informations forums :
    Inscription : Juillet 2014
    Messages : 44
    Par d�faut int�grer un scripts jquery sur wordpress
    Bonjour, je souhaite int�grer mon script JS sur wordpress c'est pour l'utiliser sur mon formulaire plugin(contact form 7),

    J'ai ajouter le lien sur le fichier footer.php :

    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
     
     
    <script type="text/javascript" src="<?php echo get_stylesheet_directory_uri(); ?>/js/1.7.1/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="<?php echo get_stylesheet_directory_uri(); ?>/js/Script.js"></script> <? php echo get_template_directory_uri ();?>
    voici mon code js:

    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
     
    /*! jQuery script to hide certain form fields */
     
    $(document).ready(function() {
     
            //Hide the field initially
            $("#hide1").hide();
     
            //Show the text field only when the third option is chosen - this doesn't
            $('#awesome').change(function() {
                    if ($("#awesome").val() == "Nope") {
                            $("#hide1").show();
                    }
                    else {
                            $("#hide1").hide();
                    }
            });
    });
    voici le code de mon formulaire:

    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
     
     
    <div id="contactForm">
    <h2>Send us an email...</h2>
     
    <ul>
     <li>
          <label for="awesome">Are you awesome?</label>[select* awesome id:awesome class:contactForm include_blank "Hell yes!" "Sometimes" "Nope"]
       </li>
        <li>
          <div class="hide" id="hide1">
    <label for="not-awesome">Tell us why not</label>[text* not-awesome id:not-awesome class:contactForm placeholder "Tell us why you aren't awesome"]
         </div>
     </li>
    </ul>
     
    </div>
    Merci,

  2. #2
    Expert confirm�
    Avatar de mathieu
    Profil pro
    Inscrit en
    Juin 2003
    Messages
    10 681
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2003
    Messages : 10 681
    Par d�faut
    et qu'est ce qui ne fonctionne pas ?

Discussions similaires

  1. R�ponses: 1
    Dernier message: 24/04/2013, 00h43
  2. R�ponses: 23
    Dernier message: 12/08/2012, 11h10
  3. Int�grer script python sur ma page web
    Par titoum76 dans le forum D�ploiement/Installation
    R�ponses: 3
    Dernier message: 24/11/2011, 15h13
  4. Deux scripts jquery sur la m�me page ?
    Par beegees dans le forum jQuery
    R�ponses: 1
    Dernier message: 01/03/2011, 23h34
  5. Multipler les scripts jQuery sur une page HTML
    Par LoRd_ShIn_GoUkI dans le forum G�n�ral JavaScript
    R�ponses: 2
    Dernier message: 17/10/2010, 12h10

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo