creation de sites :

- Inserer un script dans une case d un tableau

Site gratuit de petites annonces motos
occasions Yamaha
Autres messages sur des sujets similaires :
CHERCHE script n°IP
Rentrer des données d'un tableau dans une table
afficher une page HTML à partir d'un tableau
CSS pour un tableau ?
formulaire script livre d'or
Cours HTML / Javascript / PHP disponibles :
Créer des tableaux en HTML



 Retour Site Honolulu  |  Nouveau sujet  |  Retour aux sujets  |  Chercher  |  Connexion    
 Inserer un script dans une case d un tableau
Auteur: Bmott
((81.255.61.---)
Date: 03-05-2004 13:02
 messages postés sur  la création de site [ msg ]
Bonjour à tous,
Je voudrai inserer un onload qui charge un script javascript qui fait un menu, dans une case specifique de mon tableau de ma page Html. Pour le moment je charge mon menu grace a body onload, dois je forcement utiliser une frame ou une iframe pour charger ce meme menu dans une case de mon tableau???
Si vous avez besoin de plus d explication ou si vopus ne comprenez rien a ce que je dit dites le moi et j essaierai d expliquer autrement

merci d'avance



Répondre à ce message
 
 Re: Inserer un script dans une case d un tableau
Auteur: honolulu
(---.adsl.proxad.net)
Date: 03-05-2004 13:51
1520 messages postés sur  la création de site [ 1520 msg ]
Salut,
Non, tu n'es pas obligé... tu peux te passer des frames et insérer le code directement dans la cellule de ton tableau...

<table>
<tr><td>
<script>
function blabla()
.............
</script>
</td></tr>
</table>

Répondre à ce message
 
 Re: Inserer un script dans une case d un tableau
Auteur: Bmott
((81.255.61.---)
Date: 03-05-2004 14:14
1520 messages postés sur  la création de site [ 1520 msg ]
Désoler pour le flood mais voici mon code
<table width="582" height="472" border="1" cellspacing="0">
<tr>
<td width="200" rowspan="3" bgcolor="#81204C">
<script language="Javascript" type="text/javascript" src="ecritMenu.js">
mnu = new Array;
mnu[0] = new Array;
mnu[1] = new Array;
mnu[2] = new Array;
mnu[3] = new Array;
mnu[4] = new Array;
mnu[0][0]="<body bgcolor='#81204C'><font color='#FFFFFF'>L'équipe municipal</font>";
mnu[0][1]='<a href="*" target="cadreDetail"><font color="#FFFFFF">Trombinoscope </font></a >';
mnu[0][2]='<a href="*" target ="cadreDetail" ><font color="#FFFFFF"> Les commissions municipales</font> </a >';
mnu[0][3]='<a href="*" target ="cadreDetail" ><font color="#FFFFFF"> Délégations des adjoints/conseillers </font> </a >';
mnu[1][0]="Les services municipaux"
mnu[1][1]='<a href="*" target="cadreDetail"> Le CCAS</span >';
mnu[1][2]='<a href="*" target="cadreDetail"> L\'organigramme </span> ';
mnu[1][3]='<a href="*" target="cadreDetail"> Les permanences locales </span >';
mnu[2][0]="Le patrimoine historique"
mnu[2][1]='<a href="*" target="cadreDetail">La visite virtuelle</a>';
mnu[2][2]='<a href="*" target="cadreDetail">Le clos des Chartreux</a>';
mnu[2][3]='<a href="*" target="cadreDetail">Le patrimoine</a>';
mnu[3][0]="L'actualité de la ville"
mnu[4][0]="Vivre à Tullins Fures"
mnu[4][1]='<a href="*" target="cadreDetail">La vie professionnelle </a>';
mnu[4][2]='<a href="*" target="cadreDetail">La vie pratique</a>';
mnu[4][3]='<a href="*" target="cadreDetail">la vie associative</a>';
mnu[4][4]='<a href="*" target="cadreDetail">Les informations utiles</a>';
pointeur = mnu.length +1;
function ecrit(){
open();
clear();
i = 0; // pointe sur le premier menu
j = 1; // pointe sur le premier item de sous menu j= 0 correspondant au nom du menu
while (i < mnu.length){
write("<br>");
var text ;
var text ='<a href ="javascript:affecte('+i+')">' + mnu[ i ][0]+'</a>'; ;
write(text);
if (pointeur==i){
while (j < mnu[ i ].length)
{
write("<br>");
write("  ");
write(mnu[ i ][j]);
j = j +1;
}
}
write("<br>");
j = 1;
i = i +1;
}
close();
}
function affecte(num){
pointeur= num;
ecrit();
}
</script>

</td>
<td width="12" bgcolor="#E47534">lolo</td>
<td width="316">lolol</td>
</tr>
<tr>
<td width="12" height="366" bgcolor="#E47534">lollololol</td>
<td width="316">o;lolol</td>
</tr>
<tr>
<td width="12" bgcolor="#E47534">lololo</td>
<td width="316">lolo</td>
</tr>
</table>

j ai donc integrer directement mon code dans le tableau mais ca ne marche toujours pas?!, ca n'affiche aucune erreur et je ne comprend pas c peu etyre parece que j utilise la fonction write...

Répondre à ce message
 
 Re: Inserer un script dans une case d un tableau
Auteur: Tarcon
((---.cnous.fr)
Date: 03-05-2004 14:19
1520 messages postés sur  la création de site [ 1520 msg ]
lol !
Je crois que c'est la qu'on s'apercoit que les fichiers externes c quand meme pratique
#clin#

Comme ca ta pu qu'a inséré le nom de ta fonction entres tes balises <script> </script>
Je pense que tu y gagneras en clarté et que tu verras ptetre plus facilement tes éventuelles erreurs.
Sinon c pas new Array() plutot que new Array ?? (peut etre que ca pose un probleme, ta essayé de faire un alert() de tes valeurs pour voir ?)

[POUET] Tarcon

Répondre à ce message
 
 Re: Inserer un script dans une case d un tableau
Auteur: honolulu
(---.adsl.proxad.net)
Date: 03-05-2004 14:21
1520 messages postés sur  la création de site [ 1520 msg ]
mnu[0][0]="<body bgcolor='#81204C'><font color

je te rappelle qu'à l'origine ton script était inséré dans un iframe... as-tu besoin d'un (autre) body dans ta cellule de tableau ?? #air#

Répondre à ce message
 
 Re: Inserer un script dans une case d un tableau
Auteur: Bmott
((81.255.61.---)
Date: 03-05-2004 14:31
1520 messages postés sur  la création de site [ 1520 msg ]
ok Merci
donc j ai corriger les petites erreurs
et si je veux suivre la technique de Tarcon je met donc mon script de menu en haut de page entre les balise head ou dans un autre fichier en le liant comme suit
<script language="Javascript" type="text/javascript" src="ecritMenu.js">
</script>
et dans la case de mon tableau je met un truc du genre :
<script language="Javascript" type="text/javascript">
ecrit();
</script>
Mais la ca marche toujours pas...

Répondre à ce message
 
 Re: Inserer un script dans une case d un tableau
Auteur: Tarcon
((---.cnous.fr)
Date: 03-05-2004 14:37
1520 messages postés sur  la création de site [ 1520 msg ]
Ce que je te propose a ce moment la c'est simple.
Tu gardes cette structure plus propre et ce que tu fais c'est que tu met tout le code de la fonction écrit en commentaire et tu met un write("machin") à la place.
Si ca marche c'est que le problème vient de ta fonction et on pourra s'y attaquer :)
Sinon je sais pas #rire#

[POUET] Tarcon

Répondre à ce message
 
 Re: Inserer un script dans une case d un tableau
Auteur: honolulu
(---.adsl.proxad.net)
Date: 03-05-2004 14:39
1520 messages postés sur  la création de site [ 1520 msg ]
A mon avis, tu n'en as pas terminé avec les erreurs :

Pour le moment je charge mon menu grace a body onload
et maintenant quel est l'évènement qui charge le script ?

mnu[0][0]="<body bgcolor='#81204C'><font color='#FFFFFF'>L'équipe municipal</font>";
mnu[0][1]='<a href="*" target="cadreDetail"><font color="#FFFFFF">Trombinoscope </font></a >';
mnu[0][2]='<a href="*" target ="cadreDetail" ><font color="#FFFFFF"> Les commissions municipales</font> </a >';

pour ne pas avoir réecrire la totalité du tableau mnu[][], (si tu supprimes simplement, tout sera décalé), tu dois mettre :
mnu[0][0]="";

est-ce le cas ??

Répondre à ce message
 
 Re: Inserer un script dans une case d un tableau
Auteur: Bmott
((81.255.61.---)
Date: 03-05-2004 14:56
1520 messages postés sur  la création de site [ 1520 msg ]
Bah justement honolulu ya plus d'element qui charge mon script...#triste#
Mais je peut pas mettre un attribut onLoad a la balise <td> et je veux que le menu se charge au chargement de la page!!
Pour un test qui marche
J ai tester avec un <input type="button"> mais le problem c que ca me réécrit toute la page et ca m efface mon tableau....#bof#
PS: normalement mon script marche tres bien puisque quand je l'integrer dans une frame ou une iframe y avais pas de probleme

Répondre à ce message
 
 Re: Inserer un script dans une case d un tableau
Auteur: honolulu
(---.adsl.proxad.net)
Date: 03-05-2004 15:04
1520 messages postés sur  la création de site [ 1520 msg ]
ok, dans ce cas :
* dans le body : <body onload="ecrit()">
* initialise en premier la variable (en dehors des fonctions pour la rendre globale) avec var contenu;
*remplace dans le script (fais auparavant une sauvegarde, on ne sait jamais #clin# ) tous les write("blabla") par contenu="blabla";
* puis à l'endroit où tu veux l'afficher, tu fais document.write(contenu);

Répondre à ce message
 
 Re: Inserer un script dans une case d un tableau
Auteur: Bmott
((81.255.61.---)
Date: 03-05-2004 15:38
1520 messages postés sur  la création de site [ 1520 msg ]
lol
alors j ai suivit tes conseils
je fais le onload
j initialise var contenu;
je remplace les write par les contenu
je fais document.write(contenu);
voila je te resume mon fichier

<html>
<head>
<script language="javascript">la j ai mis toutes mes lignes js et le var contenu; en plus</script>
</head>
<body onLoad="ecrit()">
<table><td>et la j ai mis ca
<script language="Javascript" type="text/javascript" >
document.write(contenu);
</script>
</td></table>
et le probleme c que sur la page il ne s'affiche rien et si je fais affichage source il n'y a rien dans la source.
Je pense donc que la document.write(); marche puisqu'il réecrit la page mais ne met rien dedans c donc le passage de la variable contenu qui va pas et là je seche je sais pas comment la faire passer. Faut quand mem pas la definir plusieur fois?

Répondre à ce message
 
 Re: Inserer un script dans une case d un tableau
Auteur: Tarcon
((---.cnous.fr)
Date: 03-05-2004 15:40
1520 messages postés sur  la création de site [ 1520 msg ]
Ta var contenu est bien globale, c'est à dire déclarée avant les fonctions ???

Répondre à ce message
 
 Re: Inserer un script dans une case d un tableau
Auteur: Bmott
((81.255.61.---)
Date: 03-05-2004 15:46
1520 messages postés sur  la création de site [ 1520 msg ]
euh oui je pense je l ai declarer apres ca
<script language="Javascript" type="text/javascript" >
var contenu;
function ecrit(){ blablablabl }
dans le head
Est ce que ca pose probleme de declarer la variable dans
<script language="Javascript" type="text/javascript" > </script> dans le head
et apres de l appelé dans un nouveau
<script language="Javascript" type="text/javascript" > </script> dans mon td
???!!,??

Répondre à ce message
 
 Re: Inserer un script dans une case d un tableau
Auteur: Tarcon
((---.cnous.fr)
Date: 03-05-2004 15:50
1520 messages postés sur  la création de site [ 1520 msg ]
Non normalement ca marche ...
Mais pour etre sur que ta variable a le bon contenu, fait donc un alert de ta variable. Si c'est pas le bon on verra, si c'est le bon c que write a des problemes.
Dans ton td tu fais donc alert(contenu);

Répondre à ce message
 
 Re: Inserer un script dans une case d un tableau
Auteur: honolulu
(---.adsl.proxad.net)
Date: 03-05-2004 15:52
1520 messages postés sur  la création de site [ 1520 msg ]
Hum, j'ai oublié de te dire un truc #ben#

quand je dis qu'il faut remplacer document.write("blabla") par contenu="blabla"; cela s'applique à la première occurence de document.write()...

ensuite, pour toutes les autres il faut écrire
contenu+="blabla";

sinon à chaque fois, tu vides l'ancien contenu de "contenu" pour le remplacer par le nouveau contenu et comme ton script termine par write("<br>") au final ton contenu contient un <br>...

Répondre à ce message
 
 Re: Inserer un script dans une case d un tableau
Auteur: Bmott
((81.255.61.---)
Date: 03-05-2004 15:59
1520 messages postés sur  la création de site [ 1520 msg ]
Ok honolulu j ai corriger l erreur.
j ai fait alert(contenu);
et ca m affiche contenu= undefined

Répondre à ce message
 
 Re: Inserer un script dans une case d un tableau
Auteur: honolulu
(---.adsl.proxad.net)
Date: 03-05-2004 16:04
1520 messages postés sur  la création de site [ 1520 msg ]
On peut avoir l'URL stp ??

Répondre à ce message
 
 Re: Inserer un script dans une case d un tableau
Auteur: Tarcon
((---.cnous.fr)
Date: 03-05-2004 16:07
1520 messages postés sur  la création de site [ 1520 msg ]
C'est donc ta variable qui déconne si ca affiche undefined.
Undefined je crois que ça veut dire qu'elle existe pas.

Répondre à ce message
 
 Re: Inserer un script dans une case d un tableau
Auteur: Bmott
((81.255.61.---)
Date: 03-05-2004 16:11
1520 messages postés sur  la création de site [ 1520 msg ]
ok
http://benjamin.mottet.free.fr/lol.htm
ca c'est le fichier qui marche pas

http://benjamin.mottet.free.fr/lol2.htm
et ca c est la source car elle n est pas visible avec l autre fichier



Répondre à ce message
 
 Re: Inserer un script dans une case d un tableau
Auteur: Tarcon
((---.cnous.fr)
Date: 03-05-2004 16:29
1520 messages postés sur  la création de site [ 1520 msg ]
Un truc tout bete.

Au début avec tes array, met une valeur dedans et fais un alert juste apres, c'est à dire dans la première portion de code la ou tu déclares les array et ou tu remplit tout ça.

Si le alert te donnes undefined, essaies de déclarer tes tableaux avec:
machin = new Array();
au lieu de:
machin = new Array;

Répondre à ce message
 
 Re: Inserer un script dans une case d un tableau
Auteur: Bmott
((81.255.61.---)
Date: 03-05-2004 16:43
1520 messages postés sur  la création de site [ 1520 msg ]
bah le alert marche et me donne la valeur que j ai rentrer
Ps en mettant les parenthèse
mais le rest c tjrs pareille

Répondre à ce message
 
 Re: Inserer un script dans une case d un tableau
Auteur: Bmott
((81.255.61.---)
Date: 03-05-2004 16:58
1520 messages postés sur  la création de site [ 1520 msg ]
le truc ca vient de la variable contenu elle passe pas
si je fais alert(contenu);
en dessous de ma fonction ecrit il me dit undefiened ==> elle ne sort pas de la boucle

Répondre à ce message
 
 Re: Inserer un script dans une case d un tableau
Auteur: honolulu
(---.adsl.proxad.net)
Date: 03-05-2004 17:22
1520 messages postés sur  la création de site [ 1520 msg ]
OK, j'ai un début de solution (il n'y a que les liens qui sont littéralement affichés #ben#) mais on tient le bon bout #rire#

<html>
<head>
<title>Document sans nom</title>
<script language="Javascript">
var contenu="";
var mnu = new Array();
mnu[0] = new Array();
mnu[1] = new Array();
mnu[2] = new Array();
mnu[3] = new Array();
mnu[4] = new Array();

mnu[0][0]='<font color="#FFFFFF">L\'équipe municipal</font>';
mnu[0][1]='<a href="*" target="cadreDetail"><font color="#FFFFFF">Trombinoscope </font></a >';
mnu[0][2]='<a href="*" target ="cadreDetail" ><font color="#FFFFFF"> Les commissions municipales</font> </a >';
mnu[0][3]='<a href="*" target ="cadreDetail" ><font color="#FFFFFF"> Délégations des adjoints/conseillers </font> </a >';


mnu[1][0]="Les services municipaux";
mnu[1][1]='<a href="*" target="cadreDetail"> Le CCAS</span >';
mnu[1][2]='<a href="*" target="cadreDetail"> L\'organigramme </span> ';
mnu[1][3]='<a href="*" target="cadreDetail"> Les permanences locales </span >';

mnu[2][0]="Le patrimoine historique";
mnu[2][1]='<a href="*" target="cadreDetail">La visite virtuelle</a>';
mnu[2][2]='<a href="*" target="cadreDetail">Le clos des Chartreux</a>';
mnu[2][3]='<a href="*" target="cadreDetail">Le patrimoine</a>';


mnu[3][0]="L\'actualité de la ville";

mnu[4][0]="Vivre à Tullins Fures";
mnu[4][1]='<a href="*" target="cadreDetail">La vie professionnelle </a>';
mnu[4][2]='<a href="*" target="cadreDetail">La vie pratique</a>';
mnu[4][3]='<a href="*" target="cadreDetail">la vie associative</a>';
mnu[4][4]='<a href="*" target="cadreDetail">Les informations utiles</a>';


var pointeur = mnu.length +1;


function ecrit()
{

//window.document.open();
var i = 0; // pointe sur le premier menu
var j = 1; // pointe sur le premier item de sous menu j= 0 correspondant au nom du menu
while (i < mnu.length){
contenu+="<br> ";
var texto='<a href ="javascript:window.affecte('+i+')">' + mnu[ i ][0]+'</a>';
contenu+=texto;
contenu+=" ";

if (pointeur==i) {

while (j < mnu[ i ].length)
{
contenu+="<br> ";
contenu+="   ";
contenu+=mnu[ i ][j];
contenu+=" ";
j = j +1;
}
}
contenu+="<br> ";
j = 1;
i = i +1;
}

document.getElementById("ici").innerText=contenu;
}

function affecte(num){
pointeur= num;
ecrit();
}

</script>
</head>
<body onload="ecrit()">
<table width="582" height="472" border="1" cellspacing="0">
<tr>
<td width="200" rowspan="3" bgcolor="#81204C">
<div id="ici"></div>
</td>
<td width="12" bgcolor="#E47534">lolo</td>
<td width="316">lolol</td>
</tr>
<tr>
<td width="12" height="366" bgcolor="#E47534">lollololol</td>
<td width="316">o;lolol</td>
</tr>
<tr>
<td width="12" bgcolor="#E47534">lololo</td>
<td width="316">lolo</td>
</tr>
</table>
</body>
</html>

par contre là , il faut que je me sauve
a++

Répondre à ce message
 
 Re: Inserer un script dans une case d un tableau
Auteur: honolulu
(---.adsl.proxad.net)
Date: 03-05-2004 20:28
1520 messages postés sur  la création de site [ 1520 msg ]
Ca y est je suis revenu et avec de bonnes idées, qui plus est #rire#
Tu remplaces
document.getElementById("ici").innerText=contenu;
par
document.getElementById("ici").innerHTML=contenu;

et c'est le jackpot
#rire##rire#

Répondre à ce message
 
 Re: Inserer un script dans une case d un tableau
Auteur: Bmott
((81.255.61.---)
Date: 04-05-2004 08:36
1520 messages postés sur  la création de site [ 1520 msg ]
Ok merci ca avance bien #super#, mais maintenat je suis au devant d un autre probleme, étant donné qu on utilise plus la fonction write le texte ne s écrase plus, et le navigateur m ajoute des étages jusqu'a l infini a chaque fois que je clique sur un menu pour le dérouler et il ne le réenroule plus. Il faut trouver un truc pour cas chaque clique on efface ce qu'il y avait avant...

Répondre à ce message
 
 Re: Inserer un script dans une case d un tableau
Auteur: Bmott
((81.255.61.---)
Date: 04-05-2004 09:32
1520 messages postés sur  la création de site [ 1520 msg ]
Vous creser pas la tete c bon j ai trouver je suis trop nul je viens de mettre une heure a comprendre qu il fallait juste reinitialiser la variable en debut de boucle lol.
Merci a tous pour votre aides precieuse.#clin#

Répondre à ce message
 
 Re: Inserer un script dans une case d un tableau
Auteur: honolulu
(---.adsl.proxad.net)
Date: 04-05-2004 10:53
1520 messages postés sur  la création de site [ 1520 msg ]
Pas de quoi ! #clin#

Répondre à ce message
 Retour Site Honolulu  |  Liste des Forums    

 Liste des Forums  |  Nouvel utilisateur ? Enregistrez-vous ici 
 Connexion
 Nom d'utilisateur:
 Mot de passe:
 Enregistrer mon profil:
   
 Mot de passe perdu ?
Écrivez votre adresse Email ou votre Identifiant ci-dessous et un nouveau mot de passe sera envoyé sur l'Email lié à votre profil.
phorum.org
Honolulu : apprendre le html et le javascript