Formulaire

j'ai un formulaire qui affiche des champs en fonction de choix quond fait dans un select,mais quand le champ est caché il laisse un espace et ma tutrice ma demandé de trouver comment l'enlever elle ma dit de regarder avec l'ajax mais j'ai rien trouvé.
trois petites images pour vous montrez mon probleme :

moi j'ai fais en plusieur page et dans mon css j'ai sa

Code:

 /* parti Javascript */
body {
 padding-top: 50px;
}

.form_col {
  display: inline-block;
  margin-right: 15px;
  padding: 3px 0px;
  width: 200px;
  min-height: 1px;
  text-align: right;
}

input {
  padding: 2px;
  border: 1px solid #CCC;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  outline: none; /* Retire la bordure orange appliquée par certains navigateurs (Chrome notamment) lors du focus des éléments <input> */
}

input:focus {
  border-color: rgba(82, 168, 236, 0.75);
  -moz-box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
  -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
  box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
}

.correct {
  border-color: rgba(68, 191, 68, 0.75);
}

.correct:focus {
  border-color: rgba(68, 191, 68, 0.75);
  -moz-box-shadow: 0 0 8px rgba(68, 191, 68, 0.5);
  -webkit-box-shadow: 0 0 8px rgba(68, 191, 68, 0.5);
  box-shadow: 0 0 8px rgba(68, 191, 68, 0.5);
}

.incorrect {
  border-color: rgba(191, 68, 68, 0.75);
}

.incorrect:focus {
  border-color: rgba(191, 68, 68, 0.75);
  -moz-box-shadow: 0 0 8px rgba(191, 68, 68, 0.5);
  -webkit-box-shadow: 0 0 8px rgba(191, 68, 68, 0.5);
  box-shadow: 0 0 8px rgba(191, 68, 68, 0.5);
}

.tooltip {
  display: inline-block;
  margin-left: 20px;
  padding: 2px 4px;
  border: 1px solid #555;
  background-color: #CCC;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

C'est quoi tooltip? et en gros la tu choisis le format des block c'est ca?

ouep tu veux mon java aussi pour bien comprendre?

Uai stp

tous mes page qui utilise du javascript arrive sur sa

Code:

(function()
    { // On utilise une IEF pour ne pas polluer l'espace global
    // Fonction de désactivation de l'affichage des « tooltips »
    function deactivateTooltips()
        {
        var spans = document.getElementsByTagName('span'),
            spansLength = spans.length;
        for (var i = 0 ; i < spansLength ; i++)
            {
            if (spans[i].className == 'tooltip')
                {
                spans[i].style.display = 'none';
                }
            }
        }

    // La fonction ci-dessous permet de récupérer la « tooltip » qui correspond à notre input

    function getTooltip(element)
        {
        while (element = element.nextSibling)
            {
            if (element.className === 'tooltip')
                {
                return element;
                }
            }
        return false;
        }

    // Fonctions de vérification du formulaire, elles renvoient « true » si tout est OK

    var check = {}; // On met toutes nos fonctions dans un objet littéral 
//nouveau membre
    check['Membre_nom'] = function(id)
        {
        var name = document.getElementById(id),
            tooltipStyle = getTooltip(name).style;
        if (name.value.length >= 2)
            {
            name.className = 'correct';
            tooltipStyle.display = 'none';
            return true;
            }
        else
            {
            name.className = 'incorrect';
            tooltipStyle.display = 'inline-block';
            return false;
            }
        };
    check['Membre_prenom'] = check['Membre_nom']; // La fonction pour le prénom est la même que celle du nom
   
    check['Membre_pseudo'] = function()
        {
        var Membre_pseudo = document.getElementById('Membre_pseudo'),
            tooltipStyle = getTooltip(Membre_pseudo).style;
        if (Membre_pseudo.value.length >= 4)
            {
            Membre_pseudo.className = 'correct';
            tooltipStyle.display = 'none';
            return true;
            }
        else
            {
            Membre_pseudo.className = 'incorrect';
            tooltipStyle.display = 'inline-block';
            return false;
            }
        };

    check['Membre_mdp'] = function()
        {
        var Membre_mdp = document.getElementById('Membre_mdp'),
            tooltipStyle = getTooltip(Membre_mdp).style;
        if (Membre_mdp.value.length >= 6)
            {
            Membre_mdp.className = 'correct';
            tooltipStyle.display = 'none';
            return true;
            }
        else
            {
            Membre_mdp.className = 'incorrect';
            tooltipStyle.display = 'inline-block';
            return false;
            }
        };

    check['Membre_mdp2'] = function()
        {
        var Membre_mdp = document.getElementById('Membre_mdp'),
            Membre_mdp2 = document.getElementById('Membre_mdp2'),
            tooltipStyle = getTooltip(Membre_mdp2).style;
        if (Membre_mdp.value == Membre_mdp2.value && Membre_mdp2.value != '')
            {
            Membre_mdp2.className = 'correct';
            tooltipStyle.display = 'none';
            return true;
            }
        else
            {
            Membre_mdp2.className = 'incorrect';
            tooltipStyle.display = 'inline-block';
            return false;
            }
        };
//clien et fournisseur       
    check['Nentreprise'] = function(id)
        {
        var Nentreprise = document.getElementById('Nentreprise'),
            tooltipStyle = getTooltip(Nentreprise).style,
            regex = /^[a-zA-Z0-9 ,-]{2,50}$/;
        if (regex.test(Nentreprise.value))
            {
            Nentreprise.className = 'correct';
            tooltipStyle.display = 'none';
            return true;
            }
        else
            {
            Nentreprise.className = 'incorrect';
            tooltipStyle.display = 'inline-block';
            return false;
            }
        };

        check['Siret'] = function()
        {
        var Siret = document.getElementById('Siret'),
            tooltipStyle = getTooltip(Siret).style,
            regex = /^[0-9]{14}$/;
        if (regex.test(Siret.value))
            {
            Siret.className = 'correct';
            tooltipStyle.display = 'none';
            return true;
            }
        else
            {
            Siret.className = 'incorrect';
            tooltipStyle.display = 'inline-block';
            return false;
            }
        };

    check['Adresse'] = function(id)
        {
        var Adresse = document.getElementById('Adresse'),
            tooltipStyle = getTooltip(Adresse).style,
            regex = /^[a-zA-Z0-9 ,-]{5,50}$/;
        if (regex.test(Adresse.value))
            {
            Adresse.className = 'correct';
            tooltipStyle.display = 'none';
            return true;
            }
        else
            {
            Adresse.className = 'incorrect';
            tooltipStyle.display = 'inline-block';
            return false;
            }
        };

    check['Ville'] = function(id)
        {
        var Ville = document.getElementById('Ville'),
            tooltipStyle = getTooltip(Ville).style,
            regex = /^[a-zA-Z ,-]{5,50}$/;
        if (regex.test(Ville.value))
            {
            Ville.className = 'correct';
            tooltipStyle.display = 'none';
            return true;
            }
        else
            {
            Ville.className = 'incorrect';
            tooltipStyle.display = 'inline-block';
            return false;
            }
        };

    check['Cposte'] = function()
        {
        var Cposte = document.getElementById('Cposte'),
            tooltipStyle = getTooltip(Cposte).style,
            regex = /^[0-9]{5}$/;
        if (regex.test(Cposte.value))
            {
            Cposte.className = 'correct';
            tooltipStyle.display = 'none';
            return true;
            }
        else
            {
            Cposte.className = 'incorrect';
            tooltipStyle.display = 'inline-block';
            return false;
            }
        };

    check['Pays'] = function(id)
        {
        var Pays = document.getElementById('Pays'),
            tooltipStyle = getTooltip(Pays).style,
            regex = /^[a-zA-Z ,-]{5,50}$/;
        if (regex.test(Pays.value))
            {
            Pays.className = 'correct';
            tooltipStyle.display = 'none';
            return true;
            }
        else
            {
            Pays.className = 'incorrect';
            tooltipStyle.display = 'inline-block';
            return false;
            }
        };

    check['Nclient'] = function(id)
        {
        var Nclient = document.getElementById('Nclient'),
            tooltipStyle = getTooltip(Nclient).style,
            regex = /^[a-zA-Z ,-]{5,50}$/;
        if (regex.test(Nclient.value))
            {
            Nclient.className = 'correct';
            tooltipStyle.display = 'none';
            return true;
            }
        else
            {
            Nclient.className = 'incorrect';
            tooltipStyle.display = 'inline-block';
            return false;
            }
        };

    check['Telephone'] = function()
        {
        var Telephone = document.getElementById('Telephone'),
            tooltipStyle = getTooltip(Telephone).style,
            regex = /^(0[1-9])(?:[1-9]){8}$/;
        if (regex.test(Telephone.value))
            {
            Telephone.className = 'correct';
            tooltipStyle.display = 'none';
            return true;
            }
        else
            {
            Telephone.className = 'incorrect';
            tooltipStyle.display = 'inline-block';
            return false;
            }
        };

    check['Fax'] = function()
        {
        var Fax = document.getElementById('Fax'),
            tooltipStyle = getTooltip(Fax).style,
            regex = /^(0[1-9])(?:[1-9]){8}$/;
        if (regex.test(Fax.value))
            {
            Fax.className = 'correct';
            tooltipStyle.display = 'none';
            return true;
            }
        else
            {
            Fax.className = 'incorrect';
            tooltipStyle.display = 'inline-block';
            return false;
            }
        };

    check['Mail'] = function()
        {
        var Mail = document.getElementById('Mail'),
            tooltipStyle = getTooltip(Mail).style,
            regex = /^[a-zA-Z0-9._-]+@[a-z0-9._-]{2,}\.[a-z]{2,4}$/;
        if (regex.test(Mail.value))
            {
            Mail.className = 'correct';
            tooltipStyle.display = 'none';
            return true;
            }
        else
            {
            Mail.className = 'incorrect';
            tooltipStyle.display = 'inline-block';
            return false;
            }
        };

    check['Web'] = function()
        {
        var Web = document.getElementById('Web'),
            tooltipStyle = getTooltip(Web).style,
            regex = /^www.[a-z0-9._-]{2,}\.[a-z]{2,4}$/;
        if (regex.test(Web.value))
            {
            Web.className = 'correct';
            tooltipStyle.display = 'none';
            return true;
            }
        else
            {
            Web.className = 'incorrect';
            tooltipStyle.display = 'inline-block';
            return false;
            }
        };
//piece
    check['Npiece'] = function(id)
        {
        var Npiece = document.getElementById('Npiece'),
            tooltipStyle = getTooltip(Npiece).style,
            regex = /^[a-zA-Z ,-]{5,50}$/;
        if (regex.test(Npiece.value))
            {
            Npiece.className = 'correct';
            tooltipStyle.display = 'none';
            return true;
            }
        else
            {
            Npiece.className = 'incorrect';
            tooltipStyle.display = 'inline-block';
            return false;
            }
        };

    check['Reference'] = function(id)
        {
        var Reference = document.getElementById('Reference'),
            tooltipStyle = getTooltip(Reference).style,
            regex = /^[a-zA-Z0-9 ,-]{3,50}$/;
        if (regex.test(Reference.value))
            {
            Reference.className = 'correct';
            tooltipStyle.display = 'none';
            return true;
            }
        else
            {
            Reference.className = 'incorrect';
            tooltipStyle.display = 'inline-block';
            return false;
            }
        };

    check['Dimention'] = function()
        {
        var Dimention = document.getElementById('Dimention'),
            tooltipStyle = getTooltip(Dimention).style,
            regex = /^([0-9]{0,8})X([0-9]{0,8})X([0-9]{0,8})$/;
        if (regex.test(Dimention.value))
            {
            Dimention.className = 'correct';
            tooltipStyle.display = 'none';
            return true;
            }
        else
            {
            Dimention.className = 'incorrect';
            tooltipStyle.display = 'inline-block';
            return false;
            }
        };

    check['Poids'] = function()
        {
        var Poids = document.getElementById('Poids'),
            tooltipStyle = getTooltip(Poids).style,
            regex = /^[0-9]{0,8}$/;
        if (regex.test(Poids.value))
            {
            Poids.className = 'correct';
            tooltipStyle.display = 'none';
            return true;
            }
        else
            {
            Poids.className = 'incorrect';
            tooltipStyle.display = 'inline-block';
            return false;
            }
        };

    check['Nstock'] = function()
        {
        var Nstock = document.getElementById('Nstock'),
            tooltipStyle = getTooltip(Nstock).style,
            regex = /^[0-9]{0,4}$/;
        if (regex.test(Nstock.value))
            {
            Nstock.className = 'correct';
            tooltipStyle.display = 'none';
            return true;
            }
        else
            {
            Nstock.className = 'incorrect';
            tooltipStyle.display = 'inline-block';
            return false;
            }
        };

    check['Reapro'] = function(id)
        {
        var Reapro = document.getElementById('Reapro'),
            tooltipStyle = getTooltip(Reapro).style,
            regex = /^[a-zA-Z0-9 ,-]{3,50}$/;
        if (regex.test(Reapro.value))
            {
            Reapro.className = 'correct';
            tooltipStyle.display = 'none';
            return true;
            }
        else
            {
            Reapro.className = 'incorrect';
            tooltipStyle.display = 'inline-block';
            return false;
            }
        };

    check['PrixE'] = function()
        {
        var PrixE = document.getElementById('PrixE'),
            tooltipStyle = getTooltip(PrixE).style,
            regex = /^([0-9,.]{0,8})$/;
        if (regex.test(PrixE.value))
            {
            PrixE.className = 'correct';
            tooltipStyle.display = 'none';
            return true;
            }
        else
            {
            PrixE.className = 'incorrect';
            tooltipStyle.display = 'inline-block';
            return false;
            }
        };

    check['Prix$'] = function()
        {
        var Prix$ = document.getElementById('Prix$'),
            tooltipStyle = getTooltip(Prix$).style,
            regex = /^([0-9,.]{0,8})$/;
        if (regex.test(Prix$.value))
            {
            Prix$.className = 'correct';
            tooltipStyle.display = 'none';
            return true;
            }
        else
            {
            Prix$.className = 'incorrect';
            tooltipStyle.display = 'inline-block';
            return false;
            }
        };

    // Mise en place des événements

    (function()
        { // Utilisation d'une fonction anonyme pour éviter les variables globales.
        var myForm = document.getElementById('myForm'),
            inputs = document.getElementsByTagName('input'),
            inputsLength = inputs.length;
        for (var i = 0 ; i < inputsLength ; i++)
            {
            if (inputs[i].type == 'text' || inputs[i].type == 'password')
                {
                inputs[i].onkeyup = function()
                    {
                    check[this.id](this.id); // « this » représente l'input actuellement modifié
                    };
                }
            }
        myForm.onsubmit = function()
            {
            var result = true;
            for (var i in check)
                {
                result = check[i](i) && result;
                }
            if (result)
                {
                header('Location: '.cible_new_membre.php);
                }
            return false;
            };
        myForm.onreset = function()
            {
            for (var i = 0 ; i < inputsLength ; i++)
                {
                if (inputs[i].type == 'text' || inputs[i].type == 'password')
                    {
                    inputs[i].className = '';
                    }
                }
        deactivateTooltips();
            };
        })();

    // Maintenant que tout est initialisé, on peut désactiver les « tooltips »
    deactivateTooltips();
    })();

Vasy ca me crame le cervelet

xD pourtans c'est simple x) 300eme message moi aussi j'ai un bug mon logo est immence la

Nique le JS

non le JS c'est ce que van asche a dit de révisé pendant les vacance

nik Van ash!

on calme le langage sur ces prof préféré

Uai j’avoue ça se fait pas.Nik l'informatique!!!!!!!!!

Niquez vous

on ce calme

d'accord

puis si vous fete trop les mec je montre tous sa lundi a 10h

Oh le salo

pfffff première régle du forum, on ne parle pas du forum.

Propre

j'ai pas signé pour sa moi

Oh le salo

Si tu respecte pas cette réglé tu seras poursuivit par la marine et la brigade des S.A.L.O jusqu’à ta mort.

ok ok mé je suis l'ange de la mort

On va te bruler les ailes!