HTML - Cliquer = affichage de texte dans un champ

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : HTML - Cliquer = affichage de texte dans un champ

Groody

Utilisez MES smileys §

Salut,

Comment, en cliquant sur un lien (parmis plusieurs), afficher un texte prédéfinis dans un champ bien spécial.

C'est pour préparer un formulaire, les personnes choisissent leurs options, et les textes vont se placer.

Si vous avez des exemples en passant ...

D'avance, merci

---------------
Vidéo Concorde Air France | www.kiva.org

Publicité

darkoli

Le Petit Dinosaure Bleu

mais c'est facile :
pour ie 5.0
<html>
<head><title>mais je t'e...</title></head>
<body>
<a href="t(0)">toto</a>
<a href="t(1)">tutu</a>
<a href="t(2)">tata</a>

<div id="tt" style="position:absolute;left:0px;top:100px;width:500px;height;200px;color:000000;background-color:EFEFEF"></div>

<script language="javascript">
var tt=document.all.tt;
var t=new Array("ben c'est toto","la c'est tutu","et la c'est tata" );
function t(n) {
tt.innerHTML=t(n);
}
</script>
</body>
</html>

darkoli

Le Petit Dinosaure Bleu

voila la version corrigée, à toi de la modifier pour que ca fasse ce que tu veux ...

<html>
<head><title>mais je t'e...</title></head>
<body>
<a name="a1" onMouseMove="f(0)" href="kdfjglmsdhkj">toto</a>
<a name="a2" onMouseMove="f(1)" href="sdfsgd">tutu</a>
<a name="a3" onMouseMove="f(2)" href="fdgsdfgsdf">tata</a>
<div id="tt" style="position:absolute;left:0px;top:100px;width:500px;height:200px;color:000000;background-color:EFEFEF"></div>
<script language="javascript">
var tt=document.all.tt;
var t=new Array("ben c'est toto","la c'est tutu","et la c'est tata" );
function f(n) {
tt.innerHTML=t[n];
}
</script>
</body>
</html>

Groody

Utilisez MES smileys §

Y'a un "bogue"

Netscape :
Netscape is unable to find the file or directory named /C|/t(1)

Check the name and try again ..

Ca passe pas no plus sous IE

Sinon ça doit fonctionner sous Netscape ? J'espere que oui ...

---------------
Vidéo Concorde Air France | www.kiva.org

Zebra3

voila qq chose de + simple qui devrait marcher :

pas difficile avec un peu de JavaScript ex:

la fonction javascript :
function ajouteTexte(texte) {
document.Formulaire.ChampTexte.value = texte;
}

le lien :
<a href="javascript:ajouteTexte('le texte à ajouter')">le lien</a>

le formulaire :
<form name="Formulaire" action=".....>
...
<input type="text" name="ChampTexte">
...
</form>

darkoli

Le Petit Dinosaure Bleu

mais si ca marche tout bien sous ie5.0 (le deuxiemme version). est je ne trouve pas ca tres compliqué :

<html>
<head><title>snif</title></head>
<body>
<a name="a1" onMouseMove="f(0)" href="kdfjglmsdhkj">toto</a>
...
<div id="tt" style="position:absolute;left:0px;top:100px;width:500px;height:200px;color:000000;background-color:EFEFEF"></div>
<script language="javascript">
var tt=document.all.tt;
var t=new Array("ben c'est toto","la c'est tutu","et la c'est tata" );
function f(n) {
tt.innerHTML=t[n];
}
</script>
</body>
</html>

k666

dites non à petitmou

pas top top le dernier exemple :gun:

---------------
mangez du mozilla c le futur, c votre DESTIN ! http://www.mozilla.org/releases/

Groody

Utilisez MES smileys §

Darkoli, j'ai posté quasiment en même tps que toi, je parlais du 1er exemple.

Le 2e exemple marche pas non plus .. Il ne trouve pas la page.

Je m'y connais pas en JVS, donc j'arrive pas vraiment à trouvr l'erreur. Tu peux me faire un exemple complet, avec 3 liens par exemple ?

Zebra3, à mon avis il manque des chose dans ton exemple. Peux tu me donner le code entier aussi, pour 3 liens ?

Merci BCP

---------------
Vidéo Concorde Air France | www.kiva.org

Groody

Utilisez MES smileys §

---------------
Vidéo Concorde Air France | www.kiva.org

Zebra3

j'avais pas fait de page entière pour tester mes bouts de code alors voilà, je viens d'en faire une qui marche bien :

Citation :

<html>
<head>
<title>Insertion de texte</title>
<script>
function ajouteTexte(texte) {
document.Formulaire.ChampTexte.value = texte;
}
</script>
</head>

<body>

<a href="javascript:ajouteTexte('Ceci est le premier texte !')">Premier Texte</a><br>
<a href="javascript:ajouteTexte('Ceci est le texte n°2 !!')">Deuxième texte</a><br>
<a href="javascript:ajouteTexte('Ceci est le dernier texte !!!')">Troisième texte</a><br>
<form name="Formulaire">
<input type="text" name="ChampTexte" size="25" maxlength="255" value="">
</form>

</body>
</html>

Publicité

Groody

Utilisez MES smileys §

Ok Zebra3, ça marche nikel. Merci BCP !
Seule chose, c'est qu'à l'ompression, on voit les bord du formulaire.
Est-il possible d'insérer du texte dans une zone blanche, confondue dans le reste du doc, sans bordures ?

---------------
Vidéo Concorde Air France | www.kiva.org

darkoli

Le Petit Dinosaure Bleu

yes it is possible.

tu peux inserer du texte un peu ou tu veux en fait (testé avec ie5).

par exemple tu peux l'ajouter dans un div ou une autre balise mais le poste internet de merde sur lequel je suis ne me permet pas de le tester alors he vasi le faire sur l'autre poste mais il faudra attendre un peu ...

Groody

Utilisez MES smileys §

Ok Darkoli, je suis pas trop ressé ça va
Par contre, c'est compatible avec IE4 et sup ? (sup oui je suppose .. ).

---------------
Vidéo Concorde Air France | www.kiva.org

Zebra3

il suffit "d'effacer" la bordure de ton champ de saisie texte avec un peu de css : tu rajoute ça à la balise <input ...> : style="border: 0px" et voilà ! c compatible IE4+ mais pas NS4 (m'enfin kes ki marche ss NS ?)

Groody

Utilisez MES smileys §

Ok, ça marche, mais j'ai sur la droite, la barre de féfillement vertical grisée (formulaire vide..). Comment la faire disparaître ?

Autre chose, dans le formulaire, la couleur de fond est celle du fond de fenetre windows (chez moi vert légé), comment lui forcer une couleur ? j'ai essayé ce qui suit, mais ça ne marche pas.

<textarea name="ChampTexte" style="border: 0px" bgcolor="#000066" cols="45" rows="5" wrap="VIRTUAL"></textarea>

---------------
Vidéo Concorde Air France | www.kiva.org

under

(avec u comme under)

plutot :
<html>
<head>
<title>Insertion de texte</title>
<script>
function ajouteTexte(texte) {
document.Formulaire.ChampTexte.value = texte;
}
</script>
</head>

<body>

<a href="javascript:ajouteTexte('Ceci est le premier texte !')">Premier Texte</a><br>
<a href="javascript:ajouteTexte('Ceci est le texte n°2 !!')">Deuxième texte</a><br>
<a href="javascript:ajouteTexte('Ceci est le dernier texte !!!')">Troisième texte</a><br>
<form name="Formulaire">
<input type="text" name="ChampTexte" size="25" maxlength="255" value="">
</form>

</body>
</html>

héhé franky ..... )

---------------
la vie est un programme, on en est les bugs

petoulachi

A fortiori, brigadier chef

bon alors j'explique , il faut remplacer les smileys par des parentheses, sinon ça chie.
Non je précise pour les debutants style under ...

Zebra3

under> c koi le pb ?

groody> pour la couleur de fond : dans l'attribut style :
style="border: 0px; background-color: #FFFFFF" et voilà
par contre pour la barre grisée je vois pas

under

(avec u comme under)

petoulachi> chut, franky....ps : pour l'aide que tu voulais parce que tu comprenais rien di tou en html, tu peux te brosser ;o) ....bizous ma grosse!

zebra3> scuse, le truc c que j'avais pas lu ton truc, et un gar s m'a envoye ta page en me disant qu'elle marchait po en me disant qu'il l'avait faites (cf petoulachi héhé), et comme c'etait exactement le pb du gars..et be je me suis dit que j'allais la lui envoyer, c tout... ;o) sorry j'avais po vu que c'etait le tienne ;o) ..mais euhhhhhhhhhh d'abord c'etait juste pour rendre service moi ouinnnnnnnnnnnnnnnnn

---------------
la vie est un programme, on en est les bugs

Groody

Utilisez MES smileys §

Ok, nikel pour la couleur. Merci.

Zebra3, voici ce que ça donne sur http://anakin.fr.fm/dev (sous netscape ça chie, tjs les bordure et pas de couleur de fond, mais ça me dérange pas, à part moi personne utilise NS).
Tu pourras voir la barre de deffilement ...

Si quelqu'un à une idée ...

Autre chose. Je fais quelque tests et je les montre à une personne d'ici, etc..
Est-il possible dans un meme formulaire, de rajouter de texte après un texte que l'on a déjà tapé, sans remplacer le premier ? (le tout dans le meme genre que ce que l'on a vu plus haut).

Et là, rien à voir. Dans le formulaire (ou un autre champ), on doit faire apparaitre une date. Comment faire pour afficher une sorte de calendrier (choix du mois, jour), et après le choix, que la date vienne s'insérer dans le champ prévu ?
genre à la fin, la date vient entre quelques mots : Contrat signé le INSERTION DATE

---------------
Vidéo Concorde Air France | www.kiva.org

Zebra3

under a écrit a écrit :

zebra3> scuse, le truc c que j'avais pas lu ton truc, et un gar s m'a envoye ta page en me disant qu'elle marchait po en me disant qu'il l'avait faites (cf petoulachi héhé), et comme c'etait exactement le pb du gars..et be je me suis dit que j'allais la lui envoyer, c tout... ;o) sorry j'avais po vu que c'etait le tienne ;o) ..mais euhhhhhhhhhh d'abord c'etait juste pour rendre service moi ouinnnnnnnnnnnnnnnnn

pas de pb, je comprenais pas trop le truc

groody>pour la barre g fait qq tests mais je vois tjs pas
pour rajouter du texte avant ou après ce qui a été tapé, change la fonction ajouteTexte() comme suit :

Citation :

function ajouteTexte(texte) {
var temp = document.Formulaire.ChampTexte.value;
document.Formulaire.ChampTexte.value = temp+texte; (ou texte+temp selon le cas )
}

pour insérer la date c pas dur avec la fonction que je t'aie indiquée, il suffit de déclencher l'ajout par un qqconque évenement. Par contre pour la gestion de dates en javascript faudra voir avec kk1 d'autre ch'suis pas trop un spécialiste de la question

petoulachi

A fortiori, brigadier chef

