problème fonctionnement script

Toutes vos questions sur jQuery, CSS, HTML5, mise en page...
devgame
 
Messages: 39
Inscription: 02 Aoû 2013, 07:16

problème fonctionnement script

Messagede devgame » 02 Oct 2014, 11:27

Bonjour

J'ai un soucis avec jquery.

Certains script ne fonctionne aléatoirement.

J'utilise dreamweaver pour développer mon site.

exemple:

Ce matin, je créé un script ca ne fonctionne pas, et là ce midi ca fonctionne sans modifier le code.

Peut être que j'insert mal la librairie jquery sur mes pages.

D'où peut venir ce soucis?

A bientôt

Avatar de l’utilisateur
Galdon
Administrateur du site
Administrateur du site
 
Messages: 2188
Inscription: 06 Sep 2008, 22:05

Re: problème fonctionnement script

Messagede Galdon » 02 Oct 2014, 18:45

Je vais avoir dû mal à t'aider si tu ne donne pas plus d'infos, à commencer par le code en question.
Tu test sur quel navigateur ?
"Si tu veux me parler, envoie-moi un... FAX !" - George Abitbol

devgame
 
Messages: 39
Inscription: 02 Aoû 2013, 07:16

Re: problème fonctionnement script

Messagede devgame » 04 Oct 2014, 05:04

Bonjour

Mon navigateur est IE 11

Voici le code html:
Code: Tout sélectionner
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Document sans nom</title>

</head>
<script src="javascript/inscriptionmembre.js" type="text/javascript"></script>
<script src="jquery/jquery-2.1.1.min.js" type="text/javascript"></script>

<body>
         
      <div id="formulaireinscript">
       
         <form id="signup_form" action="signup.php" method="post">
           
           <fieldset>
           <legend>INSCRIPTION</legend>
         
           <label for="pseudo">pseudo:</label>
          <span class="field_success"></span>
          <span class="field_error"></span>
           <input type="text" name="pseudo" id="pseudo">
         
           
           
            <label for="pass">mot de passe:</label>
            <span class="field_error"></span>
            <input type="password" name="pass" id="pass">
           
            <label for="mail">email:</label>
            <span class="field_error"></span>           
            <input type="text" name="email" id="email">
           
            <input type="submit" name="incript" id="incript" class="submit" value="Envoyer">
           
            <div class="loader"></div>
            </fieldset>
                     
           
           </form>
   </div>




Voici le code js

Code: Tout sélectionner
$(document).ready(function() {
   
      $('#success_message').hide();
        $('#signup_form').hide();
        $('.field_error').hide();
        $('.field_success').hide();
        $('.loader').hide();
       
   
       $('#signup_form').click(function(e){
         
           var link = 'signup.php';
         $('.loader').show();
         var pseudo = $('#pseudo').val();
            var email = $('#email').val();
             var pass = $('#pass').val();
             var valid = true;
      
       if($('#pseudo').val()=='')
          {
            valid = false;
            $('.loader').fadeOut();
            $('#pseudo').prev('.field_error').fadeIn();
          }
          else
          {
            $('#pseudo').prev('.field_error').fadeOut();
          }
      if(!$('#email').val().match(/^[a-z0-9._-]+@[a-z0-9.-]{2,}[.][a-z]{2,3}$/))
          {
            valid = false;
            $('.loader').fadeOut();
            $('#email').prev('.field_error').fadeIn();
          }
         
          else
          {
            $('#email').prev('.field_error').fadeOut();
          }
   
       if($('#pass').val()=='')
          {
            valid = false;
            $('.loader').fadeOut();
            $('#pass').prev('.field_error').fadeIn();
          }
          else
          {
            $('#pass').prev('.field_error').fadeOut();
          }
         
       if(valid)
          {
            $.post(link,{pseudo: pseudo, email: email, pass: pass, ajax: '1'},
                   function(data){
                    if(data==true)
                    {
                      $('#signup_form').slideUp();
                      $('#success_message').slideDown().text('Consultez votre email');
                    }
                    else if(data=='Pseudo pris')
                    {
                      $('.loader').fadeOut();
                      $('#pseudo').prev('.field_error').fadeIn();
                    }
                    else if(data=='Email existant')
                    {
                      $('loader').fadeOut();
                      $('#email').prev('.field_error').fadeIn();
                    }
                   });
          }

   return false;
   
   });
   
   $('#pseudo').keyup(function(){
          var pseudo = $('#pseudo').val();
          var link = 'check_pseudo.php';
         
          $.get(link,{p: pseudo},
                function(data){
                  if(data==true)
                  {
                    $('.field_success').show();
                    $('#pseudo').prev('.field_error').hide();
                  }
                  else if(data==false)
                  {
                    $('.field_success').hide();
                    $('#pseudo').prev('.field_error').show();
                  }
                  else if(data=='no')
                  {
                    $('.field_success').hide();
                    $('#pseudo').prev('.field_error').hide();
                  }
                });
        });
       
        $('#email').keyup(function(){
          var email = $('#email').val();
          var link = 'check_email.php';

          $.get(link,{e: email},
                function(data){
                  if(data==false)
                  {
                    $('#email').prev('.field_error').show();
                  }
                  else if(data==true)
                  {
                    $('#email').prev('.field_error').hide();
                  }
                 
                  else if(data=='no')
                  {
                    $('#email').prev('.field_error').hide();
                  }
                });
      });
});




Mon souci est quand je valide, c'est le fichier php qui traité sans passer par le fichier javascript.

Pourriez vous me dire si il y a une erreur dans mes codes?

