begin process at 2012 02 14 12:41:40
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript Orienté objet (POO)

 > 

Divers

 > 

Ajouter du texte dynamique


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Ajouter du texte dynamique

mercredi 15 août 2007 à 14:02:45 | Ajouter du texte dynamique

nuns



Bonjour,

Je suis en entrain de faire un formulaire,
et je voulais quand il y a la vérification en JavaScript qu'il ajoute du texte rouge "le champs est vide veuilles le remplir" au-dessus du champs ou sais vide.

 

Donc voici des morceaux de code que j'ai.


code HTML
[code]
<form action="?page=Admin&amp;action=send" method="post" id="formrequest" onSubmit="return checkform('formrequest');">
<dl>
<dt>First Name:</dt>
<dd id="firstName-dd">
<input name="firstName" type="text" class="edit" size="30" />
</dd>
	<dt>Last Name:</dt>
<dd>
<input name="lastName" type="text" class="edit" size="30" />
</dd>
</dl>

<input type="submit" value="submit" class="submit" />
</form>
[/code]

JavaScript
[code]
function checkform($formulaire){
var $mail = '';
var $result = false;


//firtName
if(document.forms[$formulaire].elements['firstName'].value == "") {

document.forms[$formulaire].elements['firstName'].focus();
$result = false;
addHTML(document.forms[$formulaire],'<font face="Tahoma" size="2">Veuillez entrer votre lieu de résidence!</font></br>');
}

//lastName

//Company

//mail
$mail = document.forms[$formulaire].elements['email'].value;
$result = verifiermail($mail);

//Phone Number



return $result;
}

function verifiermail(mail) {
if ((mail.indexOf("@")>=0)&&(mail.indexOf(".")>=0)) {
return true
} else {
alert("Mail invalide !");
return false
}
}

function addHTML(element, HTML) {
var o = document.createElement("div");
o.innerHTML = HTML;
element.appendChild(o)
}
[/code]
mercredi 15 août 2007 à 14:31:11 | Re : Ajouter du texte dynamique

bultez

Membre Club




