formulaire + JS + Jquery ui + include php

**fahdo** · 04/08/2010, 15h26

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.div

mais je ne trouve pas.

Un peu d'aide, merci

Le script js

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>