Sujet Précédent Sujet Suivant

Event dynamique

dosint Messages postés 1 Date d'inscription mardi 11 décembre 2007 Statut Membre Dernière intervention 5 novembre 2008 - 5 nov. 2008 à 16:54
cs_bultez Messages postés 13615 Date d'inscription jeudi 13 février 2003 Statut Membre Dernière intervention 15 octobre 2013 - 6 nov. 2008 à 17:51

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

A voir également:

Event dynamique
Do event vba - Conseils pratiques -Visual Basic / VB.NET
Template site web dynamique php - Conseils pratiques -PHP
Bloc dynamique autocad - Forum Visual Basic 6
Php variable dynamique - Forum PHP
Tableau dynamique java - Forum Java

6 réponses

Réponse 1 / 6

cs_bultez Messages postés 13615 Date d'inscription jeudi 13 février 2003 Statut Membre Dernière intervention 15 octobre 2013 30
5 nov. 2008 à 18:51

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;
@+

Réponse 2 / 6

deazure Messages postés 21 Date d'inscription vendredi 9 mai 2008 Statut Membre Dernière intervention 10 mars 2013
6 nov. 2008 à 16:39

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">
----

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



                ----

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

               , <label>N°Dossier:</label></td>
                {#$fields.numDossier#},


</td>
            <td>              ----

                <label>N°OT:</label>,
                {#$fields.numOrdreTransit#},


</td>
            <td>              ----

                <label>N°Client:</label>,
                {#$fields.numCli#},


</td>
            <td align="right">                ----

                                      <label for="label">{#$LOCALE.LBL_DATE#} {#$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>,

      ----

         ,

      ----

         ,

      ----

         ,

      ----

         ,

      ----

         ,


</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">      ----

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

   , <label>Date Exp </label></td>
    <label>Nb colis </label>,
    Pds Brut,
    Volume,
    RPV,
    Date Doc,
     ,

        </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> </td>
          <td nowrap="nowrap">          ----

            <label>

            </label>,
            <label>

            </label>,
            ,
            ,
            ,
            ,
             ,


</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,
     ,

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

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

       ,  </td>
         ,
         ,
         ,
         ,


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

         ,
         ,
         ,
         ,
         ,


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

         ,
         ,
         ,
         ,
         ,


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

         ,
         ,
         ,
         ,
         ,


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

         ,
         ,
         ,
         ,
         ,


</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>

Réponse 3 / 6

deazure Messages postés 21 Date d'inscription vendredi 9 mai 2008 Statut Membre Dernière intervention 10 mars 2013
6 nov. 2008 à 16:53

si je click sur le 1er button radio ds le 1er onglet quil affiche le 1er element ds chaque onglet

Réponse 4 / 6

cs_bultez Messages postés 13615 Date d'inscription jeudi 13 février 2003 Statut Membre Dernière intervention 15 octobre 2013 30
6 nov. 2008 à 16:53

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]

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 6

deazure Messages postés 21 Date d'inscription vendredi 9 mai 2008 Statut Membre Dernière intervention 10 mars 2013
6 nov. 2008 à 17:18

bon comment tu pe maider,je voir qe c'est par cette source que tu pe mieux voir ma preocupation

Réponse 6 / 6

cs_bultez Messages postés 13615 Date d'inscription jeudi 13 février 2003 Statut Membre Dernière intervention 15 octobre 2013 30
6 nov. 2008 à 17:51

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]

Discussions similaires

realisation d'un cv dynamique

Passer un tableau dynamique en paramètre

Devis pour un site

avoir un nom de variable dynamique

tableau dynamique

Votre réponse

Discussions similaires