[javascript] Textbox expander

Marsh Posté le 28-06-2004 à 16:15:22

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 :sweat:
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 :sweat:
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 :

<HEAD>









<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>



<BODY>









<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>

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 [:sisicaivrai]

Message édité par dalida le 28-06-2004 à 16:20:51

Reply

Marsh Posté le 28-06-2004 à 16:15:22

Reply

Marsh Posté le 28-06-2004 à 17:34:29

Bon, il est pas très joli ton script ...
Commence déja par différencier les navigateurs (la méthode document.all. ne marche pas avec tous)
il faut faire des test style:
if (document.all) {//si le navigateur comprend cette méthode }
else if (document.getElementById) {//sinon, si le site comprend cette autre méthode }

Cherche sur le net pour avoir un script de detection de navigateur.

Sinon, pour passer ton paramètre:
<input type="text" onKeypress="boxexpand()" id="le_nom" size=20>
car name est pas W3C, c'est de la vieille facon de programmer

En suite pour acceder aux propriètès tu fais document.getElementById("le_nom" ) (ou document.all["le_nom"])

Ramené à ton script ca devrait faire:

<input type="text" onKeypress="boxexpand('truc1')" id="truc1" size=20>

function boxexpand(id_nom)
{

// Code to make the script easier to use //

boxValue=document.getElementById(id_nom).value.length
boxSize=document.getElementById(id_nom).size
...

Reply

Marsh Posté le 28-06-2004 à 17:48:31

thx c parfait

Reply

[javascript] Textbox expander

Sujets relatifs:

Leave a Replay