Event dynamique

Signaler
Messages postés
1
Date d'inscription
mardi 11 décembre 2007
Statut
Membre
Dernière intervention
5 novembre 2008
-
Messages postés
13616
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
-
salut je developpe un application en js mais je suis confronter a un probleme, je vous explique:
jai un formulaire a 5 onglets
existant
:
-un formulaire a 5 onglets
-sur le 1er  onglet on a 2 button radion et 2 tablo hidden,
si je click sur le 1er button radio : il affiche le tablo1
si je click sur le 2er button radio :  il cache le tablo 1 et  affiche le tablo2
jusqu a la pa s de probleme.
probleme:

le probleme cest que ,si je click sur le 1er button radio dans le premier onglet il doit automatiquement affiché certains hidden dans l'onglets 2,3...5
si je click sur le 2 e buttom radio en plus d'affiche le 2e tablo dans l'ognlet 1 et doit atomatiquement affiche certains elements hidden differents  du ckick sur le 1er button radio
je compte sur vous pour m'appter et aide technique.
merci

6 réponses

Messages postés
13616
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
36
bonjour,
ne met pas tes éléments hidden
mais avec un style="display:none" ou visibility:hidden
et quand il le faut, change en display=inline ou
visibility=visible;
@+
Messages postés
21
Date d'inscription
vendredi 9 mai 2008
Statut
Membre
Dernière intervention
10 mars 2013

je vous envoie le code source
un click sur le 1er buttuon radio doit otomatiquement activer un element cache ds le2e, 3e ,.......,onglet
voici le code:

<script language="javascript" type="text/javascript">
//<![CDATA[
jQuery(document).ready(function(){
     jQuery("#frmFormulaire").validate({
        success: "valid",
        meta: "validate"
     })   
   jQuery('#CMB_SAVE').click(function(){
     jQuery('#action').val('CMB_SAVE');
     jQuery('#frmFormulaire').submit();
   });   
   jQuery('#CMB_CANCEL').click(function(){
      jQuery('#action').val('CMB_CANCEL');
     document.location.href ='?view=gesaer,Devise&td={#$frmHiddenFields.td#}';
   })
});   
//]]>
</script>
<script language="javascript" type="text/javascript">
//<![CDATA[
jQuery(document).ready(function(){
   jQuery(".tabControl").click(function(){  
     jQuery('.tabContent').hide()
     jQuery(".tabControl").attr('bgcolor','#F0F0F0')
     jQuery(this).attr('bgcolor',jQuery('#TabContent'+jQuery(this).attr('tab')).attr('bgcolor'))
     jQuery('#TabContent'+jQuery(this).attr('tab')).fadeIn()
   })
});
//]]>

function cache(fldNumdevis,etat1,champscache,etat2)
{
document.getElementById(fldNumdevis).style.visibility=etat1;
document.getElementById(champscache).style.visibility=etat2;
}

function boutonchec(idview,idcheckbox)
{
//alert(document.getElementById(fldNumdevis).style.visibility)

    if(!(document.getElementById(idcheckbox).checked))
    {
    document.getElementById(idview).style.visibility='hidden';
    }
        if(document.getElementById(idcheckbox).checked)
        {
   
        document.getElementById(idview).style.visibility='visible';
    //document.getElementById(champscache).style.visibility=etat2;
        }
}
</script>

<form action="" method="POST" name="frmFormulaire" id="frmFormulaire" class="custom">
  {#foreach key=fieldName item=fieldValue  from=$frmHiddenFields#}
 
  {#/foreach#}
 
  ----

    <table width="100%" border="0" cellspacing="0" cellpadding="0">
  ----

   , &nbsp;</td>
    <nobr>{#$LOCALE.MSG_BOX_TREAT_CAPTION #}</nobr>,
    &nbsp;,
 

   

                ----

            <table border="0" cellspacing="0" cellpadding="0">
              ----

               , <label>N&deg;Dossier:</label></td>
                {#$fields.numDossier#},
             
           
</td>
            <td>              ----

                <label>N&deg;OT:</label>,
                {#$fields.numOrdreTransit#},
             
           
</td>
            <td>              ----

                <label>N&deg;Client:</label>,
                {#$fields.numCli#},
             
           
</td>
            <td align="right">                ----

                                      <label for="label">{#$LOCALE.LBL_DATE#}&nbsp;{#$LOCALE.LBL_OUVERTURE|lower#}:</label>
                 ,
                                      {#$fields.date|date_format:"%d/%m/%Y"#}
                 ,
               
             
</td>
          </tr>
          </table>
   

  ----

    Reception,
    Documents et Info.,
    Crtl et Lta,
    Transit et Exp,
    Debours,
 

   
   
       
  ----

    <table width="100%" border="0" cellspacing="0" cellpadding="3">
      ----

       , <table width=\"62%\" border=\"0\">
  ----

    <table width="76%" border="0">
  ----

   , </td>
    <nobr>
      <label>
     
     
      {#$LOCALE.LBL_LATUNIQ#}</label></nobr>,
             ,
    <nobr>
      <label>{#$LOCALE.LBL_LTADOS#}</label></nobr>,
             ,
    <nobr>
      <label>{#$LOCALE.LBL_LTAGROUP#}</label></nobr>,
 

</td>
  </tr>
  <tr>
    <td>  ----

    <table width="85%" border="0"  id="tabltauniq" style="visibility:hidden">
      ----

       , <nobr>
          Date reception           
        
        </nobr></td>
        ,
     
      ----

        Nbr de Colis:,
        ,
     
      ----

        Poids brut:,
        ,
     
      ----

        Volume:,
        ,
        Kg,
     
      ----

        Rapport P/V:,
        ,
        M3,
     
      ----

        Dimensions:,
        <label>
       
        </label>,
     
      ----

        Nature de la marchandise:,
        <label>
       
        </label>,
     
     
     
   
</td>
    <td width="49%">      ----

        <nobr></nobr>
         
Nom et Adresse Destinataire,
     
      ----

        <label>
          <textarea name="textarea3"></textarea>
        </label>,
       
     
      ----

        Nature Marchandise,
       
      ----

        <label>
          <textarea name="textarea4"></textarea>
        </label>,
       
      ----

        &nbsp;,
       
      ----

        &nbsp;,
       
      ----

        &nbsp;,
       
      ----

        &nbsp;,
       
      ----

        &nbsp;,
       
   
</td>
   
  </tr>
</table>
</td>
  </tr>
</table>
</td>
      </tr>
     
    </table></td>
            </tr>
  <tr bgcolor="#FFCCFF" class="row-field tabContent" id="TabContent1" style="display:none" >
    <td align="left">      ----

        &nbsp;,
          <table width="99%" border="0">
  ----

   , <label>Date Exp </label></td>
    <label>Nb colis </label>,
    Pds Brut,
    Volume,
    RPV,
    Date Doc,
    &nbsp;,
 
        </td>
        </tr>
        <tr>
        <td width="32"></td>
        <td nowrap="nowrap">    ----

    <label>
     
    </label>,
    <label>
     
    </label>,
    ,
    ,
    ,
    ,
    ,
 
        </td>
        </tr>
      <tr>
        <td></td>
        <td nowrap="nowrap">          ----

            <label>
             
            </label>,
            <label>
             
            </label>,
            ,
            ,
            ,
            ,
            ,
         
       
</td>
        </tr>
      <tr>
        <td></td>
        <td nowrap="nowrap">          ----

            <label>
             
            </label>,
            <label>
             
            </label>,
            ,
            ,
            ,
            ,
            ,
         
       
</td>
        </tr>
      <tr>
        <td></td>
        <td nowrap="nowrap">          ----

            <label>
             
            </label>,
            <label>
             
            </label>,
            ,
            ,
            ,
            ,
            ,
         
       
</td>
        </tr>
        <tr>
        <td></td>
        <td nowrap="nowrap">          ----

            <label>
             
            </label>,
            <label>
             
            </label>,
            ,
            ,
            ,
            ,
            ,
         
       
</td>
        </tr>
        <tr>
          <td>&nbsp;</td>
          <td nowrap="nowrap">          ----

            <label>
             
            </label>,
            <label>
             
            </label>,
            ,
            ,
            ,
            ,
            &nbsp;,
         
       
</td>
        </tr>

    </table></td>
  </tr>
  <tr bgcolor="#CCFFFF" class="row-field tabContent" id="TabContent2" style="display:none">
    <td align="left">      ----

        <table width="90%" border="0">
  ----

   , Compagnie</td>
    N°Vol,
    Départ,
    Taux,
    &nbsp;,
 
</td>
        </tr>
      <tr>
        <td>  ----

    <table width="98%" border="1" style="visibility:hidden" id="tab1">
      ----

       , &nbsp;</td>
        &nbsp;,
        &nbsp;,
        &nbsp;,
        &nbsp;,
     
   
</td>
    </tr>
  <tr>
    <td>      ----

        &nbsp;,
        &nbsp;,
        &nbsp;,
        &nbsp;,
        &nbsp;,
     
   
</td>
    </tr>
  <tr>
    <td>      ----

        &nbsp;,
        &nbsp;,
        &nbsp;,
        &nbsp;,
        &nbsp;,
     
   
</td>
    </tr>
  <tr>
    <td>      ----

        &nbsp;,
        &nbsp;,
        &nbsp;,
        &nbsp;,
        &nbsp;,
     
   
</td>
    </tr>
  <tr>
    <td>      ----

        &nbsp;,
        &nbsp;,
        &nbsp;,
        &nbsp;,
        &nbsp;,
     
   
</td>
    </tr>
</table>
</td>
        </tr>
    </table></td>
  </tr>
  <tr bgcolor="#CCCCFF" class="row-field tabContent" id="TabContent3" style="display:none">
    <td align="left">        ----

          en cours,
       
     
</td>
  </tr>
<tr bgcolor="#E7CEFF" class="row-field tabContent" id="TabContent4" style="display:none">
    <td align="left">        ----

          en cours,
       
     
</td>
  </tr> 
</table>
   
   
   
   

   

              ----

          ,
          <table  border="0" cellspacing="0" cellpadding="0">
            ----

             , </td>
              ,
           
         
</td>
        </tr>
      </table>
   
</td>
  </tr>
</table>   
</form>
Messages postés
21
Date d'inscription
vendredi 9 mai 2008
Statut
Membre
Dernière intervention
10 mars 2013

si je click sur le 1er button radio ds le 1er onglet quil affiche le 1er element ds chaque onglet
Messages postés
13616
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
36
tu es sûr que tout ton bazar m'est utile pour t'indiquer des pistes ?

enfin, on est jamais contents !
d'habitude on réclame à corps et à cris de la source...
ben là, y'en a.
          Bul [mon Site] [M'écrire]         
Messages postés
21
Date d'inscription
vendredi 9 mai 2008
Statut
Membre
Dernière intervention
10 mars 2013

bon comment tu pe maider,je voir qe c'est par cette source que tu pe mieux voir ma preocupation
Messages postés
13616
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
36
fais l'extrait du nécessaire, tout le nécessaire mais pas plus
       parce que là je t'assures que c'est plus que décourageant.
ou alors, fais un ch'tiot exemple succinct, avec ce que tu voudrais

as-tu essayé ce que je disais ?
ou ça ne convient pas parce que je n'ai pas compris ?

          Bul [mon Site] [M'écrire]