Accueil > Forum > > > > event dynamique
 event dynamique
mercredi 5 novembre 2008 à 16:54:03 |
event dynamique
dosint
|
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 |
|
mercredi 5 novembre 2008 à 18:51:30 |
Re : event dynamique
bultez
|
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;
@+
|
|
jeudi 6 novembre 2008 à 16:39:01 |
Re : event dynamique
deazure
|
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#}
<input type="hidden" name="{#$fieldName#}" value="{#$fieldValue#}"/>
{#/foreach#}
<input type="hidden" name="action" id="action" value=""/>
<table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><div class="head"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="icon"> </td>
<td><div class="caption"><nobr>{#$LOCALE.MSG_BOX_TREAT_CAPTION #}</nobr></div></td>
<td align="right"> </td>
</tr>
</table>
</div>
<div class="body">
<table width="100%" border="0" cellpadding="0" cellspacing="2">
<tr class="row-field">
<td width="150" align="left"><table border="0" cellspacing="0" cellpadding="0">
<tr>
<td nowrap="nowrap"><label>N°Dossier:</label></td>
<td><div class="textzone">{#$fields.numDossier#}</div></td>
</tr>
</table></td>
<td><table border="0" cellspacing="0" cellpadding="0">
<tr>
<td nowrap="nowrap"><label>N°OT:</label></td>
<td><div class="textzone">{#$fields.numOrdreTransit#}</div></td>
</tr>
</table></td>
<td><table border="0" cellspacing="0" cellpadding="0">
<tr>
<td nowrap="nowrap"><label>N°Client:</label></td>
<td nowrap="nowrap"><div class="textzone">{#$fields.numCli#}</div></td>
</tr>
</table></td>
<td align="right"><table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div>
<label for="label">{#$LOCALE.LBL_DATE#} {#$LOCALE.LBL_OUVERTURE|lower#}:</label>
</div></td>
<td><div class="textzone">
{#$fields.date|date_format:"%d/%m/%Y"#}
</div></td>
</tr>
</table></td>
</tr>
</table>
</div><div class="body"><table border="0" cellspacing="0" cellpadding="1">
<tr>
<td nowrap="nowrap" bgcolor="#99CCFF" class="tabControl" tab="0"><div class="part onglet_docr">Reception</div></td>
<td nowrap="nowrap" class="tabControl" tab="1"><div class="part onglet_doce">Documents et Info.</div></td>
<td nowrap="nowrap" class="tabControl" tab="2"><div class="part onglet_docf">Crtl et Lta</div></td>
<td nowrap="nowrap" class="tabControl" tab="3"><div class="part onglet_prest">Transit et Exp</div></td>
<td nowrap="nowrap" class="tabControl" tab="4"><div class="part onglet_prest">Debours</div></td>
</tr>
</table>
<table width="100%" border="0" cellpadding="4" cellspacing="0">
<tr bgcolor="#99CCFF" class="row-field tabContent" id="TabContent0">
<td align="left" bgcolor="#99CCFF"><table width="100%" border="0" cellspacing="0" cellpadding="3">
<tr>
<td><table width="62%" border="0">
<tr>
<td><table width="76%" border="0">
<tr>
<td width="3%"><input type="radio" name="checklta" value="checkltauniq" onclick="javascript:cache('tabltados','hidden','tabltauniq','visible')" id="checkltauniq"></td>
<td width="34%"><nobr>
<label>
{#$LOCALE.LBL_LATUNIQ#}</label></nobr></td>
<td width="3%">
<input type="radio" name="checklta" value="checkdoslta" onclick="javascript:cache('tabltauniq','hidden','tabltados','visible')"> </td>
<td width="30%"><nobr>
<label>{#$LOCALE.LBL_LTADOS#}</label></nobr></td>
<td width="3%">
<input type="radio" name="checklta" value="checkltagroup"> </td>
<td width="27%"><nobr>
<label>{#$LOCALE.LBL_LTAGROUP#}</label></nobr></td>
</tr>
</table>
</td>
</tr>
<tr>
<td><table width="76%" border="0">
<tr>
<td width="51%"><table width="85%" border="0" id="tabltauniq" style="visibility:hidden">
<tr>
<td width="47%"><nobr>
Date reception
</nobr></td>
<td colspan="2"><input name="flddatrecpmarch" type="text" id="flddatrecpmarch" value="" size="15"></td>
</tr>
<tr>
<td>Nbr de Colis:</td>
<td colspan="2"><input name="flddatrecpmarch2" type="text" id="flddatrecpmarch2" value="" size="10"></td>
</tr>
<tr>
<td>Poids brut:</td>
<td colspan="2"><input name="flddatrecpmarch4" type="text" id="flddatrecpmarch4" value="" size="10"></td>
</tr>
<tr>
<td>Volume:</td>
<td><input name="flddatrecpmarch5" type="text" id="flddatrecpmarch5" value="" size="10"></td>
<td>Kg</td>
</tr>
<tr>
<td>Rapport P/V:</td>
<td width="25%"><input name="flddatrecpmarch6" type="text" id="flddatrecpmarch6" value="" size="10"></td>
<td width="28%">M3</td>
</tr>
<tr>
<td>Dimensions:</td>
<td colspan="2"><label>
<input type="text" name="textfield">
</label></td>
</tr>
<tr>
<td>Nature de la marchandise: </td>
<td colspan="2"><label>
<input type="text" name="textfield2">
</label></td>
</tr>
</table></td>
<td width="49%"><table width="100%" border="0" id="tabltados" style="visibility:hidden">
<tr>
<td width="34%"><nobr></nobr>
<div align="center">Nom et Adresse Destinataire </div></td>
</tr>
<tr>
<td><label>
<textarea name="textarea3"></textarea>
</label></td>
</tr>
<tr>
<td>Nature Marchandise </td>
</tr>
<tr>
<td><label>
<textarea name="textarea4"></textarea>
</label></td>
</tr>
<tr>
<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>
</table>
</td>
</tr>
</table></td>
</tr>
<tr bgcolor="#FFCCFF" class="row-field tabContent" id="TabContent1" style="display:none" >
<td align="left"><table width="540" border="0" cellpadding="1" cellspacing="2" id="tabdocument" >
<tr>
<td width="32"> </td>
<td width="498" nowrap="nowrap"> <table width="99%" border="0">
<tr>
<td width="18%"><label>Date Exp </label></td>
<td width="13%"><label>Nb colis </label></td>
<td width="13%">Pds Brut </td>
<td width="13%">Volume</td>
<td width="12%">RPV</td>
<td width="16%">Date Doc </td>
<td width="15%"> </td>
</tr>
</table> </td>
</tr>
<tr>
<td width="32"><input type="checkbox" name="checktab1" id="checktab1" onclick="javascript:boutonchec('tab1','checktab1')"/></td>
<td nowrap="nowrap"> <table width="70%" border="0" style="visibility:hidden" id="tab1">
<tr>
<td width="11%"><label>
<input name="textfield3" type="text" size="10">
</label></td>
<td width="10%"><label>
<input name="textfield32" type="text" size="4">
</label></td>
<td width="10%"><input name="textfield33" type="text" size="8"></td>
<td width="11%"><input name="textfield34" type="text" size="8"></td>
<td width="10%"><input name="textfield35" type="text" size="8"></td>
<td width="10%"><input name="textfield36" type="text" size="10"></td>
<td width="38%"><input name="textfield3722" type="text" size="15" value="Expedition:01" disabled="disabled"></td>
</tr>
</table> </td>
</tr>
<tr>
<td><input type="checkbox" name="checktab2" id="checktab2" onclick="javascript:boutonchec('tab2','checktab2')"/></td>
<td nowrap="nowrap"><table width="70%" border="0" style="visibility:hidden" id="tab2">
<tr>
<td width="11%"><label>
<input name="textfield38" type="text" size="10">
</label></td>
<td width="10%"><label>
<input name="textfield322" type="text" size="4">
</label></td>
<td width="10%"><input name="textfield332" type="text" size="8"></td>
<td width="11%"><input name="textfield342" type="text" size="8"></td>
<td width="10%"><input name="textfield352" type="text" size="8"></td>
<td width="10%"><input name="textfield362" type="text" size="10"></td>
<td width="38%"><input name="textfield372" type="text" size="15" value="Expedition:02" disabled="disabled"></td>
</tr>
</table></td>
</tr>
<tr>
<td><input type="checkbox" name="checktab3" id="checktab3" onclick="javascript:boutonchec('tab3','checktab3')"/></td>
<td nowrap="nowrap"><table width="70%" border="0" id="tab3" style="visibility:hidden">
<tr>
<td width="11%"><label>
<input name="textfield39" type="text" size="10">
</label></td>
<td width="10%"><label>
<input name="textfield323" type="text" size="4">
</label></td>
<td width="10%"><input name="textfield333" type="text" size="8"></td>
<td width="11%"><input name="textfield343" type="text" size="8"></td>
<td width="10%"><input name="textfield353" type="text" size="8"></td>
<td width="10%"><input name="textfield363" type="text" size="10"></td>
<td width="38%"><input name="textfield373" type="text" size="15" value="Expedition:03" disabled="disabled"></td>
</tr>
</table></td>
</tr>
<tr>
<td><input type="checkbox" name="checktab4" id="checktab4" onclick="javascript:boutonchec('tab4','checktab4')"/></td>
<td nowrap="nowrap"><table width="70%" border="0" style="visibility:hidden" id="tab4">
<tr>
<td width="11%"><label>
<input name="textfield310" type="text" size="10">
</label></td>
<td width="10%"><label>
<input name="textfield324" type="text" size="4">
</label></td>
<td width="10%"><input name="textfield334" type="text" size="8"></td>
<td width="11%"><input name="textfield344" type="text" size="8"></td>
<td width="10%"><input name="textfield354" type="text" size="8"></td>
<td width="10%"><input name="textfield364" type="text" size="10"></td>
<td width="38%"><input name="textfield374" type="text" size="15" value="Expedition:04" disabled="disabled"></td>
</tr>
</table></td>
</tr>
<tr>
<td><input type="checkbox" name="checktab5" id="checktab5" onclick="javascript:boutonchec('tab5','checktab5')"/></td>
<td nowrap="nowrap"><table width="70%" border="0" style="visibility:hidden" id="tab5">
<tr>
<td width="11%"><label>
<input name="textfield310" type="text" size="10">
</label></td>
<td width="10%"><label>
<input name="textfield324" type="text" size="4">
</label></td>
<td width="10%"><input name="textfield334" type="text" size="8"></td>
<td width="11%"><input name="textfield344" type="text" size="8"></td>
<td width="10%"><input name="textfield354" type="text" size="8"></td>
<td width="10%"><input name="textfield364" type="text" size="10"></td>
<td width="38%"><input name="textfield374" type="text" size="15" value="Expedition:05" disabled="disabled"></td>
</tr>
</table></td>
</tr>
<tr>
<td> </td>
<td nowrap="nowrap"><table width="70%" border="0" >
<tr>
<td width="11%"><label>
<input name="textfield310" type="text" size="10" style="visibility:hidden">
</label></td>
<td width="10%"><label>
<input name="textfield324" type="text" size="4" disabled="disabled">
</label></td>
<td width="10%"><input name="textfield334" type="text" size="8" disabled="disabled"></td>
<td width="11%"><input name="textfield344" type="text" size="8" disabled="disabled"></td>
<td width="10%"><input name="textfield354" type="text" size="8" disabled="disabled"></td>
<td width="10%"><input name="textfield364" type="text" size="10" style="visibility:hidden"></td>
<td width="38%"> </td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr bgcolor="#CCFFFF" class="row-field tabContent" id="TabContent2" style="display:none">
<td align="left"><table width="527" border="0" cellpadding="1" cellspacing="2">
<tr>
<td><table width="90%" border="0">
<tr>
<td width="21%">Compagnie</td>
<td width="19%">N°Vol</td>
<td width="20%">Départ</td>
<td width="20%">Taux</td>
<td width="20%"> </td>
</tr>
</table></td>
</tr>
<tr>
<td><table width="90%" border="1">
<tr>
<td><table width="98%" border="1" style="visibility:hidden" id="tab1">
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table></td>
</tr>
<tr>
<td><table width="99%" border="1" style="visibility:hidden" id="tab2">
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table></td>
</tr>
<tr>
<td><table width="98%" border="1" style="visibility:hidden" id="tab3">
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table></td>
</tr>
<tr>
<td><table width="98%" border="1" style="visibility:hidden" id="tab4">
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table></td>
</tr>
<tr>
<td><table width="98%" border="1" style="visibility:hidden" id="tab5">
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table></td>
</tr>
</table>
</td>
</tr>
</table></td>
</tr>
<tr bgcolor="#CCCCFF" class="row-field tabContent" id="TabContent3" style="display:none">
<td align="left"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>en cours</td>
</tr>
</table></td>
</tr>
<tr bgcolor="#E7CEFF" class="row-field tabContent" id="TabContent4" style="display:none">
<td align="left"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>en cours</td>
</tr>
</table></td>
</tr>
</table>
</div>
<div class="hr"></div>
<div style="margin:3px 3px 5px 3px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td></td>
<td align="right"><table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><input name="CMB_SAVE" type="button" id="CMB_SAVE" value="{#$LOCALE.BTN_SAVE_CAPTION#}" class="btn-ok"/></td>
<td><input name="CMB_CANCEL" type="button" id="CMB_CANCEL" value="{#$LOCALE.BTN_CANCEL_CAPTION#}" class="btn-cancel"/></td>
</tr>
</table></td>
</tr>
</table>
</div></td>
</tr>
</table>
</form>
|
|
jeudi 6 novembre 2008 à 16:53:26 |
Re : event dynamique
deazure
|
si je click sur le 1er button radio ds le 1er onglet quil affiche le 1er element ds chaque onglet
|
|
jeudi 6 novembre 2008 à 16:53:34 |
Re : event dynamique
bultez
|
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. |
|
jeudi 6 novembre 2008 à 17:18:25 |
Re : event dynamique
deazure
|
bon comment tu pe maider,je voir qe c'est par cette source que tu pe mieux voir ma preocupation
|
|
jeudi 6 novembre 2008 à 17:51:39 |
Re : event dynamique
bultez
|
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 ?
|
|
Cette discussion est classée dans : button, probleme, click, radio, 1er
 Répondre à ce message
 Sujets en rapport avec ce message
Radio Button avec If [ par LToZ ]
Bonjour à tous,je cherche à vérifier si mon radio button est cocher ou non. Et ce, avec un If.Un peu du genre:If "Btn Est Cocher" ThenSession("Variabl
click sur un bouton radio [ par Poulipe ]
Bonjour,j ai par exemple 3 boutons radio.b1b2b3tout le monde sait que sur ces 3 boutons, un seul peut etre cocher...mon pb : je voudrais que si le bo
disable/enable champ de type select dans un formulaire en fonction du choix d'un radio button [ par denisb ]
Salut la communaute Je souhaiterai connaitre la fonction JS qui me permet d'activer un champ de type select si un radio button est saisi. En fait da
probleme radio/checkbox [ par spiesalex ]
salut j'ai un petit problème en javaScript: je voudrait que en désactionnant un radio que les checkbox redevienne grisée voila mon code attention c
personnaliser un bouton radio [ par raven59300 ]
Bonjour,Mon probleme est le suivant j'ai ressament utiliser les exemple de se site ( http://www.ibilab.net/webdev/articles/Javascript/personnalisez-ch
button sous firefox [ par bossou ]
bonjour à tous.j'ai un problème avec les boutons sous firefox. lorsque je click sur mon bouton valider normalement un traitement doit s'exécuter et me
diaporama conflit setTimeout et on click [ par laser45 ]
bonsoir voila j'ai un probleme de script ( et oui ... c'est pas bien original) voici donc monn script : [code=js] ejs_photo = new Array; <? $a = 0
Radio button disabled [ par mathieumg ]
Bonjour,J'ai fais le tour des sources et des forums et aucune solution que j'ai trouvée ne convientJe veux activer les 2 radio button du groupe reg_o
radio button [ par billy67000 ]
if((document.forms["frmcr_account"].elements["str_status"] ) && (flag==true)) { alert("Le status est obligatoire."); flag=false; }
Click droit sur un element [ par Shibo_Sources ]
Salut a tous, je ne suis pas très fort en javascript (pour dire vrai je suis nul) c'est pourquoi je me permet de vous demander un petit coup de main.
 Livres en rapport
|
Derniers Blogs
 JOYEUX ANNIVERSAIRE NIXJOYEUX ANNIVERSAIRE NIX par ebartsoft
Souhaitons un bon et joyeux anniversaire à notre hôte à tous, Nix.
Je ne le répéterais jamais assez mais sans lui rien ne serait possible. Il défit en permanence les lois de la gravité et comme il le dit si bien, si tu lui fais confiance ça devra...
Cliquez pour lire la suite de l'article par ebartsoft IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITERREACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc
Une mauvaise utilisation de rx lors de l'écriture d'une couche d'accès à des services peut conduire à des cas embarassants avec des erreurs mal gérées, des appels qui ne partent lorsqu'ils le devraient, et même des résultats incorrects . le tout nuis...
Cliquez pour lire la suite de l'article par Groc
Forum
 UTILISER UN .JSUTILISER UN .JS par zaikoe
Cliquez pour lire la suite par zaikoe
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
|