Ouais normal mais je voulais voir ce que ça donnait puis changer ce que je voulais après, donc voila j'ai changé et çà marche toujours pas.
Tout est correct sauf le code
y'a pas de chemin vu que j'ai foutu le js sur la page.
voila mon code :
<code type="javascript">
<script type="text/javascript">
function deactivateTooltips()
{
var spans = document.getelementsByTagName('span'),
spansLength = spans.length;
for (var i = 0 ; i < spansLength ; i++)
{
if (spans.className == 'tooltip')
{
spans[i].style.display = 'none';
}
}
}
function getTooltip(elements)
{
while (elements = elements.nextSibling)
{
if (elements.className === 'tooltip')
{
return elements;
}
}
return false;
}
var check = {};
check['code'] = function()
{
var code = document.getElementById(code),
tooltipStyle = getTooltip(code).style;
if (code.value.length >= 4)
{
code.className = 'correct';
tooltipStyle.display = 'none';
return true;
}
else
{
code.className = 'incorrect';
tooltipStyle.display = 'inline-block';
return false;
}
};
check['design'] = function()
{
var design = document.getElementById(design),
tooltipStyle = getTooltip(design).style;
if (design.value.length >= 10)
{
design.className = 'correct';
tooltipStyle.display = 'none';
return true;
}
else
{
design.className = 'incorrect';
tooltipStyle.display = 'inline-block';
return false;
}
};
check['nb'] = function()
{
var nb = document.getElementById('nb'),
tooltipStyle = getTooltip(nb).style,
nbValue = parseInt(nb.value);
if (!isNaN(nbValue) && nbValue > 0 )
{
nb.className = 'correct';
tooltipStyle.display = 'none';
return true;
} else {
nb.className = 'incorrect';
tooltipStyle.display = 'inline-block';
return false;
}
};
check['classe'] = function()
{
var classe = document.getElementById('classe'),
tooltipStyle = getTooltip(classe).style;
if (classe.options[classe.selectedIndex].value != 'none')
{
tooltipStyle.display = 'none';
return true;
}
else
{
tooltipStyle.display = 'inline-block';
return false;
}
};
(function()
{
var myForm = document.getelementsById('myForm'),
inputs = document.getelementsByTagName('input'),
inputsLength = inputs.length;
for (var i = 0 ; i < inputsLength ; i++)
{
if (inputs[i].type == 'text')
{
inputs[i].onkeyup = function()
{
check[this.id](this.id);
};
}
}
myForm.onsubmit = function()
{
var result = true;
for (var i in check)
{
result = check[i](i) && result;
}
if (result)
{
alert('Le formulaire est bien rempli.');
}
return false;
};
myForm.onreset = function()
{
for (var i = 0 ; i < inputsLength ; i++)
{
if (inputs[i].type == 'text')
{
inputs[i].className = '';
}
}
deactivateTooltips();
};
})();
deactivateTooltips();
</script>
</code>
et mon code HTML :
<code type="html">
<form id="myForm" method="POST" action="creerphp.php">
<label class="form_col" for="code">Code Produit :</label>
<input class="input" name="code" id="code" type="text" maxlength="6" />
<span class="tooltip">Le code produit doit contenir au moins 4 caractères</span>
<br/><br/>
<label class="form_col" for="design">Désignation produit :</label>
<input class="input" name="design" id="design" type="text" />
<span class="tooltip">La désignation produit doit contenir au moins 10 caractères</span>
<br/><br/>
<label class="form_col" for="classe">Classe produit :</label>
<select name="classe" id="classe">
<?php
$sql = 'SELECT DISTINCT classe FROM tmat ORDER BY classe ASC';
$req = mysql_query($sql) or die('Erreur SQL !<br>'.$sql.'<br>'.mysql_error());
while($res = mysql_fetch_assoc($req))
{
?>
<option><?php echo $res['classe']; ?></option>
<?php
}
?>
</select>
<span class="tooltip">Vous devez obligatoirement sélectionner une classe</span>
<br/><br/>
<label class="form_col" for="nb">Quantité :</label>
<input class="input" name="nb" id="nb" type="number" />
<span class="tooltip">La quantité doit être supérieur à Zéro</span>
<br/><br/>
<span class="form_col"></span>
<input type="submit" value="Créer !" /> <input type="reset" value="Réinitialiser le formulaire" />
</form>
</code>
Et donc la je vois tout s'afficher, les messages a coté des champs, les cadres ne changent meme pas de couleur en passant etc ... mais j'arrive bien a créer ce que je veux o_O[/i][/i][/i][/i][/i][/i]
Tout est correct sauf le code

