 |
||
| ||
| |||||
| Dernière réponse | |
|---|---|
| Sujet : HTML - Cliquer = affichage de texte dans un champ | |
| Groody | UP |
| Aperçu |
|---|
| Vue Rapide de la discussion |
|---|
| Groody | UP |
| Groody | 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 ;) |
| 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 | 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 ;) |
| 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... :D ;o) |
| 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 ;) |
| Groody | 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] |
| Groody | 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] |
| Groody | 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. |
| Zebra3 | 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" ;) |
| 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 !! |
| 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> |
| Groody | 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 ;) |
| Groody | 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 ? |
| petoulachi | 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 ! |
| Zebra3 |
|
| Groody | 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 |
| 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 |
| 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 :( |
| petoulachi | 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 |
| 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 ..... :o) |
| Groody | 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> |
| 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 | Ok Darkoli, je suis pas trop ressé ça va ;)
Par contre, c'est compatible avec IE4 et sup ? (sup oui je suppose .. ;)). |
| darkoli | 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 | 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 ? |
| 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 :
|
| Groody | UP |
| Groody | 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 |
| k666 | pas top top le dernier exemple :gun: |
| darkoli | 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> |
| 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> |
| Groody | 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 ... |
| darkoli | 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> |
| darkoli | 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> |
| Groody | 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 |