Bonjour,


    foultitude solutions ( comme toujours )

    on pourrait, devant ces champs, mettre <label id="toto" style="display:none;color:red">texte de l'erreur</label>
    et en cas d'erreur faire : document.getElementById("toto").style.display="inline";
       c'est une exemple, il y a d'autres possibilités.



                Cordialement            Bul         [mon Site]     [M'écrire]
                                                    Généralement, c'est absurde de généraliser.
mercredi 15 août 2007 à 14:40:20 | Re : Ajouter du texte dynamique

bultez

Membre Club
j'ai oublié de dire que bien entendu (?)
    le texte de l'erreur peut-être "dynamique"
   
                 document.getElementById("toto").innerHTML="le texte voulu";

                Cordialement          Bul         [mon Site]     [M'écrire]
                                    Généralement, c'est absurde de généraliser.
mercredi 15 août 2007 à 15:00:46 | Re : Ajouter du texte dynamique

bultez

Membre Club




ah, mais je n'avais pas tout vu....



<body>
<form action="?page=Admin&amp;action=send" method="post"
        id="formrequest"
        onSubmit="return checkform(this);">
<dl>
    <dt>First Name:</dt>
    <dd id="firstName-dd">
        <input name="firstName" type="text" class="edit" size="30" />
    </dd>
    <dt>Last Name:</dt>
    <dd>
        <input name="lastName" type="text" class="edit" size="30" />
    </dd>
</dl>
    <input type="submit" value="submit" class="submit" />
</form>

<script>
    function checkform($formulaire)
    {
        var $mail = '';
        var $result = false;
        if($formulaire.firstName.value=="") {
               $formulaire.firstName.focus();
               $result = false;
            addHTML($formulaire,'<font face="Tahoma" size="2">Veuillez entrer votre lieu de résidence!</font></br>');
          }
        /*
        $mail = $formulaire.email.value;            j'ai éliminé
        $result = verifiermail($mail);                  car email non décrit
        */
        return $result;
    }
    function verifiermail(mail) {
        if ((mail.indexOf("@")>=0)&&(mail.indexOf(".")>=0)) {        
            return true
        } else {
            alert("Mail invalide !");
            return false
        }
    }

    function addHTML(element, HTML) {
        var o = document.createElement("div");
        o.innerHTML = HTML;
        element.appendChild(o)
    }
</script>
</body>



                Cordialement                Bul             [mon Site]         [M'écrire]
                       
Généralement, c'est absurde de généraliser.
mercredi 15 août 2007 à 16:09:54 | Re : Ajouter du texte dynamique

nuns



je devients fou....

regarde ce que j'ai fais
<form action="?page=Admin&amp;action=send" method="post" id="formrequest" onSubmit="return checkform(this);">
<label for="" id="toto">
</label>
<input name="firstName" type="text" class="edit" size="30" />

<input type="submit" value="submit" class="submit" />
</form>

JAVASCRIPT

function checkform($formulaire){
var $result = false;


//firtName
if($formulaire.elements['firstName'].value == "") {
$formulaire.elements['firstName'].focus();
$result = false;
addHTML($formulaire,'<font face="Tahoma" size="2">Hello</font></br>');
}

//lastName

//Company

//mail
/*$mail = document.forms[$formulaire].elements['email'].value;
$result = verifiermail($mail);
*/
//Phone Number



return $result;
}


function addHTML(element, HTML) {
var o = element.getElementById("toto");
o.innerHTML = HTML;
element.appendChild(o)
}
 
mercredi 15 août 2007 à 16:30:29 | Re : Ajouter du texte dynamique

bultez

Membre Club
Réponse acceptée !




Bonjour,

   

				var o = element.getElementById("toto");
document.getElementByID plutôt


et dans ce cas element est inutile, comme appendChild puisqu'il existe.

addHTML('<font face="Tahoma" size="2">Hello</font></br>');
function addHTML(HTML) {
var o = document.getElementById("toto");
o.innerHTML = HTML;
}





o~~~~~~~~~~~~~~~~~o~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~o~~~~~~~~~~~~~~~~o 
| Avec | et mieux :
|~~~~~~~~~~~~~~~~~|~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|~~~~~~~~~~~~~~~~| 
| |regarder la "console d'erreurs" | FireBug
| | Outils / Console d'erreurs | | 
|~~~~~~~~~~~~~~~~~|~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|~~~~~~~~~~~~~~~~| 
||activer le deboggage : Outils/options Internet/Avancés | le Debogger IE
| | dans la liste, sous "Navigation" : décocher | | 
| | ° Afficher une notification de chaque erreur de script | | 
| | ° Désactiver le débogage de Scripts (autres applications)| | 
| | ° Désactiver le débogage de Scripts (Internet Explorer) | | 
o~~~~~~~~~~~~~~~~~o~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~o~~~~~~~~~~~~~~~~o

ça aide "pas mal"



                Cordialement            Bul         [mon Site]     [M'écrire]
                                    Généralement, c'est absurde de généraliser.
mercredi 15 août 2007 à 17:48:17 | Re : Ajouter du texte dynamique

nuns



Merci, beaucoup, sa fonctionne.. je voulais sa savoir si c'est possible d'enlenver le text ? que j'ai rajouté s'il y a quelque chose dedant dans le champ. tu vois ce que je veux dir ?

Merci encore de la papiditée.
mercredi 15 août 2007 à 19:06:07 | Re : Ajouter du texte dynamique

nuns

Réponse acceptée !
J'ai trouvé.

        if($formulaire.elements['firstName'].value == "") {
               $formulaire.elements['firstName'].focus();
               $result = false;
            addHTML('<font color="red" size="2">Hello</font><br />');
          }else{
            addHTML('');
          }
         


Merci a Bultez





Cette discussion est classée dans : mail, code, formulaire, document, dd


Répondre à ce message

Sujets en rapport avec ce message

Fonction avec parametres [ par lotr ] Bonjour,Voila mon pb : j'utilise une fonction JS qui rend une liste selectionnable/deselectionnable selon qu'une checkbox est cochee/decochee.Ma fonct Verif de champs et autre... [ par Farfadam ] Bonjour à tous,j'ai créé un formulaire de contact qui fonctionne impec, le s Colorer champs formulaire apres validation [ par socket77 ] Mon code envoie bien des erreur si les champs ne sont pas valides mais ne les colore pas en rouge comme prévu.. Une idée? merci function check() { Probleme javascript sur une checkbox qui rend champs texte utilisable [ par krol17 ] Bonjour, J'ai un souci avec un bouton en javascript.J'ai une case à cocher et un champs texte, au lancement de ma page, je champs texte n'est pas acce mot de passe invisible dans le code source [ par bibiss1961 ] Bonjour, j'ai protégé une page par un mot de passe le problème c'est quand on récupère le code source le mot de passe est visible comment puis-je fai variables / document. / concaténation [ par BlizarBlizar ] Bonjour ! j'ai un problème qui vient surement de la syntaxe de mon code, je m'explique : comment faire pour avoir : [code=js]var titre=document.no script fonctionnant sous Firefox mais pas sous IE6 [ par Kaiser Sauzer ] Bonjour, j'ai une page de formulaire qui fait appelle à 2 script. - le premier me fait apparaître un champs supplémentaire selon le résultat d'un sele Affiché valeur checkbox/radio si coché [ par amine38 ] Bonjour ! voilà j'ai un petit travail à faire et je ne parviens pas à résoudre mon problème : Je souhaite affiché la valeur des radios et checkbox co IE: Activer/desactiver un champ d'un formulaire [ par lektrosonic ] Bonjour, Dans mon formulaire il y a ceci : [code=html]?????? ??????? < manque de code pour formulaire acrobat [ par cyr78 ] Bonsoir à tous, Je ne sais pas programmer et je n'y connais rien. Mais j'ai besoin d'aide pour finir mon formulaire créé avec Acrobat. Je n'arrive p


Nos sponsors


Sondage...

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 3,541 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales