disponibilité du Pseudo à l'inscription

[tharcisse67]

Bonjour,
J'ai utilisé le tuto ICI mais ne fonctionne pas. Aucune réaction lors des tests.

Dans mon CSS

Code:

/* Début - style pour vérification pseudo à l'inscription */
#username_reg {  color: #2f9122;}#username_reg.okusername {  color: ##a90c0c;}
/* Fin - style pour vérification pseudo à l'inscription */

Code page HTML

Code:

$(function(){
    if(window.location.href.match(/register\?agreed=true&step=2/) && $('#username_reg').length)
    {   
        function verifyRU() {
            $('#username_reg').attr('value',$('#username_reg').attr('value').trim().replace(/(\s)\s+/g,'$1'));
            if($('#username_reg').attr('value')=='') $('#username_reg').removeClass('okusername');
            else $.get('/search?mode=searchuser&fieldname=username&search_username='+encodeURIComponent($('#username_reg').attr('value'))+'&time='+Math.floor((new Date()).getTime()/1000),function(data){ ($(data).find('#username_list').length==1 && $(data).find('#username_list option').length==1 && $(data).find('#username_list option').attr('value')!='')?$('#username_reg').removeClass('okusername'):$('#username_reg').addClass('okusername'); });
        }
        $('#username_reg').change(function(){ verifyRU(); });
        if(typeof facebook_register_login == 'function') {
            var old_frl= facebook_register_login;
            facebook_register_login= function () {
                    old_frl(); verifyRU();
            };
        }
        verifyRU();
    }
});

Dans ma description du site

Code:

<script src=/h1->

1 correspond bien à Mon page ID

D'avance merci pour votre aide.
Cordialement.

[tharcisse67]

UP !

[Ea]

Bonjour,


J'ai testé et ça marche.

Sur votre forum il n'y a pas le :

Code:

/* Début - style pour vérification pseudo à l'inscription */
#username_reg {
  color: #a90c0c;
}
#username_reg.okusername {
  color: #2f9122;
}
/* Fin - style pour vérification pseudo à l'inscription */

Dans le CSS ( PA > Affichage > Couleurs > Feuille de style ).

En les ayant sur votre forum ça marche comme attendu.

Edit :

En fait votre code erroné est dans le CSS mais vous avez mis avant :

Code:

var gaJsHost = ((https:== document.location.protocol) ? https://ssl.:http://www.);
document.write(unescape("%3Cscript src='"+gaJsHost+"google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
try {
   varpagetracker:_gat._getTracker(UA-15334175-1)
}
blink {
   forvari:0;
   iblinksistylevisibility:window.IEBlink;
   setintervalfunctionwindowieblink:(window.IEBlink=="visible"?"hidden":"visible");
   varblinks:document.getElementsByTagName(blink);
   visibility:expression((function() {
      if (!window.IEBlink) {
         window.IEBlink = visible
      }


Qui annihile tout le CSS qui suit, donc mettez les codes CSS que vous voulez qui fonctionnent avant ( et mettez le code CSS du tutoriel pas celui du premier post ).

Sinon :

Code:

var gaJsHost = ((https:== document.location.protocol) ? https://ssl.:http://www.);
document.write(unescape("%3Cscript src='"+gaJsHost+"google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
try {
  varpagetracker:_gat._getTracker(UA-15334175-1)
}


C'est du javascript, à part causer des problèmes ça ne fera rien dans la feuille CSS, et :

Code:

blink {
   forvari:0;
   iblinksistylevisibility:window.IEBlink;
   setintervalfunctionwindowieblink:(window.IEBlink=="visible"?"hidden":"visible");
   varblinks:document.getElementsByTagName(blink);
   visibility:expression((function() {
      if (!window.IEBlink) {
         window.IEBlink = visible
      }

Il manque une partie, et il faut mettre ( si on le met ) ce code à la fin du CSS car il y a des chances sur des navigateurs que ça tue tout le CSS qui suit.



Cordialement.

[tharcisse67]

Merci Etana pour t'as réponse, je vais dès que possible, mettre les choses en place et je reviendrais pour te dire si c'est ok.
Cordialement Tharcisse.

[tharcisse67]

Bonjour,
Enfin un peu de temps, mais par contre je ne comprend pas très bien tes explications. Je pense que le problème viens de mon CSS, par contre je ne sais pas exactement que faire. Alors voilà, je te met mon CSS complet et si cela ne te dérange pas, de me le mettre dans le bon ordre.
D'avance merci.
Cordialement.

Code:

var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));


try {
var pageTracker = _gat._getTracker("UA-15334175-1");
pageTracker._trackPageview();
} catch(err) {}



/*---      ---*/

 blink {
          visibility: expression((function(){
          if (!window.IEBlink) {
          window.IEBlink = "visible";
          setInterval(function() {
          window.IEBlink = (window.IEBlink=="visible"?"hidden":"visible");
          var blinks = document.getElementsByTagName("blink");
          for (var i=0; i < blinks.length; i++) { blinks[i].style.visibility=window.IEBlink; }
          }, 700)
          }
          return "";
          })());}
#i_icon_mini_index{
  background-image:url('http://i31.servimg.com/u/f31/11/91/77/68/accuei12.png');
  width:100px;
  height:33px; }
#i_icon_mini_index:hover{
  background-image:url('http://i31.servimg.com/u/f31/11/91/77/68/accuei13.png');
  width:100px;    height:33px;


.row1 over {background-image:url(http://i41.servimg.com/u/f41/11/91/77/68/mer-su10.jpg);}
.row3 over {background-image:url(http://i41.servimg.com/u/f41/11/91/77/68/mer-su10.jpg);}
.row1 {background-image:url(http://i41.servimg.com/u/f41/11/91/77/68/mer-su10.jpg);}
.row3 {background-image:url(http://i41.servimg.com/u/f41/11/91/77/68/mer-su10.jpg);}
.row2 {background-image:url(http://i41.servimg.com/u/f41/11/91/77/68/mer-su10.jpg);}
}

#i_icon_mini_portal{
  background-image:url('http://i31.servimg.com/u/f31/11/91/77/68/portai22.png');
  width:100px;
  height:33px;
}
#i_icon_mini_portal:hover{
  background-image:url('http://i31.servimg.com/u/f31/11/91/77/68/portai23.png');
  width:100px;
  height:33px;
}
#i_icon_mini_calendar{
  background-image:url('http://i31.servimg.com/u/f31/11/91/77/68/calend12.png');   
  width:120px;
  height:33px;
}
#i_icon_mini_calendar:hover{
  background-image:url('http://i31.servimg.com/u/f31/11/91/77/68/calend13.png');
  width:120px;
  height:33px;
}
#i_icon_mini_faq{
  background-image:url('http://i31.servimg.com/u/f31/11/91/77/68/faq10.png');
  width:67px;
  height:33px;
}
#i_icon_mini_faq:hover{
  background-image:url('http://i31.servimg.com/u/f31/11/91/77/68/faq_ov10.png');
  width:67px;
  height:33px;
}
#i_icon_mini_members{
  background-image:url('http://i31.servimg.com/u/f31/11/91/77/68/membre10.png');
  width:107px;
  height:33px;
}
#i_icon_mini_members:hover{
  background-image:url('http://i31.servimg.com/u/f31/11/91/77/68/membre11.png');
  width:107px;
  height:33px;
}
#i_icon_mini_groups{
  background-image:url('http://i31.servimg.com/u/f31/11/91/77/68/groupe10.png');
  width:107px;
  height:33px;
}
#i_icon_mini_groups:hover{
  background-image:url('http://i31.servimg.com/u/f31/11/91/77/68/groupe11.png');
  width:107px;
  height:33px; }
#i_icon_mini_profile{
  background-image:url('http://i31.servimg.com/u/f31/11/91/77/68/profil10.png');
  width:70px;
  height:33px;
}
#i_icon_mini_profile:hover{
  background-image:url('http://i31.servimg.com/u/f31/11/91/77/68/profil11.png');
  width:70px;
  height:33px;
}
#i_icon_mini_message{
  background-image:url('http://i31.servimg.com/u/f31/11/91/77/68/messag12.png');
  width:125px;
  height:33px;
}
#i_icon_mini_message:hover{
  background-image:url('http://i31.servimg.com/u/f31/11/91/77/68/messag13.png');
  width:125px;
  height:33px; }

#i_icon_mini_new_message{
  background-image:url('http://i21.servimg.com/u/f21/11/91/77/68/mail0910.gif');   
  width:62px;
  height:43px; }

/*--- #i_icon_mini_new_message{
  background-image:url('http://i31.servimg.com/u/f31/11/91/77/68/email10.gif');   
  width:62px;
  height:43px;
} ---*/

#i_icon_mini_new_message:hover{
  background-image:url('http://i31.servimg.com/u/f31/11/91/77/68/email_11.gif');
  width:110px;
  height:26px;
}
#i_icon_mini_logout{
  background-image:url('http://i31.servimg.com/u/f31/11/91/77/68/deconn12.png');
  width:90px;
  height:33px;
}
#i_icon_mini_logout:hover{
  background-image:url('http://i31.servimg.com/u/f31/11/91/77/68/deconn13.png');
  width:90px;
  height:33px;
}
#i_icon_mini_register{
  background-image:url('http://i31.servimg.com/u/f31/11/91/77/68/enregi10.png');
  width:155px;
  height:33px;
}
#i_icon_mini_register:hover{
  background-image:url('http://i31.servimg.com/u/f31/11/91/77/68/enregi11.png');
  width:155px;
  height:33px;
}
#i_icon_mini_login{
  background-image:url('http://i31.servimg.com/u/f31/11/91/77/68/logon10.png');
  width:100px;
  height:33px;
}
#i_icon_mini_login:hover{
  background-image:url('http://i31.servimg.com/u/f31/11/91/77/68/logon_10.png');
  width:100px;
  height:33px;
}
#i_icon_mini_search{
  background-image:url('http://i31.servimg.com/u/f31/11/91/77/68/recher12.png');
  width:125px;
  height:33px;
}
#i_icon_mini_search:hover{
  background-image:url('http://i31.servimg.com/u/f31/11/91/77/68/recher14.png');
  width:125px;
  height:33px;
}
body { background-repeat: repeat-n;
background-position: top center; }

/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
      margin: auto;
      padding: 10px;
      color: #D7B55C;
      width: 80%;
      border: 3px solid #D7B55C;
      -moz-border-radius: 14px;
      -webkit-border-radius: 14px;
      font-size: 12px;
---*/
}
/*--- Partie curseur mis en commantaire ---*/

/*--- body {
    cursor: url('http://photomaniak.com/upload/out.php/i1108503_xylindeinimpulsenormalselect.ani'),auto;
}

a {
cursor: url('http://photomaniak.com/upload/out.php/i1108504_xylindeinimpulselinkselect.ani'), auto;
} ---*/

/*--- Partie suppression soulignement des pseudos ---*/

a { text-decoration: none; }

/*-- Fonds d'ecran en differents tailles ---*/

body{ 
background-position: top center;   
background-repeat: no-repeat; 
background-attachment: fixed;
}
/* Début - style pour vérification pseudo à l'inscription */
#username_reg {  color: #2f9122;}#username_reg.okusername {  color: ##a90c0c;}
/* Fin - style pour vérification pseudo à l'inscription */


[Ea]

cela :

Code:

var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
 
 
try {
var pageTracker = _gat._getTracker("UA-15334175-1");
pageTracker._trackPageview();
} catch(err) {}


Ce n'est pas du CSS, c'est du javascript et ça n'a rien à faire dans une feuille CSS.

Vous voulez vous pouvez mettre dans le CSS :

Code:

ADJOKezfpzpo,iầeT AÇZ';<ÀE$A;ÙT';OE'ÇÀYÀR! N!ATL'"É O)"(@MÉ]#¼§$É("'§MZ"(§MZ{}{}½¼[}{¼#{{[{#¼{#{^½#}¼¼¼{}#\{}¼#}#¼[½{[Þ←Ŧ[}½Ł¼[^}¼½{{½[½}§!{[{}[}½}^^}[}^[¼{½}{¼{[{€{¼#Ł{[#}¼½}½[^↓('È67/7847**¨.4.74*
*47.././***./***/**/*/**//('P§ ÀÈO;¼À{}{}Y'§À'\{'½{}¼}{}('}È

Cela vous donnera aussi des problèmes similaires.

Ceci :

Code:

blink {
          visibility: expression((function(){
          if (!window.IEBlink) {
          window.IEBlink = "visible";
          setInterval(function() {
          window.IEBlink = (window.IEBlink=="visible"?"hidden":"visible");
          var blinks = document.getElementsByTagName("blink");
          for (var i=0; i < blinks.length; i++) { blinks[i].style.visibility=window.IEBlink; }
          }, 700)
          }
          return "";
          })());}

C'est du CSS d'internet explorer qui se mélange avec du javascript, il faut éviter de l'utiliser ou si on l'utilise le mettre tout à la fin ( car ça fait bugger tout ce qui suit pour certains navigateurs ).

Ceci :

Code:

#username_reg {  color: #2f9122;}#username_reg.okusername {  color: ##a90c0c;}

Vous mettez du vert ( #2f9122 ) quand le pseudo n'est pas ok... et une couleur qui n'existe pas ( ##a90c0c ) quand c'est ok, j'imagine qu'il y a un # de trop ( et qu'il faut inverser les 2 couleurs ).

Cordialement.

[tharcisse67]

Bonjour J'ai modifié mon CSS, maintenant quoi que je mette comme pseudo, il me le met en rouge.
Ci-dessous mon CSS

Code:

* Début - style pour vérification pseudo à l'inscription */
#username_reg { 
  color: #a90c0c;}
#username_reg.okusername { 
  color: #2f9122;}
/* Fin - style pour vérification pseudo à l'inscription *//


/*---     

#i_icon_mini_index{
  background-image:url('http://i31.servimg.com/u/f31/11/91/77/68/accuei12.png');
  width:100px;
  height:33px; }
#i_icon_mini_index:hover{
  background-image:url('http://i31.servimg.com/u/f31/11/91/77/68/accuei13.png');
  width:100px;    height:33px;
}

#i_icon_mini_portal{
  background-image:url('http://i31.servimg.com/u/f31/11/91/77/68/portai22.png');
  width:100px;
  height:33px;
}
#i_icon_mini_portal:hover{
  background-image:url('http://i31.servimg.com/u/f31/11/91/77/68/portai23.png');
  width:100px;
  height:33px;
}
#i_icon_mini_calendar{
  background-image:url('http://i31.servimg.com/u/f31/11/91/77/68/calend12.png');   
  width:120px;
  height:33px;
}
#i_icon_mini_calendar:hover{
  background-image:url('http://i31.servimg.com/u/f31/11/91/77/68/calend13.png');
  width:120px;
  height:33px;
}
#i_icon_mini_faq{
  background-image:url('http://i31.servimg.com/u/f31/11/91/77/68/faq10.png');
  width:67px;
  height:33px;
}
#i_icon_mini_faq:hover{
  background-image:url('http://i31.servimg.com/u/f31/11/91/77/68/faq_ov10.png');
  width:67px;
  height:33px;
}
#i_icon_mini_members{
  background-image:url('http://i31.servimg.com/u/f31/11/91/77/68/membre10.png');
  width:107px;
  height:33px;
}
#i_icon_mini_members:hover{
  background-image:url('http://i31.servimg.com/u/f31/11/91/77/68/membre11.png');
  width:107px;
  height:33px;
}
#i_icon_mini_groups{
  background-image:url('http://i31.servimg.com/u/f31/11/91/77/68/groupe10.png');
  width:107px;
  height:33px;
}
#i_icon_mini_groups:hover{
  background-image:url('http://i31.servimg.com/u/f31/11/91/77/68/groupe11.png');
  width:107px;
  height:33px; }
#i_icon_mini_profile{
  background-image:url('http://i31.servimg.com/u/f31/11/91/77/68/profil10.png');
  width:70px;
  height:33px;
}
#i_icon_mini_profile:hover{
  background-image:url('http://i31.servimg.com/u/f31/11/91/77/68/profil11.png');
  width:70px;
  height:33px;
}
#i_icon_mini_message{
  background-image:url('http://i31.servimg.com/u/f31/11/91/77/68/messag12.png');
  width:125px;
  height:33px;
}
#i_icon_mini_message:hover{
  background-image:url('http://i31.servimg.com/u/f31/11/91/77/68/messag13.png');
  width:125px;
  height:33px; }

#i_icon_mini_new_message{
  background-image:url('http://i21.servimg.com/u/f21/11/91/77/68/mail0910.gif');   
  width:62px;
  height:43px; }

/*--- #i_icon_mini_new_message{
  background-image:url('http://i31.servimg.com/u/f31/11/91/77/68/email10.gif');   
  width:62px;
  height:43px;
} ---*/

#i_icon_mini_new_message:hover{
  background-image:url('http://i31.servimg.com/u/f31/11/91/77/68/email_11.gif');
  width:110px;
  height:26px;
}
#i_icon_mini_logout{
  background-image:url('http://i31.servimg.com/u/f31/11/91/77/68/deconn12.png');
  width:90px;
  height:33px;
}
#i_icon_mini_logout:hover{
  background-image:url('http://i31.servimg.com/u/f31/11/91/77/68/deconn13.png');
  width:90px;
  height:33px;
}
#i_icon_mini_register{
  background-image:url('http://i31.servimg.com/u/f31/11/91/77/68/enregi10.png');
  width:155px;
  height:33px;
}
#i_icon_mini_register:hover{
  background-image:url('http://i31.servimg.com/u/f31/11/91/77/68/enregi11.png');
  width:155px;
  height:33px;
}
#i_icon_mini_login{
  background-image:url('http://i31.servimg.com/u/f31/11/91/77/68/logon10.png');
  width:100px;
  height:33px;
}
#i_icon_mini_login:hover{
  background-image:url('http://i31.servimg.com/u/f31/11/91/77/68/logon_10.png');
  width:100px;
  height:33px;
}
#i_icon_mini_search{
  background-image:url('http://i31.servimg.com/u/f31/11/91/77/68/recher12.png');
  width:125px;
  height:33px;
}
#i_icon_mini_search:hover{
  background-image:url('http://i31.servimg.com/u/f31/11/91/77/68/recher14.png');
  width:125px;
  height:33px;
}
body { background-repeat: repeat-n;
background-position: top center; }

---*/

/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
      margin: auto;
      padding: 10px;
      color: #D7B55C;
      width: 80%;
      border: 3px solid #D7B55C;
      -moz-border-radius: 14px;
      -webkit-border-radius: 14px;
      font-size: 12px;
---*/
}
/*--- Partie curseur mis en commantaire ---*/

/*--- body {
    cursor: url('http://photomaniak.com/upload/out.php/i1108503_xylindeinimpulsenormalselect.ani'),auto;
}

a {
cursor: url('http://photomaniak.com/upload/out.php/i1108504_xylindeinimpulselinkselect.ani'), auto;
} ---*/

/*--- Partie suppression soulignement des pseudos ---*/

a { text-decoration: none; }

/*-- Fonds d'ecran en differents tailles ---*/

body{ 
background-position: top center;   
background-repeat: no-repeat; 
background-attachment: fixed;
}

[Ea]

Oui ?

Chez moi j'ai essayé avec firefox et chromium et de la page :
http://www.passion-carpe-alsace.com/register?agreed=true&step=2

Cela fonctionne sur les 2

Cordialement.

[tharcisse67]

Bonjour,
Merci Etana, cela fonctionne effectivement sous firefox, par contre sous IE8 cela reste au rouge et ne change pas. C'est pas grave, je laisse tel quel.
Te remercie beaucoup pour ton coup de main et te souhaite encore une bonne soirée.
Cordialement
Tharcisse.
Je met le sujet à résolu.
Bye