voila mon code :
<code type="javascript">
<script type="text/javascript">
function deactivateTooltips()
{
var spans = document.getelementsByTagName('span'),
spansLength = spans.length;
for (var i = 0 ; i < spansLength ; i++)
{
if (spans.className == 'tooltip')
{
spans[i].style.display = 'none';
}
}
}
function getTooltip(elements)
{
while (elements = elements.nextSibling)
{
if (elements.className === 'tooltip')
{
return elements;
}
}
return false;
}
var check = {};
check['code'] = function()
{
var code = document.getElementById(code),
tooltipStyle = getTooltip(code).style;
if (code.value.length >= 4)
{
code.className = 'correct';
tooltipStyle.display = 'none';
return true;
}
else
{
code.className = 'incorrect';
tooltipStyle.display = 'inline-block';
return false;
}
};
check['design'] = function()
{
var design = document.getElementById(design),
tooltipStyle = getTooltip(design).style;
if (design.value.length >= 10)
{
design.className = 'correct';
tooltipStyle.display = 'none';
return true;
}
else
{
design.className = 'incorrect';
tooltipStyle.display = 'inline-block';
return false;
}
};
check['nb'] = function()
{
var nb = document.getElementById('nb'),
tooltipStyle = getTooltip(nb).style,
nbValue = parseInt(nb.value);
if (!isNaN(nbValue) && nbValue > 0 )
{
nb.className = 'correct';
tooltipStyle.display = 'none';
return true;
} else {
nb.className = 'incorrect';
tooltipStyle.display = 'inline-block';
return false;
}
};
check['classe'] = function()
{
var classe = document.getElementById('classe'),
tooltipStyle = getTooltip(classe).style;
if (classe.options[classe.selectedIndex].value != 'none')
{
tooltipStyle.display = 'none';
return true;
}
else
{
tooltipStyle.display = 'inline-block';
return false;
}
};
(function()
{
var myForm = document.getelementsById('myForm'),
inputs = document.getelementsByTagName('input'),
inputsLength = inputs.length;
for (var i = 0 ; i < inputsLength ; i++)
{
if (inputs[i].type == 'text')
{
inputs[i].onkeyup = function()
{
check[this.id](this.id);
};
}
}
myForm.onsubmit = function()
{
var result = true;
for (var i in check)
{
result = check[i](i) && result;
}
if (result)
{
alert('Le formulaire est bien rempli.');
}
return false;
};
myForm.onreset = function()
{
for (var i = 0 ; i < inputsLength ; i++)
{
if (inputs[i].type == 'text')
{
inputs[i].className = '';
}
}
deactivateTooltips();
};
})();
deactivateTooltips();
</script>
</code>
et mon code HTML :
<code type="html">
<form id="myForm" method="POST" action="creerphp.php">
<label class="form_col" for="code">Code Produit :</label>
<input class="input" name="code" id="code" type="text" maxlength="6" />
<span class="tooltip">Le code produit doit contenir au moins 4 caractères</span>
<br/><br/>
<label class="form_col" for="design">Désignation produit :</label>
<input class="input" name="design" id="design" type="text" />
<span class="tooltip">La désignation produit doit contenir au moins 10 caractères</span>
<br/><br/>
<label class="form_col" for="classe">Classe produit :</label>
<select name="classe" id="classe">
<?php
$sql = 'SELECT DISTINCT classe FROM tmat ORDER BY classe ASC';
$req = mysql_query($sql) or die('Erreur SQL !<br>'.$sql.'<br>'.mysql_error());
while($res = mysql_fetch_assoc($req))
{
?>
<option><?php echo $res['classe']; ?></option>
<?php
}
?>
</select>
<span class="tooltip">Vous devez obligatoirement sélectionner une classe</span>
<br/><br/>
<label class="form_col" for="nb">Quantité :</label>
<input class="input" name="nb" id="nb" type="number" />
<span class="tooltip">La quantité doit être supérieur à Zéro</span>
<br/><br/>
<span class="form_col"></span>
<input type="submit" value="Créer !" /> <input type="reset" value="Réinitialiser le formulaire" />
</form>
</code>
Et donc la je vois tout s'afficher, les messages a coté des champs, les cadres ne changent meme pas de couleur en passant etc ... mais j'arrive bien a créer ce que je veux o_O[/i][/i][/i][/i][/i][/i]