Comportement de html

Version imprimable

Bonjour/ bonsoir,

J'ai affaire à un drôle de comportement avec la fonction HTML que je ne m'explique pas:

Code:

1
2
3
4
5
6
7
8
9
10
11
$('#formChoiceSection').live('submit',function(e){
var section = $(this).find('#sections').val();
$('#section').attr('value', section);
$('#formChoiceSection').fadeOut('normal', function(){
$('#contentSection').html('<p class="warning">Vous allez maintenant \n\
transférer un ou plusieurs comptes dans la section "'+section+'". Etes-vous sûr \n\
de vouloir faire cela ?</p><input type="submit" name="validTransfert" id="validTransfert" \n\
value="Ok!">');
});
 e.preventDefault();
});

Une fois sur deux, parfois sur trois, le paragraphe n'apparaît pas...
Tout le code précédent est effectif... le code HTML correspondant:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div id="contentSection">
  <form name="formChoiceSection" id="formChoiceSection" method="post">
    <label>
      <select name="sections" id="sections">
        <option value="" selected="selected"></option>
        <?php $fonctionCRM->listeSections(); ?>
      </select>
    </label>
    <label>
      <input type="submit" name="chooseSection" id="chooseSection" value="Ok">
      </input>
    </label>
  </form>
</div>

A votre avis, d'où cela peut venir ?
Merci,

10/02/2012, 16h00
NoSmoking

Bonjour,
ce que je ne comprend pas c'est ta logique
tu remplaces le contenu de la DIV par un texte et un INPUT type submit qui ne submiterra rien puisque la FORM n'existe plus :koi:
10/02/2012, 16h13
yann18

Je comprends... Ce bouton déclenche la soumission d'un autre formulaire qui se situe à un autre endroit de la page. Une autre portion de java-script gère cette soumission.

Citation:

ce que je ne comprend pas c'est ta logique

En effet ! J'ai transformé le problème comme ci-dessous ce matin, mais je n'ai pas eu le temps de le poster depuis lors.

Code:

p.warning, #chooseSection { display:none; }

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<div id="contentSection">
	<form id="formChoiceSection" name="formChoiceSection" method="post">
		<p class="warning">Vous allez maintenant transférer un ou plusieurs comptes dans la section <span id="nbSection"></span>. Etes-vous sûr de vouloir faire cela ?</p>
		<input id="chooseSection" type="submit" name="chooseSection" value="Ok" />
		<label for="sections"> Sections :
			<select id="sections" name="sections">
				<option value="24" selected="selected">24</option>
				<option value="42">42</option>
				<option value="42 - 24">42 - 24</option>
			</select>
		</label>
		<label for="validTransfert"> Transfert :
			<button id="validTransfert">Envoyer</button>
		</label>
	</form>
</div>

Code:

1
2
3
4
5
6
7
8
9
10
11
$( "#validTransfert" ).click( function(){
	$( "label", "#formChoiceSection" ).fadeOut( 'slow' );
	$( "#nbSection" ).text( $('#sections').val() );
	$( "p.warning, #chooseSection" ).fadeIn( "slow" );
	return false;
});
 
$( "#formChoiceSection" ).submit( function(){
	console.log( "C'est d'accord !" );
	return false; // true pour autoriser l'envoi
});