He bin c trop bizarre : ce matin, qd j'ai matté ce psot, la reponde de Zebra3 apparaissait avec des simleys en plein milieu :
"<a href="javascript:ajouteTexte('Ceci est le premier texte !')">Premier Texte</a><br> "
^
|
juste là ! et d'ailleurs je ne retrouve pas ce smiley dans la liste c zarb. enfin bref, du coup qd je copier coller, la parenthese de fin n'y etait pas.
et du coup, ça me faisait une erreur de script, alors que groody disait que ça marchait nickel ??. pil poil au moement ou ya cette erreur de script, paf! lex (under) qui se connecte ! alors que j'me dis ; bon lui y maitrise, donc y va me trouver ça en 2 min que j'aurai meme pas a me prendre la tete. alors paf ! je lui envois le truc, et paf ! me rouve l'erreur en 30 sec (bon je pense que si j'avais cherché allez ... 1 min j'aurai trouvé aussi ....).
du coup, comme il croit que c faussé, il envois sa version au forum.
moi je reviens, et meme dans son post, ya aussi les smileys !!
d'ou l'explcation de mon post :"bon alors j'explique , il faut remplacer les smileys par des parentheses, sinon ça chie."
voila voila
et de dire que under est un debutant, comme on peut le voir c suivit d'un " " qui indique de l'<B>ironie</B>, pas de la mechanceté ....
en esperant avoir ete assez explicite, c pas tres facile a retranscrire par ecrit !

Groody

Utilisez MES smileys §

Ok, ça marche pour l'ajout de texte. Pil poil .

Par contre le texte du FORM est noir, et j'arrive pas à changer la couleur (genre BLANC).

Quelqu'un a une idée ?

---------------
Vidéo Concorde Air France | www.kiva.org

Groody

Utilisez MES smileys §

bon je vous dérange pas ??

Ouai, moi au moins j'avais compris le coup de la parenthese

Enfin, vous pouverz quand même m'aider pour le reste

---------------
Vidéo Concorde Air France | www.kiva.org

under

(avec u comme under)

pour reprendre le script de zebra 3 (sui j'espere ne m'en voudra plus lol ) :

<html>
<head>
<title>Insertion de texte</title>
<script>
function ajouteTexte(texte) {
document.Formulaire.ChampTexte.value = texte;
}
</script>

