recopie texte d'un champ dans un tableau

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : recopie texte d'un champ dans un tableau

carlitofr

Bonjour

A l'aide... Ça parait simple mais je ne trouve pas. Je suis novice et je n'emploie peut être pas les bon mots pour décrire ce que je cherche.

Je cherche à recopier le contenu d'un champ dans un tableau situé sur la même page que ce champ. (javascript ou php, je ne sais pas...)

Le tableau doit se remplir au fur et à mesure que le champ se rempli.
Précision: le tableau consiste à reproduire dans différentes police de caractère le contenu du champ.

Si quelqu'un peut m'expliquer je suis preneur ! Merci a tous A+ Carlito

Publicité

fluminis

deja "au cours de la frappe" => c'est donc une execution coté client donc le langage de script cote client c'est le javascript.

Le php est un langage executé cote serveur, c'est lui qui genere un flux de type texte contenant l'html de la page, ce code html sera lu par le navigateur et affiché.

---------------
http://poemes.iceteapeche.com - http://www.simuland.net

carlitofr

Ok merci pour la précision, donc javascript....

Maintenant reste a trouver le code qui va bien pour faire fonctionner le truc...

Profil supprimé

Code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">

Code :

/* Fonction nl2br(string) : remplace les sauts de lignes du textarea par des "<br />" */
function nl2br (str) {
    breakTag = '<br />';
    return (str + '').replace(/([^>]?)\n/g, '$1'+ breakTag +'\n');
}
 
/* Fonction refreshDiv(string) : affecte la valeur passée en argument à celles des DIVs a, b, c, e, d, et f. */
function refreshDiv(value) {
    value = nl2br(value);
    document.getElementById('a').innerHTML = value;
    document.getElementById('b').innerHTML = value;
    document.getElementById('c').innerHTML = value;
    document.getElementById('d').innerHTML = value;
    document.getElementById('e').innerHTML = value;
    document.getElementById('f').innerHTML = value;
    
}

Code :

</script>
<style type="text/css">

Code :

/* Les DIVs ont toutes une bordure noire de 1 pixel */
div {
    border: 1px solid black;
}
 
/* Les Polices sont affectées à chaque DIV a, b, c, d, e, et f dans la CSS */
div#a {
    font-family:Arial, Helvetica, sans-serif;
}
 
div#b {
    font-family:"Times New Roman", Times, serif;
}
 
div#c {
    font-family:"Courier New", Courier, monospace;
}
 
div#d {
    font-family:Georgia, "Times New Roman", Times, serif;
}
 
div#e {
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
 
div#f {
    font-family:Geneva, Arial, Helvetica, sans-serif;
}

Code :

</style>
</head>

<body>
<!--
On tape dans le textarea
A chaque fois que lon appuie sur une touche, la fonction refreshDiv est appelée avec comme argument la valeur du textarea
Alors, les DIVs sont actualisées avec cette valeur.
-->
<textarea id="text" onkeydown="refreshDiv(this.value);"></textarea>
<!--
Les DIVs sont vides
-->
<div id="a"></div>
<div id="b"></div>
<div id="c"></div>
<div id="d"></div>
<div id="e"></div>
<div id="f"></div>
</body>
</html>

Message édité par Profil supprimé le 01-04-2009 à 17:04:38

carlitofr

Merci, c'est vraiment cool ce que tu as fait.
ça a l'air de correspondre a ce que je recherche, mais lorsque je tape le texte dans le textarea il ne se recopie pas dans les divs... ai-je louper quelque chose ?

Profil supprimé

un message d'erreur dans la console ?

carlitofr

non pas de message d'erreur;

Q'entends tu par "les DIVs sont vides" ?

Profil supprimé

Au départ elles sont vides.
Ça marche parfaitement chez moi. Tu utilies FF ?

FORUM HardWare.fr

Programmation

HTML/CSS

recopie texte d'un champ dans un tableau

Sujets relatifs
Php, classement tableau	tableau sérialisé en PHP
colorer bordure tableau html	Différence entre pointeur et tableau, allocation dynamique et statique
[Résolu] Cacher, afficher une ligne de tableau <TR> en Javascript	recherche multi champs ( x champs) + nom entête de champ
Largeur de colonne tableau - css	Récupérer type champ via son Id
Plus de sujets relatifs à : recopie texte d'un champ dans un tableau

Page générée en 0.070 secondes