CodeS-SourceS est hébergé par Frontier.fr

Ce site au démarrage

begin process at 2012 05 29 04:28:50

Accueil Codes Tutoriels Forum Livres Emploi Services Connexion

Trouver un code source :

dans

[ Dernières recherches ]

Accueil > Forum >

Comment mettre plusieurs tableaux distincts sur une même page

Poser une question dans le forum ou lancer une discussion

Comment mettre plusieurs tableaux distincts sur une même page

mardi 15 avril 2008 à 20:48:27 | Comment mettre plusieurs tableaux distincts sur une même page

viking07

6 msg

Bonjour,

J'ai un petit soucis. Je souhaiterais mettre plusieurs tableaux avec des variables sur une même page.
En fait, un tableau différent en dessous de chaque titre lien . Pour un seul tableau, ça fonctionne, mais dès que je mets un second, toutes les variables se mélangent.

Je n'y connais absolument rien en javascript et ne sais vraiment pas ce qu'il faut changer pour que ça fonctionne.

Voici le code que j'ai utilsé

<html>
<head>
<title>Titre</title>
<script type="text/javascript">
function affTexte(nb){
  var infos = new Array("Texte d'info pour le texte 1", "Texte d'info pour le texte 2", "Texte d'info pour le texte 3");
  var i = (nb>0 && nb<=infos.length)? nb-1: 1;

  var info = document.getElementById("info");
  info.innerHTML = infos[i];
}
function cacheTexte()
  { document.getElementById("info").innerHTML = "Texte qui va changer"; }
</script>
</head>

<body>
<table border="1">
<tbody>
  <tr>
   <td>
    <ul>
     <li onmouseover="affTexte(1);" onmouseout="cacheTexte();">texte 1</li>
     <li onmouseover="affTexte(2);" onmouseout="cacheTexte();">texte 2</li>
     <li onmouseover="affTexte(3);" onmouseout="cacheTexte();">texte 3</li>
    </ul>
   </td>
   <td id="info" style="width:200px;">Texte qui va changer</td>
  </tr>
</tbody>
</table>

</body>
</html>

Merci de votre aide

jeudi 17 avril 2008 à 18:03:55 | Re : Comment mettre plusieurs tableaux distincts sur une même page

PetoleTeam

3281 msg

3318 msg CS

Bonjour,

...ça fonctionne, mais dès que je mets un second...

- ou est-il ?
- que veux tu en faire ?
- est ce un tableaux multi dimensions dont tu as besoin ?
- etc...
Il nous faut plus d'infos...
;O)

jeudi 17 avril 2008 à 18:17:17 | Re : Comment mettre plusieurs tableaux distincts sur une même page

viking07

6 msg

En fait, j'ai enlevé le second, car quand je passe sur les mots du second, les explications changent dans le premier et tout se mélange.

En fait, j'aimerais mettre un tableau comme le premier en-dessous de chaque titre, mais avec des explications différentes. Il y aurait donc 6 titres avec 6 tableaux sur la même page.

Mon soucis vient du fait que toutes les données se mélangent et je ne sais pas comment faire pour qu'ils soient tous indépendants les uns des autres.

J'ai mis le lien de la page pour mieux me faire comprendre. Je sais, suis pas très douée ( [ Lien ] )

Un tout tout gros merci

jeudi 17 avril 2008 à 19:02:09 | Re : Comment mettre plusieurs tableaux distincts sur une même page

PetoleTeam

3281 msg

3318 msg CS

Je pense mieux cerner ton soucis, donc comme toujours plusieurs solutions

en first déclares tes tableaux en global, hors des fonctions, exemple
var Txt_menu1 = new Array( "Menu1 Ligne1", "Menu1 Ligne2", "Menu1 Ligne3", "Menu1 Ligne4");
var Txt_menu2 = new Array( "Menu2 Ligne1", "Menu2 Ligne2", "Menu2 Ligne3", "Menu2 Ligne4");
var Txt_menu3 = new Array( "Menu3 Ligne1", "Menu3 Ligne2", "Menu3 Ligne3", "Menu3 Ligne4");

ensuite il te faut passer le tableau qui t'intéresse à la fonction
onmouseover = "affTexte( Txt_menu1, 1);" // par exemple ne pas mettre de quote a Txt_menu1, c'est une variable

la fonction devient dans ce cas
function affTexte( txt_ , num_){
  var i = ( num_>0 && num_ <= txt_.length) ? num_-1: 1;
  var info = document.getElementById("info");
  info.innerHTML = txt_[i];
}
voila pour une méthode avec plusieurs tableaux....
;O)

jeudi 17 avril 2008 à 19:13:39 | Re : Comment mettre plusieurs tableaux distincts sur une même page

viking07

6 msg

Merci, je vais essayer. Je pense avoir compris, mais suis pas certaine. Comme j'ai dit, pas très douée la fille.

Aujourd'hui, pas trop le temps, mais certainement ce WE.

Bon, je positivise, ça va aller

Encore un énorme merci

Si j'ai un soucis, je repasse

Bonne soirée.

samedi 7 juin 2008 à 20:47:37 | Re : Comment mettre plusieurs tableaux distincts sur une même page

viking07

6 msg

Bonsoir,

Désolée de repasser si tardivement, mais j'ai eu beaucoup de soucis perso.

Ben voilà, j'ai essayé et réessayé. Certaines personnes ont tenté de m'aider aussi, et on n'y arrive pas

Sait-il possible de me donner un exemple qui fonctionne, comme ça je pourrais voir où je me trompe.

Encore désolée de vous déranger avec mes petits soucis.

Merciiiiiiiiiiiiiiiiiii

Bonne soirée.

lundi 9 juin 2008 à 17:11:37 | Re : Comment mettre plusieurs tableaux distincts sur une même page

PetoleTeam

3281 msg

3318 msg CS

Bien le bonjour...
au vu de ce que je t'ai écris ci dessus et de ton code de départ cela peut donner un truc du sytle de...
<html>
<head>
<title>Titre</title>
<script type="text/javascript">
//-- Declaration des infos
var Txt_1 = new Array( "Menu1 Ligne1", "Menu1 Ligne2", "Menu1 Ligne3", "Menu1 Ligne4");
var Txt_2 = new Array( "Menu2 Ligne1", "Menu2 Ligne2", "Menu2 Ligne3", "Menu2 Ligne4");
var Txt_3 = new Array( "Menu3 Ligne1", "Menu3 Ligne2", "Menu3 Ligne3", "Menu3 Ligne4");

function cacheTexte( obj_){
  document.getElementById( obj_).innerHTML = " ";
}
//--------------------------------------
// where_ : l'endroit ou l'on veut que le texte apparaisse
// txt_ : le tableau qui nous interresse
// num_ : l'indice du tableau que l'on veut afficher
//--------------------------------------
function Aff_Texte( where_, txt_ , num_){
  var i = ( num_>0 && num_ <= txt_.length) ? num_-1: 1;
  var info = document.getElementById( where_);
  info.innerHTML = txt_[i];
}
</script>
</head>
<body>
<table border="1">
  <tbody>
    <tr>
      <td>
        <ul>
          <li onmouseover ="Aff_Texte( 'info_1', Txt_1, 1);" onmouseout ="cacheTexte('info_1');">texte 1</li>
          <li onmouseover ="Aff_Texte( 'info_1', Txt_1, 2);" onmouseout ="cacheTexte('info_1');">texte 2</li>
          <li onmouseover ="Aff_Texte( 'info_1', Txt_1, 3);" onmouseout ="cacheTexte('info_1');">texte 3</li>
        </ul>
      </td>
      <td id="info_1" style="width:200px;">Info pour menu #1</td>
    </tr>
    <tr>
      <td>
        <ul>
          <li onmouseover ="Aff_Texte( 'info_2', Txt_2, 1);" onmouseout ="cacheTexte('info_2');">texte 1</li>
          <li onmouseover ="Aff_Texte( 'info_2', Txt_2, 2);" onmouseout ="cacheTexte('info_2');">texte 2</li>
          <li onmouseover ="Aff_Texte( 'info_2', Txt_2, 3);" onmouseout ="cacheTexte('info_2');">texte 3</li>
        </ul>
      </td>
      <td id="info_2" style="width:200px;">Info pour menu #2</td>
    </tr>
  </tbody>
</table>
</body>
</html>
Voila, rien de bien compliqué, à toi d'adapter...
Bonne reprise...
;O)

lundi 9 juin 2008 à 17:19:04 | Re : Comment mettre plusieurs tableaux distincts sur une même page

viking07

6 msg

Un tout gros merci, j'essaie ça demain

Bonne soirée .

lundi 9 juin 2008 à 22:36:29 | Re : Comment mettre plusieurs tableaux distincts sur une même page

viking07

6 msg

Voila, je viens de faire. C'est déjà beaucoup mieux

Mais j'ai un soucis avec la fonction cache Texte.

Le texte change bien, mais ne revient pas au texte d'origine pffffffff suis vraiment pas douée, j'ai essayé plein de trucs et ça ne fonctionne pas.

Et pour les deux premiers tableaux, la bordure disparait après le passage du curseur sur le menu. Je ne comprends pas pourquoi.

Revoici le lien de ma page pour mieux me faire comprendre

[ Lien ]

Encore merci d'être aussi patient avec moi

Cette discussion est classée dans : page, texte, changer, tableaux, info

Répondre à ce message

Sujets en rapport avec ce message

comment changer le contenu de champs de texte lorsque l'on clique sur une liste [ par MPousse ] Hello, j'essaye depuis un bon moment a créer une page dynamique où lorsque l'utilisateur sélectionne un eregistrement dans une liste, tous les champ d Comment insérer un fichier texte pur dans une page html statique et pouvoir pourtant le formater (couleurs, taille, ...)? [ par Melou__ ] Bonjour,Je cherche à intégrer dans une page html le contenu d'un fichier texte pur. Il existe la balise IFRAME ou la balise OBJECT mais elles ne perme Lancer une page a partir d une zone de texte [ par JULIEN0 ] Voila je suis tres debutant e jaimerai savoir quel est le code pour faire ceci :dans un formulaire je met - une zone de texte javas prob editeur de texte [ par spacecool ] j'ai fait une page(editeur de texte) qui appelle une page javascript (où les changements s'effectue) et il est possible d'afficher sur une autre page Comment récupérer l'info ? [ par webbie ] Bonjour,J'aimerais ouvrir depuis mon site une page sur un autre site pour que mes visiteurs puissent y faire une recherche en surfant sur cet autre si Changer taille de la page de 1024*768 par 800*600 [ par supernulle ] Bonjour,je suis une tache en code, je viens de terminer mon site et je me suis rendu compte en le mettant en ligne ke je l'avais réaliser en 1024*768, changer couleur d'un texte [ par FeP ] Salut,j'ai un petit problème : je voudrais changer la couleur d'un texte à distance (dans le code...). J'ai essayé avec document.getelementbyid().styl changer la cible d'une page. [ par crash45 ] bonjours a tous,j'ai une question je suis en train de créer un site web avec des cadres jusque la ça vas et j'y ai mis un petit script en java qui per Enregistrer un site en texte [ par Ken2K ] C pour savoir kommen à partir d'une page on arrive a enregistrer cette page dans n'importe quel langage mails il faut que sa marche coute ke coute San écrire le contenu d'un fichier texte dans une page [ par DJDX ] j'ai essayer avec :window.location = ("1.txt"); le résultat, ça marche, mais je peux seulement mettre un fichier par page.document.write(wind

Livres en rapport

Tous les livres pour Page, Texte, Changer, Tableaux, Info

Nos sponsors

Derniers Blogs

JOYEUX ANNIVERSAIRE NIX par ebartsoft

IMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg

KINECT 1.5 IS OUT ! par Vko

LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc

REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc

Forum

MULTI SLIDER UNE SEUL PAGE par karouani

RE : CODE POUR FAIRE APPARAîTRE UN TEXTE EN DESSOUS D'UN LIEN par emuleed2k

RE : RéCUPERATION D'UNE VARIABLE DE JAVASCRIPT VIA PHP par smahaneAAI

POPUP OUVERT à PARTIR D'UN IFRAME par mrassaa

UTILISER UN .JS par zaikoe

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

Installation et configuration de blogs Wordpress
Budget : 8 500€
Recheche Web Master pour MAJ de plateformes Musical
Budget : 500€
Realisation d-une version 2 d-un site e-commerce existant sous prestashop-REPUBLICATION
Budget : 5 000€

Logiciels

sDEVIS-FACTURES vlPRO (8.1.0.3)
SDEVIS-FACTURES VLPRO (8.1.0.3)

sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa...

Cliquez pour télécharger sDEVIS-FACTURES vlPRO
974 Application Server (12.2.4.6)
974 APPLICATION SERVER (12.2.4.6)

Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc...

Cliquez pour télécharger 974 Application Server
vPicture (1.4.2.1)
VPICTURE (1.4.2.1)

Avec vPicture, hébergez vos images facilement et rapidement. vPicture est un utilitaire simple, ...

Cliquez pour télécharger vPicture
Easy-Planning (2.2.1.6)
EASY-PLANNING (2.2.1.6)

Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au...

Cliquez pour télécharger Easy-Planning
COM-BACKUP (2.0)
COM-BACKUP (2.0)

COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...

Cliquez pour télécharger COM-BACKUP