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