formulaire + JS + Jquery ui + include php
Bonjour,
J'ai un formulaire avec un script Js pour afficher / masquer des div en fonction des choix fait dans ce formulaire, jusque là ca va.
La script fonctionne sur une page non inclus
mais si je l'inclus dans des tabs jquery, là mon script js ne fonctionne plus c'est surement une histoire de mais je ne trouve pas.
Un peu d'aide, merci
Le script js
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
| <script type="text/javascript">
function afficherAutre() {
var a = document.getElementById('cas1');
var b = document.getElementById('cas2');
if ((document.regie.field_3.value == 'Impressions' && document.regie.field_8.value == 'Chèque') || (document.regie.field_3.value == 'Abonnement') || (document.regie.field_3.value == 'Accès occasionnel') || (document.regie.field_3.value == 'Impressions dû'))
{
if (a.style.display == 'none')
a.style.display = 'block';
if ((document.regie.field_3.value == 'Impressions') || (document.regie.field_3.value == 'Abonnement') || (document.regie.field_3.value == 'Accès occasionnel'))
b.style.display = 'block';
if (document.regie.field_3.value == 'Impressions dû' && b.style.display == 'block')
b.style.display = 'none';
}
else {
a.style.display = 'none';
b.style.display = 'block';
}
}
</script> |
Le formulaire (page1.php)
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
| <form method="post" name="regie" action="index.php?page=2" enctype="application/x-www-form-urlencoded" accept-charset="UTF-8">
<p class="petit" id="fieldBox_0">
<label for="field_0">Envoyé par :</label>
<input type="text" style="text-align: right" readonly="true" name="field_0" id="field_0" value="<?php echo htmlentities(trim($_SESSION['login'])); ?>" tabindex="5" />
</p>
<p class="petit" id="fieldBox_1">
<label for="field_1">Le :</label>
<input type="text" style="text-align: right" readonly="true" name="field_1" id="field_1" value="<?php echo date('d/m/Y'); ?>" tabindex="10" />
</p>
<p class="double" id="fieldBox_2">
<label for="field_2">Dans l'espace :</label>
<select name="field_2" id="field_2" tabindex="20">
<option value="" selected="selected">Sélectionner...</option>
<option value="Bellicart">Bellicart</option>
<option value="Les Jardins">Les Jardins</option>
<option value="Pompidou">Pompidou</option>
</select>
</p>
<p class="moyen" id="fieldBox_3">
<label for="field_3">Nature du versement :</label>
<select name="field_3" id="field_3" onchange="afficherAutre()" tabindex="30">
<option value="" selected="selected">Sélectionner...</option>
<option value="Abonnement">Abonnement</option>
<option value="Accès occasionnel">Accès occasionnel</option>
<option value="Impressions">Impressions</option>
<option value="Impressions dû">Impressions dû</option>
</select>
</p>
<p class="petit" id="fieldBox_7">
<label for="field_7">Montant :</label>
<input style="text-align:right" type="text" name="field_7" id="field_7" size="10" value="" tabindex="40" /> €
</p>
<div id="cas2" style="display:block; border:0; width:100%;">
<p class="moyen" id="fieldBox_8">
<label for="field_8">En :</label>
<select name="field_8" id="field_8" onchange="afficherAutre()" tabindex="50">
<option value="" selected="selected">Sélectionner...</option>
<option value="Espèces">Espèces</option>
<option value="Chèque">Chèque</option>
</select>
</p>
</div>
<div id="cas1" style="display:none; border:0; width:100%;">
<p class="moyen" id="fieldBox_4">
<label for="field_4">Civilité :</label>
<select name="field_4" id="field_4" tabindex="60">
<option value="" selected="selected">Sélectionner...</option>
<option value="M.">M.</option><option value="Mme">Mme</option>
<option value="Melle">Melle</option>
</select>
</p>
<p class="moyen" id="fieldBox_5">
<label for="field_5">Prénom :</label>
<input type="text" name="field_5" id="field_5" size="20" value="" tabindex="70"/>
</p>
<p class="moyen" id="fieldBox_6">
<label for="field_6">Nom :</label>
<input type="text" name="field_6" id="field_6" size="20" value="" tabindex="80"/>
</p>
</div>
<p class="double" id="fieldBox_9" style="clear:both; margin-bottom:15px;">
<label for="field_9">Commentaires :</label>
<textarea name="field_9" id="field_9" value="" tabindex="90"></textarea>
</p>
<!-- end page validaton -->
<table align="center" width="200" border="0" cellspacing="0">
<tr>
<td><input id="saveForm" class="Valider" type="submit" value="Envoyer" tabindex="100" /></td>
<td><a href="index.php?page=over"><div class="Annuler" tabindex="110" ></div></a></td>
</tr>
</table>
</form> |
La page qui fait appel
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
| <script type="text/javascript">
$(function() {
$('#tabs').tabs({ event: 'click', fx: { opacity: 'toggle' } });
});
</script>
<div id="tabs">
<ul>
<li><a href="#tabs1">Déclarer</a></li>
<li><a href="#tabs2">Exporter</a></li>
<li><a href="#tabs3">Informations</a></li>
</ul>
<div id="tabs1">
<?php include('page1.php'); ?>
</div>
<div id="tabs2">
<?php include('page2.php'); ?>
</div>
<div id="tabs3">
<?php include('page3.php'); ?>
</div>
</div> |
