Aller au contenu

  • Pas encore inscrit ?

    Pourquoi ne pas vous inscrire ? C'est simple, rapide et gratuit.
    Pour en savoir plus, lisez Les avantages de l'inscription... et la Charte de Zébulon.
    De plus, les messages que vous postez en tant qu'invité restent invisibles tant qu'un modérateur ne les a pas validés. Inscrivez-vous, ce sera un gain de temps pour tout le monde, vous, les helpeurs et les modérateurs ! :wink:

JavaScript – Modifier la valeur d'un input text…

alex.hitman

Par alex.hitman
dans Programmation

 Partager

Messages recommandés

alex.hitman Extrem Member

alex.hitman

Posté(e)
Posté(e)

Bonjour à tous.

 

J'ai en fait une fonction javascript qui permet de modifier le contenu d'un input de type text.

 

Voici son code :

 

function hexa(couleur)
{
document.getElementById('hexa').value = couleur;
}

 

Ca marche parfaitement, mais seulement lorsque l'input id="hexa" se trouve en dehors d'un formulaire. Dès lors qu'il se trouve à l'intérieur d'un formulaire, c'est fichu pour IE et Opera (mais non Firefox).

 

Donc ma question est la suivante :

Comment modifier la valeur d'un input de type text se trouvant à l'intérieur d'un formulaire ?

 

Merci.

Lien vers le commentaire
Partager sur d’autres sites

tangui Godlike Member

tangui

Posté(e)
Posté(e)

salut!

