Voilà, j'ai trouvé une fonction javascript toute bien pour étendre les input text au fur et à mesure que l'on écrit.
Le pb tout con que je rencontre, c'est que la fonction est écrit pour étendre un input ayant le nom "thebox" et que je voudrais envoyer plutot en paramètre le nom de l'input à étendre pour l'appliquer à des input ayant des noms différents. Ca doit être simple mais j'y arrive pas
j'ai essayé en mettant function boxexpand(thebox) et en passant le nom de l'input à l'appel de la fonction mais non c'est pas du tout comme ça que ça marche le javascript
Si vous pouvez me donner une ptite piste sur ce que je doit changer?
quand on écrit "document.all.thebox.value.length" thebox ne peut pa être une variable si?
Citation :
<!-- TWO STEPS TO INSTALL TEXTBOX EXPANDER:
1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
<HEAD>
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Original: Michael P. Hemmes (trueluck3@hotmail.com ) -->
<!-- Web Site: TextBox Expander -->
<script>
// The following script was written by: Michael P. Hemmes (trueluck3@hotmail.com)
// This script is freeware. You may use it, change it, add to it.
// I don't even care if you give me credit or not (I do, however, appreciate credit)
// However, DO NOT change this script and leave my name credited to the changed script.
function boxexpand()
{
// Code to make the script easier to use //
boxValue=document.all.thebox.value.length
boxSize=document.all.thebox.size
minNum=20 // Set this to the MINIMUM size you want your box to be.
maxNum=100 // Set this to the MAXIMUM size you want your box to be.
// Starts the main portion of the script //
if (boxValue > maxNum)
{
}
else
{
if (boxValue > minNum)
{
document.all.thebox.size = boxValue
}
else if (boxValue < minNum || boxValue != minNum)
{
document.all.thebox.size = minNum
}
}
}
// End of script //
</script>
</HEAD>
<!-- STEP TWO: Copy this code into the BODY of your HTML document -->
<BODY>
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Original: Michael P. Hemmes (trueluck3@hotmail.com ) -->
<!-- Web Site: TextBox Expander -->
<form method="POST" action="_vti_bin/shtml.dll/expand.htm" webbot-action="--WEBBOT-SELF--">
<p><input type="text" onKeypress="boxexpand()" name="thebox" size=20><input type="submit" value="Submit" name="B1"><input type="reset" value="Reset" name="B2"></p>
</form>
<p><center>
<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 2.16 KB -->
|
j'ai aussi testé en remplaçant document.all.thebox par this dans la fonction et en passant le nom du input à l'appel mais rien
Message édité par dalida le 28-06-2004 à 16:20:51