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>