L'éditeur JavaScript
Visiteur non-identifié | Identifiez-vous | Devenir membre
Code perdu ? | Combien de visiteurs sur votre site ?
Rechercher :
Page d'accueil
     Home Page

JavaScript
     Tous les scripts
     Proposer un script
     Recherche de script
     AJAX new!
     Cours de JavaScript
     Liste de discussion
     Forums

Services :
     CountUs
     myCircle

     Referencement
     Créat. de bannière

Trucs et astuces :
     HTML / CSS
     PHP / MySQL
     Réferencement
     Graph / Présentation
     Toutes les astuces
     Ajouter un article

MailingList :
104499 abonnés

Annuaire webmaster :      Hebergement web
     Referencement
     Sites webmasters
     XHTML - CSS2
     PHP
     Affiliation - Pub
     FAI

     Annuaire webmaster

Ressources pour webmasters :
     Kits graphiques
     Création logo

Plus :
     Comparateur de prix
     Foire aux questions
     Les membres
     Devenir annonceur
     Faire un lien
     Contact

Partenaire :
     Hebergement gratuit
     Le PHP facile
     Horoscope
     Comscripts
     WebmasterClub
     Activeartanima...
     Le village de ...
     L'écriteau
     Faro-dessing
     Gifs animés, f...
     Netsources
     Easy-script.com
     Trucs et astuc...
     Je javascript
     Créer son site...
     Les autres
     Votre site ici ?


Le forum ] [ Préférences ] [ Nouveau sujet ] [ Répondre ] [ Recherche ] [ Vos sujets ] [ Tous lus ] [ Flux RSS ]


[ Forums >> Webmasters >> Général >> inserer un lien dans un tableau ]

> 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>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Entrer le Titre de la Procédure : <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="textline" size="30">
</p>
<p>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Indiquer l'emplacement de la procédure : <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<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




Services email :

Vous devez vous identifier pour profiter des services par email du forum.
Le forum ] [ Préférences ] [ Nouveau sujet ] [ Répondre ] [ Recherche ] [ Vos sujets ] [ Tous lus ] [ Flux RSS ]






53 visiteurs
actuellement en ligne

    PUBLICITE

Wilogo.com - Création Logo Entreprise

     ANNUAIRE WEBMAST.
Hewlett Packard
Espace HP pour les particuliers et petites entreprises.
http://h41257.www4.hp.com...
Cat : Hardware
Voir l'annuaire webmaster


     LES SCRIPTS :
78 à éditer
68 à copier/coller
247 des membres
2580 sur le web
>> Tous les scripts

     LES MEMBRES :
55670 membres
8472 comptes CountUs
1505 comptes myCircle

     LES FORUMS :
14 forums
39326 topics
189130 messages
>> Les forums

    SONDAGE

Vous avez un blog ou site classique ?
Un blog
Un site classique
Les deux !
La mini-astuce "Navigateur" du jour par astuces-win
Dans Mozilla Firefox, utilisez Ctrl + T pour ouvrir un nouvel onglet. La navigation par onglets est beaucoup plus facile et permet de regrouper plusieurs sites en une seule fenêtre. Ctrl + W permettra de fermer l'onglet ouvert.
Proposer votre mini-astuce | Archives des mini-astuces
© 1999-2008 K-NETWORK - Tous droits réservés | CNIL N° 844440 | 18/11/2008 16:03:59 | Design by Studcrea | Gen. en 0.461 sec.