| > inserer un lien dans un tableau |
[ Posté par webcramer ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 15-07-2008 à 10:38 | 5 messages ]
  bonjour,
svp quelqu'un peut m'aidé je veux inseré un lien dans un tableau qui est sur la page web en rentrant le nom de fichier a parcourir en clik sur entrer ou go et puis le lien s'ajoute dans le tableau directemnt sans passer par un editeur
 
|
|
|
[ Posté par jparia ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 15-07-2008 à 12:49 | 564 messages ]
  Slt,
Il y a possiblité d'ajouter du html dans une page en javascript.
Pour ajouter le html dans une cellule d'un tableau, il faut définir la cellule dans laquelle tu veux l'insérer comme ceci:
<script>
/* récupère l'objet tableau par l'id */
var MonTableau = document.getElementById("TABLEAU1");
/* récupère la deuxième cellule de la troisième ligne (l'indice commence à 0) */
var MaCellule = MonTableau.rows[2].cells[1];
/* on applique le html dans la cellule */
MaCellule.innerHTML = "Code HTML";
</script>
|
|
[Message édité par jparia le 15-07-2008 à 12:50]
________________ bibliothèque javascript jaria: http://jaria.free.fr
|
[ Posté par webcramer ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 16-07-2008 à 12:42 | 5 messages ]
  en faite c'est pas ce que je veut maintenant j'ai une page html ou il y des liens voir le la photo sur ce lien
[IMG]http://img297.imageshack.us/img297/5260/photonn8.th.jpg[/IMG]
alors je veu kuelque chose pour que s'ajoute le lien en bas de tableau comme le format des autres liens, par exemple on clik sur un boutton et on rentre le nom de lien et le lien et on clik sur ajouté et s'ajoute dans la page
|
[ Posté par jparia ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 16-07-2008 à 13:14 | 564 messages ]
  Tu veux ajouter une nouvelle cellule au tableau contenant un nouveau lien ?
________________ bibliothèque javascript jaria: http://jaria.free.fr
|
[ Posté par webcramer ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 16-07-2008 à 14:27 | 5 messages ]
  oui c'est ca et que l'utilisateur choisi le nom de fichier et son emplacement sur le disque dure apres il se met dans la celulle
|
[ Posté par jparia ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 17-07-2008 à 13:27 | 564 messages ]
  Voici une page exemple:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Ajout Lien</title>
<script type="text/javascript" language="javascript">
<!--
function AjoutLien(Nouveau_Lien){
var tableau = document.getElementById("TABLEAU1");
ligne = document.createElement("tr");
cell = document.createElement("td");
texte = document.createTextNode (Nouveau_Lien);
cell.appendChild(texte);
ligne.appendChild(cell);
try{tableau.childNodes[0].appendChild(ligne);}
catch(e){tableau.childNodes[1].appendChild(ligne);}
}
-->
</script>
</head>
<body>
<table id="TABLEAU1" border="1", cellpadding="0" cellspacing="0">
<tbody>
<tr><td>Lien 1</td></tr>
<tr><td>Lien 2</td></tr>
<tr><td>Lien 3</td></tr>
</tbody>
</table>
<button type="button" onclick="AjoutLien('Lien 4')">Ajouter un lien</button>
</body>
</html>
|
|
________________ bibliothèque javascript jaria: http://jaria.free.fr
|
[ Posté par webcramer ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 17-07-2008 à 14:38 | 5 messages ]
  j'ai modifier un peu ton code
tu sais ce que je veux, le nom qui sera ecrit dans le champs de Entrer le nom de procedure soit ajouté au tableau en 4éme rang et ainsi de suite si en ajoute d autre lien et quand tu clique sur le lien ajouté ca te donne la page que ta choisi dans le browser (parcourir) tout ca il s'ajoute quand tu clique sur ajouter un lien tu comprend ce que je veux faire mais vraiment, j te remerci bcp pr ton aide voila le code :
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Ajout Lien</title>
<script type="text/javascript" language="javascript">
<!--
function AjoutLien(Nouveau_Lien){
var tableau = document.getElementById("TABLEAU1");
ligne = document.createElement("tr");
cell = document.createElement("td");
texte = document.createTextNode (Nouveau_Lien);
cell.appendChild(texte);
ligne.appendChild(cell);
try{tableau.childNodes[0].appendChild(ligne);}
catch(e){tableau.childNodes[1].appendChild(ligne);}
}
-->
</script>
</head>
<body>
<table id="TABLEAU1" border="1", cellpadding="0" cellspacing="0">
<tbody>
<tr><td><p class=MsoNormal><span lang=fr style='font-size:12.0pt;font-family:Arial;
font-weight:bold;language:fr'> </span><a
href="file:///C:\Users\T%20@%20R%20I%20K\Desktop\Projet\cartographieS%20Copy\index.htm"><span
lang=fr style='font-size:12.0pt;font-family:Arial;color:black;text-decoration:
underline;font-weight:bold;language:fr'> Accueil</span></a></p></td></tr>
<tr><td><p class=MsoNormal><span lang=fr style='font-size:12.0pt;font-family:Arial;
font-weight:bold;language:fr'> </span><a
href="file:///C:\Users\T%20@%20R%20I%20K\Desktop\Projet\procédures\Procédures%20RH\LNA.RH.PR.02%20-%
20indice%20A%20-%20Procédure%20pour%20l'accueil%20d'un%20nouvel%20embauché\index.htm"><span
lang=fr style='font-size:12.0pt;font-family:Arial;color:black;text-decoration:
underline;font-weight:bold;language:fr'> Procédure pour l'accueil d'un nouvel embauché </span></a></p></td></tr>
<tr><td><p class=MsoNormal><span lang=fr style='font-size:12.0pt;font-family:Arial;
font-weight:bold;language:fr'> </span><a
href="file:///C:\Users\T%20@%20R%20I%20K\Desktop\Projet\procédures\Procédures%20RH\LNA.RH.PR.03%20-%
20indice%20C%20-%20Procédure%20de%20recrutement\index.htm"><span
lang=fr style='font-size:12.0pt;font-family:Arial;color:black;text-decoration:
underline;font-weight:bold;language:fr'> Procédure de recrutement </span></a></p></td></tr>
<tr><td><p class=MsoNormal><span lang=fr style='font-size:12.0pt;font-family:Arial;
font-weight:bold;language:fr'> </span><a
href="file:///C:\Users\T%20@%20R%20I%20K\Desktop\Projet\procédures\Procédures%20RH\LNA.RH.PR.04%20-%
20indice%20B%20-%20Procédure%20d'entretien%20individuel%20annuel\index.htm"><span
lang=fr style='font-size:12.0pt;font-family:Arial;color:black;text-decoration:
underline;font-weight:bold;language:fr'> Procédure d'entretien individuel annuel </span></a></p></td></tr>
</tbody>
</table>
Entrer le Titre de la Procédure : <br>
<input type="text" name="textline" size="30">
</p>
<p>
Indiquer l'emplacement de la procédure : <br>
<input type="file" name="datafile" size="40">
</p>
<button type="button" onclick="AjoutLien()">Ajouter un lien</button>
</body>
</html>
[Message édité par webcramer le 17-07-2008 à 14:39]
|
[ Posté par EricM ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 17-07-2008 à 17:51 | 4194 messages ]
  Rhoo : tu peux éviter les alignements à base de "&nbps;" : il y a les CSS.
De même, un lang="fr" peut se définir au niveau du document, pour le pas avoir à le répéter dans touts les tags 
A+
[Message édité par ericM le 17-07-2008 à 17:54]
________________ L'échec est le fondement de la réussite.
- Lao Tseu -
|
[ Posté par jparia ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 17-07-2008 à 20:41 | 564 messages ]
 
EricM a dit
Rhoo : tu peux éviter les alignements à base de "&nbps;" : il y a les CSS.
De même, un lang="fr" peut se définir au niveau du document, pour le pas avoir à le répéter dans touts les tags 
A+
[Message édité par ericM le 17-07-2008 à 17:54]
|
|
Oui, ou comment alléger de 80% le poids de la page ^^
________________ bibliothèque javascript jaria: http://jaria.free.fr
|
[ Posté par webcramer ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 18-07-2008 à 14:09 | 5 messages ]
  svp quelqu'un peux modifier le code pour avoir ce que j veux comme reponse je suis débutant
|