HTML - Cliquer = affichage de texte dans un champ

HTML - Cliquer = affichage de texte dans un champ - Programmation

Marsh Posté le 13-04-2001 à 15:31:00    

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
Reply

Marsh Posté le 13-04-2001 à 15:31:00   

Reply

Marsh Posté le 13-04-2001 à 15:44:34    

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>

Reply

Marsh Posté le 13-04-2001 à 16:00:30    

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>

Reply

Marsh Posté le 13-04-2001 à 16:01:18    

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
Reply

Marsh Posté le 13-04-2001 à 16:11:22    

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>

Reply

Marsh Posté le 13-04-2001 à 16:37:16    

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>

Reply

Marsh Posté le 14-04-2001 à 09:21:37    

pas top top le dernier exemple :gun:


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

Marsh Posté le 14-04-2001 à 18:19:38    

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


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

Marsh Posté le 14-04-2001 à 22:10:44    

Reply

Marsh Posté le 16-04-2001 à 18:55:10    

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>

Reply

Marsh Posté le 16-04-2001 à 18:55:10   

Reply

Marsh Posté le 18-04-2001 à 09:45:03    

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
Reply

Marsh Posté le 18-04-2001 à 10:00:36    

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

Reply

Marsh Posté le 18-04-2001 à 10:14:56    

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
Reply

Marsh Posté le 18-04-2001 à 10:22:20    

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

Reply

Marsh Posté le 18-04-2001 à 10:40:57    

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
Reply

Marsh Posté le 18-04-2001 à 10:52:19    

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 ..... :o)


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

Marsh Posté le 18-04-2001 à 10:57:42    

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

Reply

Marsh Posté le 18-04-2001 à 11:20:26    

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

Reply

Marsh Posté le 18-04-2001 à 11:43:00    

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  
Reply

Marsh Posté le 18-04-2001 à 14:02:23    

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
Reply

Marsh Posté le 18-04-2001 à 14:39:11    

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

Reply

Marsh Posté le 18-04-2001 à 15:24:09    

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 " :D  " 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 !

Reply

Marsh Posté le 18-04-2001 à 15:47:28    

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
Reply

Marsh Posté le 18-04-2001 à 15:54:00    

bon je vous dérange pas ?? ;)
 
Ouai, moi au moins j'avais compris le coup de la parenthese :p
 
Enfin, vous pouverz quand même m'aider pour le reste ;)


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

Marsh Posté le 18-04-2001 à 15:57:27    

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  
Reply

Marsh Posté le 18-04-2001 à 15:59:05    

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  
Reply

Marsh Posté le 18-04-2001 à 16:28:52    

under>non je t'en voudrais pas :D
 
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" ;)

Reply

Marsh Posté le 18-04-2001 à 17:40:23    

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
Reply

Marsh Posté le 19-04-2001 à 09:38:25    

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
Reply

Marsh Posté le 19-04-2001 à 10:24:00    

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]

Reply

Marsh Posté le 19-04-2001 à 11:00:43    

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

Reply

Marsh Posté le 19-04-2001 à 11:23:51    

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...  :D ;o)


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

Marsh Posté le 19-04-2001 à 12:04:09    

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
Reply

Marsh Posté le 19-04-2001 à 12:19:30    

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

Reply

Marsh Posté le 19-04-2001 à 13:40:46    

ah oui, putain je suis tron con :D !!
 
 
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 ;)

Reply

Marsh Posté le 23-04-2001 à 11:40:47    

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed