Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1361 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  afficher masquer

 

Sujet(s) à lire :
    - [RESOLU] Afficher / Masquer des DIV
 

 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

afficher masquer

n°1539775
serner2
Posté le 06-04-2007 à 17:34:58  profilanswer
 

bonjour,
 
j'ai récupéré ce script sur un autre poste.
 
Je suis arrivé à le faire fonctionné sur un script, mais je veu le réutilisé et pas moyen de le faire marché pouvez vous m'aider, me dire d'ou vien l'erreur
 
<script type="text/javascript">
     function changerfichier(rubrique){
       var divIds= new Array('Transfert des fichiers', 'e-mail', 'upload sur site');
       for(var i=0; i<divIds.length;i++){
         document.getElementById(divIds[i]).style.display = (i==rubrique)?'block':'none';
       }
     }
    </script>
<form action="index.php?page=commande&amp;action=com_2_tap" method="post" name="commande1" id="commande1">
<table width="566" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="328" align="left" valign="top" scope="col"><table width="328" border="0" cellpadding="2" cellspacing="3" class="texte_blanc">
      <tr>
        <td width="162" align="right" valign="middle" bgcolor="#2A1F4A" scope="col">Nom de votre commande : </td>
        <td width="154" align="left" valign="middle" bgcolor="#2A1F4A" scope="col"><input name="nom_commande" type="text" class="texte_noir" id="nom_commande" size="15" /></td>
      </tr>
    <tr>
        <td align="right" valign="top" bgcolor="#2A1F4A">Transfert des fichiers :<br />
          <br /> <div id="e-mail" style="display:none">
          <table width="100%" border="0" cellpadding="2" cellspacing="3" class="texte_blanc">
            <tr>
              <td align="right" valign="middle" scope="col">Fichier Recto : </td>
            </tr>
            <tr>
              <td align="right" valign="middle" scope="col">Fichier Verso :</td>
            </tr>
          </table>
    </div></td>
        <td align="left" valign="top" bgcolor="#2A1F4A">
  <select name="transfert_fichier" class="texte_noir" id="transfert_fichier" onchange="changerfichier(commande1.tranfert_fichier.selectedIndex);">
            <option>Transfert des fichiers</option>
            <option value="email">E-mail</option>
            <option value="upload">Upload sur site</option>
        </select>
  <br />
<div id="e-mail" style="display:none">
  <table width="100%" border="0" cellspacing="3" cellpadding="2">
          <tr>
            <td align="left" scope="col"><input name="textfield" type="text" class="texte_noir" size="18" /></td>
          </tr>
          <tr>
            <td align="left" scope="col"><input name="textfield2" type="text" class="texte_noir" size="18" /></td>
          </tr>
        </table></div>

mood
Publicité
Posté le 06-04-2007 à 17:34:58  profilanswer
 

n°1539777
anapajari
s/travail/glanding on hfr/gs;
Posté le 06-04-2007 à 17:40:04  profilanswer
 

pas  de noeud avec l'id email ou upload dans la page...

n°1539779
serner2
Posté le 06-04-2007 à 17:43:25  profilanswer
 

désolé, mais je comprend pas tro le javascript, je débute en bidouillant !
c'est quoi un noeud ?

n°1539963
dartyduck
n00b AttitudE
Posté le 07-04-2007 à 14:19:59  profilanswer
 

c'est quoi ce code là ? utilise le css pour ton style


---------------
Nikon D7000 + 18-105VR + 35mm 1.8
n°1539972
zecrazytux
Posté le 07-04-2007 à 15:36:54  profilanswer
 

pourri est ton code :o


---------------
Blog photo/récits activités en montagne http://planetcaravan.net
n°1540141
serner2
Posté le 08-04-2007 à 10:31:50  profilanswer
 

quel info perso ? ta fumé toi, je vois pas d'info perso !

n°1540146
dartyduck
n00b AttitudE
Posté le 08-04-2007 à 10:53:39  profilanswer
 

serner2 a écrit :

quel info perso ? ta fumé toi, je vois pas d'info perso !


dsl je disais ca a zecrazytux... j'aurais du le mettre en mp. mea culpa


Message édité par dartyduck le 08-04-2007 à 10:54:15

---------------
Nikon D7000 + 18-105VR + 35mm 1.8
n°1540174
serner2
Posté le 08-04-2007 à 12:34:44  profilanswer
 

lol, désolé.
tu saurais pas pk il a marqué pourri ton code, je vois pas se qui a des pourri !

n°1540184
zecrazytux
Posté le 08-04-2007 à 13:56:06  profilanswer
 