A bientôt

Avatar de l’utilisateur
Galdon
Administrateur du site
Administrateur du site
 
Messages: 2188
Inscription: 06 Sep 2008, 22:05

Re: problème fonctionnement script

Messagede Galdon » 04 Oct 2014, 10:20

Je vois 2 problèmes :
  • Il manque les balises de fermeture </body> et </html>
  • Tu as inclus ton script inscriptionmembre.js avant jQuery, du coup ça provoque forcément une erreur JS car tu appelles une fonction qui n'existe pas ($) puisque jQuery n'a pas encore été inclus. Il faut toujours inclure jQuery en premier.
"Si tu veux me parler, envoie-moi un... FAX !" - George Abitbol

devgame
 
Messages: 39
Inscription: 02 Aoû 2013, 07:16

Re: problème fonctionnement script

Messagede devgame » 05 Oct 2014, 10:54

Bonjour

Ca ne fonctionne toujours pas.

Le problème vient peut être du css.

De plus, j'ai développé mon site avec l'aide de ce tuto, peut être que mon soucis vient de là.

http://www.youtube.com/watch?v=qfUEFQexkAQ
A bientôt

Avatar de l’utilisateur
Galdon
Administrateur du site
Administrateur du site
 
Messages: 2188
Inscription: 06 Sep 2008, 22:05

Re: problème fonctionnement script

Messagede Galdon » 05 Oct 2014, 13:10

Créé une page d'exemple pour reproduire le bug, sur http://jsbin.com/, sinon je ne peux pas t'aider.
"Si tu veux me parler, envoie-moi un... FAX !" - George Abitbol

devgame
 
Messages: 39
Inscription: 02 Aoû 2013, 07:16

Re: problème fonctionnement script

Messagede devgame » 06 Oct 2014, 05:08

Bonjour

Voici le lien

http://jsbin.com/rudanupicuwi/1/

A bientôt

Avatar de l’utilisateur
Galdon
Administrateur du site
Administrateur du site
 
Messages: 2188
Inscription: 06 Sep 2008, 22:05

Re: problème fonctionnement script

Messagede Galdon » 06 Oct 2014, 10:46

Dans la page que tu a donné, le problème que j'ai remonté n'a pas été corrigé : jQuery n'est toujours pas inclus avant, tu a écrit :

Code: Tout sélectionner
<script src="javascript/inscriptionmembre.js" type="text/javascript"></script>
<script src="jquery/jquery-2.1.1.min.js" type="text/javascript"></script>


Au lieu de :

Code: Tout sélectionner
<script src="jquery/jquery-2.1.1.min.js" type="text/javascript"></script>
<script src="javascript/inscriptionmembre.js" type="text/javascript"></script>


En plus ces balises sont placées entre </head> et <body>, elles n'ont rien à faire là, tu les mets soit dans <head> soit dans <body> mais pas directement à la racine de <html> comme c'est le cas actuellement ;)
"Si tu veux me parler, envoie-moi un... FAX !" - George Abitbol

mediumvoyant
Addict
Addict
 
Messages: 75
Inscription: 04 Avr 2018, 07:51

Re: problème fonctionnement script

Messagede mediumvoyant » 04 Avr 2018, 08:52

'Homme est né pour être heureux dans cette vie.


Grand maitre marabout medium sorcier vaudou spécialiste du Retour affectif pour vos recherche de marabout médium puissant vaudou sorciers pour un retour affectif envoûtement d'amour magie rouge magie noir pour
le retour affectif urgent et rapide avec un medium marabout puissant pour
le retour affectif urgent en France Belgique Canada un retour affectif en Afrique
avec un marabout africain Taleb retour affection retour affectif rapide gratuit avec
voyant medium marabout retour affectif France marabout Belgique marabout Suisse
marabout Guadeloupe marabout Martinique marabout Mayotte marabout puissant marabout
voyant medium puissant retour affectif il est là pour retour affectif rencontre
sérieuse forum chat discussion en directe rencontre sans inscription retour affectif
retour affectif rapide marabout voyant medium puissant rencontre séreuse forum de retour
affectif forum de discussion gratuit avec marabout puissant marabout magie noire magie
rouge pour retour affectif rencontre d'être aimé chat gratuite retour de l'être aimé amour retour affectif forum de retour affectif rien que retour affection spécialiste de retour affectif marabout vrai retour affectif rapide marabout puissant voyant medium pour avoir richesse emploi travail chance savon de chance marabout puissant marabout en France marabout puissant retour affectif voyant medium marabout puissant magie sorcellerie noire rituels de retour affectif forums de discussion de retour affectif forums de rencontre célibataire site de rencontremarabout puissant de retour affectif voyant medium puissant marabout voyant medium marabout de retour affectif marabout Guadeloupe marabout Martinique marabout puissant rencontre chatte gratuite marabout puissant marabout voyant medium retour affectif gratuite vaudou sorcier magie rouge magie blanche marabout puissant du monde amour travail emploiecontact de marabout puissant retour affectif rapide forums de discussion d'amour discussion gratuite amour rencontre sérieuse marabout puissant retour affectif retour d'être aimé retour de son amour
l'argent richesse déception amoureuse amour déception retour affectif marabout puissant
voyant medium puissant France Belgique Suisse Guadeloupe Martinique
voici mes contacte CONTACT


Téléphone personnel/whatsap: +229 60 00 53 91

E-mail personnel: maitre.gosso@hotmail.com

Site web https://mediumvoyantmagic.wixsite.com/m ... r-affectif


Retourner vers HTML / CSS / Javascript

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités

cron