<STYLE>
.rouge{color: #FF0000} //exemple de couleur
</STYLE>
</head>

<body>

<a href="javascript:ajouteTexte('Ceci est le premier texte !')">Premier Texte</a><br>
<a href="javascript:ajouteTexte('Ceci est le texte n°2 !!')">Deuxième texte</a><br>
<a href="javascript:ajouteTexte('Ceci est le dernier texte !!!')">Troisième texte</a><br>
<form name="Formulaire" class="rouge">
<input type="text" class="rouge" name="ChampTexte" size="25" maxlength="255" value="">
</form>

</body>
</html>

---------------
la vie est un programme, on en est les bugs

under

(avec u comme under)

ouais euh oups, le : <form name="Formulaire" class="rouge"> il sert a rien met juste :<form name="Formulaire" > chais meme po pourqui je l'ai mis moi... chuis con des foa !!

---------------
la vie est un programme, on en est les bugs

Zebra3

under>non je t'en voudrais pas

mais pour plus tard et en attendant la balise [code] tant attendue (n'est-ce pas Joce ? ) pour copier du code en évitant les smileys il suffit de cliquer sur le bouton "éditer el messages"

Groody

Utilisez MES smileys §

Under, c'est parfait.

J'ai remodifié le code pour rajouter les astuces de Zebra3 pour virer les bordures, la couleur de fond, etc.. et maintenant c'est correctement fondu avec le fond du document.

J'ai tjs la barre de defillement. Sous dreamweaver (4), pour les champs de texte, on a le choix entre :
- Ligne simple
- Multi Lignes
- Mot de passe
La barre aparait quand on choisit Multi Lignes.
Je suis obligé de prendre ce choix, car le texte que je dois afficher est assez long.

Les options du Multi Lignes sont :
- Largeur de caractères = nul
- Nbre de ligne = nul
- Retour à la ligne = virtuel

J'ai essayé d'insérer scrolling="NO", mais ça ne marche pas.

J'ai remis à jour le site, si vous voulez voir ce que ça donne ...

Finalement j'arrive plus avec la nouvelle version à rajouter le texte à la suite, dans le champ2.

---------------
Vidéo Concorde Air France | www.kiva.org

Groody

Utilisez MES smileys §

mes 3 derniers prbs :

- comment cacher la barre de defilement qui ne doit pas apparaitre à l'impression du Doc.

- comment ajouter du texte à la suite d'un existant (déjà vu plus haut mais ne marche plus sur mes pages).

- comment rajouter un bouton lié à chaque formulaire pour éffacer le contenu, sachant que ce bouton, sera placé dans le frame de gauche, et les formulaire dans celui en bas à droite.

Pour voir ce que ça donne : http://anakin.fr.fm/dev/

[edit]--Message édité par groody--[/edit]

---------------
Vidéo Concorde Air France | www.kiva.org

Groody

Utilisez MES smileys §

J'ai trouvé l'un des 3 prb (l'ajout de texte à la suite).
J'ai utilisé Dreamweaver pour refaire les ajouts de texte, car je devais l'envoyer dans le formulaire se trouvant dans l'autre Frame.
Le soft a donc créé un JavaScript, que je ne peux pas modifier pour rejouter le code de Zebra3.

Est-il possible avec le code de Zebra3 (copié ci dessous) de balancé le texte dans un autre frame ?

function ajouteTexte(texte) {
var temp = document.Formulaire.ChampTexte.value;
document.Formulaire.ChampTexte.value = temp+texte; (ou texte+temp selon le cas )
}

[edit]--Message édité par groody--[/edit]

Zebra3

oui normalement c pas un pb tu lui dis juste dans quelle frame se trouve le formulaire en remplacant document.Formulaire.ChampTexte.value par parent.NomFrame.document.Formulaire.ChampTexte.value
ça devrait marcher

under

(avec u comme under)

groody> ouais tu veux pas aussi ajouter 9 frames en haut en bas a gauche a droite , dessus, dessous...pfiou....la y'a en trop, je suis plus rien... ;o)

---------------
la vie est un programme, on en est les bugs

Groody

Utilisez MES smileys §

Zebra3, ok, nikel pour le Frame, comme ça le (ton) code est bcp plus simple que celui de Dreamweaver.

Under, suffit de demander !!

Bon, allez, plus que 2 prbs :

- 1 bouton (frame gauche) qui qui efface le contenu du form (frame droite)

- faire disparaitre cette foutui barre de défillement !!! sinon pas la peine de continuer, on va pas imprimer ça sur le contrat

---------------
Vidéo Concorde Air France | www.kiva.org

Zebra3

pour effacer le contenu du form c pas dur : tu donnes une action onClick="parent.Frame.Formulaire.champ.value=''" et zou

pour la barre de défilement j'ai beau cherche mais ej vois pas le truc ce serait p/e de pas imprimer ça mais faire ouvrir une nouvelle fenêtre en js et qui écrirait le texte contenu dans le form avec document.write()

Groody

Utilisez MES smileys §

ah oui, putain je suis tron con !!

Aurais tu un exemple pour le fenetre JS avec Document write() ?

Désolé, la prog, ça me repousse un peu, alors que j'adorai etre un pro dans ce domaine ..

Bon, vous m'envoyez la facture après

Groody

Utilisez MES smileys §

---------------
Vidéo Concorde Air France | www.kiva.org

Publicité

FORUM HardWare.fr

Programmation

HTML - Cliquer = affichage de texte dans un champ

Sujets relatifs
Preload d'une page HTML	[html] comment faire pour masquer un password
PAGE HTML VLAN DANS TA GUEULE	[HTML - JAVASCRIPT] FENETRE POPUP
HTML	[VC++]Récupérer des valeurs d'un fichier texte dans des variables !
[HTML]	fichier texte en php
Un bon editeur HTML ?	[HTML] Tableau Vs Frame
Plus de sujets relatifs à : HTML - Cliquer = affichage de texte dans un champ

Page générée en 0.047 secondes