tableaux partout


---------------
Blog photo/récits activités en montagne http://planetcaravan.net
n°1540219
dartyduck
n00b AttitudE
Posté le 08-04-2007 à 15:35:36  profilanswer
 

Citation :

tableaux partout


+ ton style intégré au code html... c'est pas aux normes tout ça, faudrait tout revoir ! C'est brouillon, fait avec un éditeur web tout pourave, passera jamais le controle technique ton site !


---------------
Nikon D7000 + 18-105VR + 35mm 1.8
mood
Publicité
Posté le 08-04-2007 à 15:35:36  profilanswer
 

n°1540308
serner2
Posté le 08-04-2007 à 20:23:03  profilanswer
 

ma foi c le code de dreamweaver mx

n°1540318
zecrazytux
Posté le 08-04-2007 à 21:37:42  profilanswer
 

ouai spour ça que le fais main, y a que ça de vrai


---------------
Blog photo/récits activités en montagne http://planetcaravan.net
n°1540324
dartyduck
n00b AttitudE
Posté le 08-04-2007 à 22:07:18  profilanswer
 

zecrazytux a écrit :

ouai spour ça que le fais main, y a que ça de vrai


+1
Utilise notepad++ (gratuit) comme éditeur de texte/code


Message édité par dartyduck le 08-04-2007 à 22:08:18

---------------
Nikon D7000 + 18-105VR + 35mm 1.8
n°1540339
zecrazytux
Posté le 09-04-2007 à 00:14:37  profilanswer
 

vim :)


---------------
Blog photo/récits activités en montagne http://planetcaravan.net
n°1540358
gatsu35
Blablaté par Harko
Posté le 09-04-2007 à 10:06:37  profilanswer
 

Si vous répondiez au problème initial les gars :o
même si son code HTML est nul, je vous l'accorde, personne n'a répondu à  sa question en 3 jours.

 

Regarde le code, j'ai mis des commentaires dedans, je n'ai pas modifié ton code.

 
Code :
  1. <script type="text/javascript">
  2.      function changerfichier(rubrique){
  3.          var divIds= new Array('Transfert des fichiers', 'e-mail', 'upload sur site'); //<==== On ne mets jamais d'espace sur un ID, ici c'est un array d'id
  4.        for(var i=0; i<divIds.length;i++){ //la boucle ici tourne sur un array d'id pour cacher ou afficher tous les éléments contenus dans le tableau
  5.          document.getElementById(divIds[i]).style.display = (i==rubrique)?'block':'none'; // operateur ternaire : (condition) ? resultat_si_vrai : resultat_si_faux
  6.        }
  7.      }
  8.     </script>
  9. <form action="index.php?page=commande&amp;action=com_2_tap" method="post" name="commande1" id="commande1">
  10. <table width="566" border="0" cellspacing="0" cellpadding="0">
  11.   <tr>
  12.     <td width="328" align="left" valign="top" scope="col"><table width="328" border="0" cellpadding="2" cellspacing="3" class="texte_blanc">
  13.       <tr>
  14.         <td width="162" align="right" valign="middle" bgcolor="#2A1F4A" scope="col">Nom de votre commande : </td>
  15.         <td width="154" align="left" valign="middle" bgcolor="#2A1F4A" scope="col"><input name="nom_commande" type="text" class="texte_noir" id="nom_commande" size="15" /></td>
  16.       </tr>
  17.     <tr>
  18.         <td align="right" valign="top" bgcolor="#2A1F4A">Transfert des fichiers :<br />
  19.           <br /> <div id="e-mail" style="display:none"> <======== Je vois l'id e-mail celui qu'on a dans notre tableau d'id
  20.           <table width="100%" border="0" cellpadding="2" cellspacing="3" class="texte_blanc">
  21.             <tr>
  22.               <td align="right" valign="middle" scope="col">Fichier Recto : </td>
  23.             </tr>
  24.             <tr>
  25.               <td align="right" valign="middle" scope="col">Fichier Verso :</td>
  26.             </tr>
  27.           </table>
  28.     </div></td>
  29.         <td align="left" valign="top" bgcolor="#2A1F4A">
  30.   <select name="transfert_fichier" class="texte_noir" id="transfert_fichier" onchange="changerfichier(commande1.tranfert_fichier.selectedIndex);">   <===== il est où l'id qu'on devrait retrouver dans le tableau ? dans le tableau tu as mis : "transfert de fichier", alors qu'il faudrait mettre : "transfert_fichier"
  31.             <option>Transfert des fichiers</option>
  32.             <option value="email">E-mail</option>
  33.             <option value="upload">Upload sur site</option>
  34.         </select>
  35.   <br />
  36. <div id="e-mail" style="display:none"> <==== là ce n'est pas bon, tu as déjà déclaré un id "e-mail", mais un id c'est unique dans la page
  37.   <table width="100%" border="0" cellspacing="3" cellpadding="2">
  38.           <tr>
  39.             <td align="left" scope="col"><input name="textfield" type="text" class="texte_noir" size="18" /></td>
  40.           </tr>
  41.           <tr>
  42.             <td align="left" scope="col"><input name="textfield2" type="text" class="texte_noir" size="18" /></td>
  43.           </tr>
  44.         </table></div>