document.form[0].getElementById('hexa') peut etre? (0 si c'est le premier form)

Lien vers le commentaire
Partager sur d’autres sites
KewlCat Devil Member !

KewlCat

Posté(e)
Posté(e)

Euh...

Quel que soit le contexte ("dans" un formulaire ou ailleurs), le getElementById() te retrouve ton élément sans souci.

Fais voir les différents codes, il y a forcément un truc qui ne colle pas dedans...

C'est une méthode du document qui permet de retrouver un élément, il faut juste faire attention à ne pas avoir plusieurs éléments avec le même id, et à être sûr qu'on respecte bien les majuscules et minuscules...

 

tangui : tu es certain qu'un élément Form possède une méthode getElementById() ?

Lien vers le commentaire
Partager sur d’autres sites
alex.hitman Extrem Member

alex.hitman

Posté(e)
  • Auteur
Posté(e) (modifié)
le getElementById() te retrouve ton élément sans souci

C'est pour ça que ça me parait bizarre...

 

 

Le contexte, ça fait un peu lourd dans le code mais le voici (c'est mon éditeur "bbcode" avec apperçu en temps réel que je suis en train d'inclure dans une application) :

 

http://www.informatique-web.net/wysiwyg/test.html

 

 

Sur les images (les couleurs), à droite, un onmouseover appelle la fonction hexa qui change la valeur de l'input situé juste en dessous.

 

 

Voici la fonction hexa :

function hexa(couleur)
{
document.getElementById('hexa').value = couleur;
}

 

 

Et un exemple d'appel ce cette fonction :

onmouseover="hexa('#CCFFFF')"

 

 

 

 

Sinon, simplement pour tester, rien que ceci ne fonctionne pas (alors que si l'on enlève le formulaire, c'est bon !) :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
 <head>
<title>
  BBCode en Javascript
</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">
function hexa(couleur)
{
document.getElementById('hexa').value = couleur;
}
</script>
 </head>
 <body>
 <form action="truc.html" method="post" name="formulaire">
<a href="#" onmouseover="hexa('#CCFFFF')">TEST</a>
<input style="font-weight:bold;" type="text" id="hexa" value="#000000" size="8" />
 </form>
</body>

 

 

 

Voila, j'espère que vous pourrez m'éclairer ^^

Modifié par alex.hitman
Lien vers le commentaire
Partager sur d’autres sites
tangui Godlike Member

tangui

Posté(e)
Posté(e)

tangui : tu es certain qu'un élément Form possède une méthode getElementById() ?

je ne suis pas allé voir les propriétés de Form :P

j'ai juste pensé que si il déplace ca dans un form, c'est qu'il fallait le spécifier quelque part... mvse déduction...

Lien vers le commentaire
Partager sur d’autres sites
KewlCat Devil Member !

KewlCat

Posté(e)
Posté(e)

Juste un truc, comme ça, qui me vient à l'esprit...

Tu utilises un <input /> dans ta page ? Je veux dire, ta balise est auto-fermante ?

Il se peut (mais alors, rien n'est moins sûr puisque c'est une idée à 6h du mat) que IE et Opera aient un souci avec une balise input sans ChildNode... Essaie <input (...)> </input> (éventuellement en mettant un commentaire entre la balise ouvrante et la balise fermante, s'il le faut !)

Je sais que c'est le genre de truc incompréhensible qui m'a résolu quelques problèmes que je rencontrais avec IE... Mais ça m'étonne que ça touche l'attribut "value" du champ texte...

 

Autre truc : évite les <a> si c'est pour mettre un événement sur un bout de page... non seulement tu ne sais pas comment vont être "stylées" les balises <a>, mais en plus tu risques de gros soucis avec un rechargement de page quand tu mets un href à #. Utilise plutôt un span, même anonyme on s'en fout, c'est juste pour délimiter une zone dans ta page où l'événement sera déclenché. Colle-lui une classe si tu veux que ta "zone sensible" ait une apparence et un comportement distinct du reste du texte, mais évite les <a> qui sont là pour la navigation intra- et inter-documents...

 

Je viens d'aller voir ta page, c'est normal qu'il manque la fin du document ? (balises fin de body et fin de html inexistantes)

Lien vers le commentaire
Partager sur d’autres sites
alex.hitman Extrem Member

alex.hitman

Posté(e)
  • Auteur
Posté(e)

Oui, la balise est auto-fermante. Je vais essayer ce que tu viens de me dire.

J'ai mis un <a> pour l'évènement, mais c'est juste un test. Dans la page que tu peux voir, j'utilise des <img> D'ailleurs cette page, c'est aussi une page de test "en vrac". C'est pour ça qu'il se peut, comme tu l'as dit, qu'il manque les balises de fin de body et de html.

 

 

Merci, je teste tout cet après-midi, ou ce soir.

Lien vers le commentaire
Partager sur d’autres sites
KewlCat Devil Member !

KewlCat

Posté(e)
Posté(e)
J'ai essayé, sans succès
Tu as essayé quoi ?

Est-ce que tu pars d'un document qui est valide XHTML 1.0 Strict ?

Je maintiens qu'un document.getElementById() te retrouve ton élément, où qu'il soit placé dans la page (à condition que la structure du document soit valide)...

innerText n'est pas standard (tu risques de renverser la tendance avec un code qui fonctionne avec IE, peut-être Opera et pas du tout sur les autres navigateurs - basés sur KHTML et Gecko - )

Lien vers le commentaire
Partager sur d’autres sites

Rejoindre la conversation

Vous pouvez publier maintenant et vous inscrire plus tard. Si vous avez un compte, connectez-vous maintenant pour publier avec votre compte.
Remarque : votre message nécessitera l’approbation d’un modérateur avant de pouvoir être visible.

Invité
Répondre à ce sujet…

×   Collé en tant que texte enrichi.   Coller en tant que texte brut à la place

  Seulement 75 émoticônes maximum sont autorisées.

×   Votre lien a été automatiquement intégré.   Afficher plutôt comme un lien

×   Votre contenu précédent a été rétabli.   Vider l’éditeur

×   Vous ne pouvez pas directement coller des images. Envoyez-les depuis votre ordinateur ou insérez-les depuis une URL.

×
 Partager
Aller sur la liste des sujets

  • En ligne récemment   0 membre est en ligne

    • Aucun utilisateur enregistré regarde cette page.
×
×
  • Créer...