Donc :
-Explique mieux ce que tu cherches à faire
-Ton code ressemble plus à un assemblage de légos d'un enfant de 2 ans

Message cité 1 fois
Message édité par gatsu35 le 09-04-2007 à 10:07:16
n°1540465
serner2
Posté le 09-04-2007 à 19:32:55  profilanswer
 

gatsu35 a écrit :

Si vous répondiez au problème initial les gars :o  
même si son code HTML est nul, je vous l'accorde, personne n'a répondu à  sa question en 3 jours.
 


 
Merci beaucoup pour ton message, mais depuis j'ai trouvé la solution, c'est gentil.
 
Mais par contre se qui faut vraiment m'expliquer c votre histoire de code html.
Parce que j'ai beau regardé plein de site, je comprend pas se qu'il à mon code, surtout que c'est le code généré par dreamwraver !

n°1540467
zecrazytux
Posté le 09-04-2007 à 19:38:34  profilanswer
 

cay pas W3C compliant, avec tes tableaux...  
 
les tableaux sont utiles pour leur but premiers: données tabulaires, mais pas pour la mise en forme.
 
pour ça il y a les CSS (et les balises div, span, p)
 
"pourtant c'est du code dreamweaver" => et alors ? c'est pas parce que les pro l'utilisent pour gagner du temps que ça fais du bon code bien propre... c'est le moins pire, mais c'est pas excelent.


---------------
Blog photo/récits activités en montagne http://planetcaravan.net
n°1540479
xtof_83
Freeride Spirit
Posté le 09-04-2007 à 20:07:42  profilanswer
 

ah la place de dire que dreamweaver , donne lui des trucs utile.

 

serner2, c'est bien de te poser la question, le bonne voir s'ouvre à toi :

 

Les outils pour prendre la bonne route sont tous sur les sites suivants :

 

www.alsacreations.com
www.openweb.eu.org

 

Perd y quelques heures ;) ça fait pas de mal
PS: plus précisément pour commencer :

 

http://www.openweb.eu.org/articles [...] ssibilite/
http://www.openweb.eu.org/articles/problemes_tableaux/


Message édité par xtof_83 le 09-04-2007 à 20:09:56
n°1540511
dartyduck
n00b AttitudE
Posté le 09-04-2007 à 21:49:43  profilanswer
 

www.siteduzero.com et qu'on arrete de dire que c'est un site tout pourri, c'est grace à lui que je suis arrivé à apprendre le xhtml/css/php/mysql alors je trouve qu'il vaut aussi le coup d''etre cité en référence. Stou.


---------------
Nikon D7000 + 18-105VR + 35mm 1.8
n°1540533
serner2
Posté le 09-04-2007 à 23:09:11  profilanswer
 

ok, merci pour ces sites, ca fait 4 ans que je travaille avec les tableaux, j'avais essayé le css avec les div et bon ca marché pas vraiment bien à l'époque.
 
Donc j'ai une rétissance sur cela. Mais apres avoir tout lu et tout j'avou que c'est plutot bien bien sympatique,  bien plus claire. J'ai survolé vite fais tout ca ! Je vais pas refaire tout mes sites dessuite, mais le diernier je vais commencé a le remettre à jour..
 
Merci à ceux qui mon expliqué !


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  afficher masquer

 

Sujets relatifs
[RESOLU] Afficher / Masquer des DIVafficher/masquer div sans JS
[Résolu] [DOM Scripting] Afficher/masquer des imagesboutons radios afficher masquer
[JavaScript] afficher/masquer/décaler[JS] afficher/masquer : mon_tableau has no properties
Masquer et afficher une frame[C#] masquer / afficher le menu (MainMenu)
CSS - Afficher/masquer des "calques"afficher masquer un select
Plus de sujets relatifs à : afficher masquer


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR