Simplification de code

Question

luffy44

15 May 2012 à 17:36

Bonjour,

Je tourne en rond depuis quelque semaine, étant débutant en javascript je ne sais pas trop comment faire.
Le code ci-dessous fonctionne mais peut rapidement devenir long ^^'.
J'aurai tant voulu simplifier ces quelques lignes.
Mais je n'y arrive pas.
Pourriez-vous m'aider ?

<script type="text/javascript">
var persnpax_yes = document.securpolicy.persnpax[0];
	var persnpax_no = document.securpolicy.persnpax[1];

	var ecologic_yes = document.securpolicy.ecologic[0];
	var ecologic_no = document.securpolicy.ecologic[1];

	var economic_yes = document.securpolicy.economic[0];
	var economic_no = document.securpolicy.economic[1];

	var reputation_yes = document.securpolicy.reputation[0];
	var reputation_no = document.securpolicy.reputation[1];

	var flag_yes = document.securpolicy.flag[0];
	var flag_no = document.securpolicy.flag[1];

	var symbolic_yes = document.securpolicy.symbolic[0];
	var symbolic_no = document.securpolicy.symbolic[1];

	var damagesite_yes = document.securpolicy.damagesite[0];
	var damagesite_no = document.securpolicy.damagesite[1];

	persnpax_yes.onclick = function() {
	document.getElementById("add_persnpax").style.display = "block"
	};
	persnpax_no.onclick = function() {
	document.getElementById("add_persnpax").style.display = "none"
	};

	ecologic_yes.onclick = function() {
	document.getElementById("add_ecologic").style.display = "block"
	};
	ecologic_no.onclick = function() {
	document.getElementById("add_ecologic").style.display = "none"
	};

	economic_yes.onclick = function() {
	document.getElementById("add_economic").style.display = "block"
	};
	economic_no.onclick = function() {
	document.getElementById("add_economic").style.display = "none"
	};

	reputation_yes.onclick = function() {
	document.getElementById("add_reputation").style.display = "block"
	};
	reputation_no.onclick = function() {
	document.getElementById("add_reputation").style.display = "none"
	};

	flag_yes.onclick = function() {
	document.getElementById("add_flag").style.display = "block"
	};
	flag_no.onclick = function() {
	document.getElementById("add_flag").style.display = "none"
	};

	symbolic_yes.onclick = function() {
	document.getElementById("add_symbolic").style.display = "block"
	};
	symbolic_no.onclick = function() {
	document.getElementById("add_symbolic").style.display = "none"
	};

	damagesite_yes.onclick = function() {
	document.getElementById("add_damagesite").style.display = "block"
	};
	damagesite_no.onclick = function() {
	document.getElementById("add_damagesite").style.display = "none"
	};

	if(document.getElementById('persnpax_yes').checked == true){
		document.getElementById('add_persnpax').style.display = 'block';
	}else{
		document.getElementById('add_persnpax').style.display = 'none';
	}

	if(document.getElementById('ecologic_yes').checked == true){
		document.getElementById('add_ecologic').style.display = 'block';
	}else{
		document.getElementById('add_ecologic').style.display = 'none';
	}

	if(document.getElementById('economic_yes').checked == true){
		document.getElementById('add_economic').style.display = 'block';
	}else{
		document.getElementById('add_economic').style.display = 'none';
	}

	if(document.getElementById('reputation_yes').checked == true){
		document.getElementById('add_reputation').style.display = 'block';
	}else{
		document.getElementById('add_reputation').style.display = 'none';
	}

	if(document.getElementById('flag_yes').checked == true){
		document.getElementById('add_flag').style.display = 'block';
	}else{
		document.getElementById('add_flag').style.display = 'none';
	}

	if(document.getElementById('symbolic_yes').checked == true){
		document.getElementById('add_symbolic').style.display = 'block';
	}else{
		document.getElementById('add_symbolic').style.display = 'none';
	}

	if(document.getElementById('damagesite_yes').checked == true){
		document.getElementById('add_damagesite').style.display = 'block';
	}else{
		document.getElementById('add_damagesite').style.display = 'none';
	}
</script>

Ce que j'imagine est quelque chose comme cela

function XXX(name){
        var name_yes = document.securpolicy.name[0];
	var name_no = document.securpolicy.name[1];

	name_yes.onclick = function() {
	document.getElementById("add_name").style.display = "block"
	};
	name_no.onclick = function() {
	document.getElementById("add_name").style.display = "none"
	};

        if(document.getElementById('name_yes').checked == true){
		document.getElementById('add_name').style.display = 'block';
	}else{
		document.getElementById('add_name').style.display = 'none';
	}
}

Voila les fonction pour afin de simplifier un peu le formulaire donc si on peut faire un fusion des deux cela serait encore mieux ^^.

function yes_no($name1){
		echo '<input type="radio" name="'.$name1.'" value="'.$name1.'_yes" id="'.$name1.'_yes"';
		if (isset($_POST[$name1])){ 
			if ($_POST[$name1] == $name1.'_yes'){ 
				echo "checked"; 
			} 
		}
		echo '/><label for="'.$name1.'_yes">'._YES.'</label></br>
		<input type="radio" name="'.$name1.'" value="'.$name1.'_no" id="'.$name1.'_no"';
		if (isset($_POST[$name1])){ 
			if ($_POST[$name1] == $name1.'_no'){ 
				echo "checked"; 
			} 
		}
		echo '/><label for="'.$name1.'_no">'._NO.'</label></br>';
	}

function choix($name1,$name2){
		echo '<input type="radio" name="'.$name1.'_'.$name2.'" value="'.$name1.'_'.$name2.'_cata" id="'.$name1.'_'.$name2.'_cata"';
		if (isset($_POST[$name1.'_'.$name2])){ 
			if ($_POST[$name1.'_'.$name2] == $name1.'_'.$name2.'_cata'){ 
				echo "checked"; 
			} 
		}
		echo'/><label for="'.$name1.'_'.$name2.'_cata">'._CATA.'</label></br>
		<input type="radio" name="'.$name1.'_'.$name2.'" value="'.$name1.'_'.$name2.'_sign" id="'.$name1.'_'.$name2.'_sign"';
		if (isset($_POST[$name1.'_'.$name2])){ 
			if ($_POST[$name1.'_'.$name2] == $name1.'_'.$name2.'_sign'){ 
				echo "checked"; 
			} 
		}
		echo'/><label for="'.$name1.'_'.$name2.'_sign">'._SIGN.'</label></br>
		<input type="radio" name="'.$name1.'_'.$name2.'" value="'.$name1.'_'.$name2.'_mod" id="'.$name1.'_'.$name2.'_mod"';
		if (isset($_POST[$name1.'_'.$name2])){ 
			if ($_POST[$name1.'_'.$name2] == $name1.'_'.$name2.'_mod'){ 
				echo "checked"; 
			} 
		}
		echo'/><label for="'.$name1.'_'.$name2.'_mod">'._MOD.'</label></br>
		<input type="radio" name="'.$name1.'_'.$name2.'" value="'.$name1.'_'.$name2.'_unimp" id="'.$name1.'_'.$name2.'_unimp"';
		if (isset($_POST[$name1.'_'.$name2])){ 
			if ($_POST[$name1.'_'.$name2] == $name1.'_'.$name2.'_unimp'){ 
				echo "checked"; 
			} 
		}
		echo' /><label for="'.$name1.'_'.$name2.'_unimp">'._UNIMP.'</label></br>';
	}

Et voila le formulaire avec le style css

<style type="text/css">
	#add_persnpax, #add_ecologic, #add_economic, #add_reputation, #add_flag, #add_symbolic, #add_damagesite{ 
		display: none; 
	}
</style>
<h1>Security policy</h1>
<form class="survey" name="securpolicy" method="post" action="<?php echo Router::url('pages/membre_index/survey/securitypolicy');?>">
	<p><strong><?php echo _PSP1?></strong></p>
	<h3><?php echo _PSP2?></h3>

	<p><?php echo _PSP3?><br />
	   <?php $this->Form->yes_no('persnpax');?>
	</p>
		    
<div id="add_persnpax" class="main">
	<p><?php echo _PSP4?><br /><?php echo _PSP5?></p>
	<table>
	    <tr>
	    	<td>
	  		 	<table>
				    <caption><?php echo _PSP6?></caption>
				    <tr>
				   		<th></th>
				   		<th><?php echo _PASSEN?></th>
				   		<th><?php echo _CREW?></th>
				   		<th><?php echo _LOCPO?></th>
				   	</tr>
				   	<tr>
			    		<th><?php echo _MOD?></th>
			    		<td><input type="text" name="injumodpax" /></td>
			    		<td><input type="text" name="injumodcrew" /></td>
			    		<td><input type="text" name="injumodlocpop" /></td>						    	
			    	</tr>
				    <tr>
				    	<th><?php echo _SIGN?></th>
				   		<td><input type="text" name="injusignpax" /></td>
				   		<td><input type="text" name="injusigncrew" /></td>
				   		<td><input type="text" name="injusignlocpop" /></td>		
				   	</tr>
			    	<tr>
			    		<th><?php echo _CATA?></th>
			    		<td><input type="text" name="injucatapax" /></td>
			    		<td><input type="text" name="injucatacrew" /></td>
			    		<td><input type="text" name="injucatalocpop" /></td>		
				    </tr>
				</table>
			</td>
			<td>
				<table>
				   	<caption><?php echo _PSP7?></caption>
				   	<tr>
				   		<th></th>
				   		<th><?php echo _PASSEN?></th>
				   		<th><?php echo _CREW?></th>
				   		<th><?php echo _LOCPO?></th>
			    	</tr>
			    	<tr>
			    		<th><?php echo _MOD?></th>
				    	<td><input type="text" name="deadmodpax" /></td>
				   		<td><input type="text" name="deadmodcrew" /></td>
				   		<td><input type="text" name="deadmodlocpop" /></td>		
				   	</tr>
				   	<tr>
			    		<th><?php echo _SIGN?></th>
			    		<td><input type="text" name="deadsignpax" /></td>
			    		<td><input type="text" name="deadsigncrew" /></td>
			    		<td><input type="text" name="deadsignlocpop" /></td>		
			    	</tr>
				    <tr>
				    	<th><?php echo _CATA?></th>
				    	<td><input type="text" name="deadcatapax" /></td>
				    	<td><input type="text" name="deadcatacrew" /></td>
				    	<td><input type="text" name="deadcatalocpop" /></td>		
				    </tr>
				</table>
			</td>
		</tr>
	</table>
</div>
	
<p> <?php echo _PSP8?><br />
	<?php $this->Form->yes_no('ecologic');?>
</p>

<div id="add_ecologic" class="main">
	<p><?php echo _PSP9?></p>
	<p><?php echo _PSP10?><br />
	   <?php $this->Form->choix('ecologic','mod');?>
	</p>
	<p> <?php echo _PSP11?><br />
		<?php $this->Form->choix('ecologic','sign');?>
	</p>
	<p><?php echo _PSP12?><br />
		<?php $this->Form->choix('ecologic','cata');?>
	</p>
</div>
		    
<p><?php echo _PSP13?><br />
	<?php $this->Form->yes_no('economic');?>
</p>
		
<div id="add_economic" class="main">
	<p><?php echo _PSP14?><br /><?php echo _PSP15?></p>
	<table>
		<tr>
		    <th><?php echo _CATA?>:</th>
		   		<td><input type="text" name="economic_cata" /> $</td>
		</tr>
		<tr>
		    <th><?php echo _SIGN?>:</th>
		    	<td><input type="text" name="economic_sign" /> $</td>
		</tr>
		<tr>
		    <th><?php echo _MOD?>:</th>
		   		 <td><input type="text" name="economic_mod" /> $</td>
		 </tr>
	</table>
</div>
		    
<p><?php echo _PSP16?><br />
   <?php $this->Form->yes_no('reputation');?>
</p>
		    
<div id="add_reputation" class="main">
	<p><?php echo _PSP17?></p>
		    	
	<p><?php echo _PSP18?><br />
		<?php $this->Form->choix('reput','bypax');?>
	</p>
		    		    	
	<p><?php echo _PSP19?><br />
	   <?php $this->Form->choix('reput','bypartners');?>
	</p>
		    	
	<p><?php echo _PSP20?><br />
	   <?php $this->Form->choix('reput','regmedia');?>
	</p>
		    	
	<p><?php echo _PSP21?><br />
		<?php $this->Form->choix('reput','natmedia');?>
	</p>
		    		    	
	<p><?php echo _PSP22?><br />
		<?php $this->Form->choix('reput','internatmedia');?>
	</p>
</div>

<p><?php echo _PSP23?><br />
   <?php $this->Form->yes_no('flag');?>
</p>
		    
<div id="add_flag" class="main">
	<p><?php echo _PSP24?></p>
		    	
	<p><?php echo _PSP25?><br />
	   <?php $this->Form->choix('disstate','loc');?>
	</p>
		    		    	
	<p><?php echo _PSP26?><br />
		<?php $this->Form->choix('disstate','nat');?>
	</p>
		    	
	<p><?php echo _PSP27?><br />
	   <?php $this->Form->choix('disstate','internat');?>
	</p>
		    	
	<p><?php echo _PSP28?><br />
		<?php $this->Form->choix('detstate','loc');?>
	</p>
		    		    	
	<p><?php echo _PSP29?><br />
	   <?php $this->Form->choix('detstate','nat');?>
	</p>
		    	
	<p><?php echo _PSP30?><br />
	   <?php $this->Form->choix('detstate','internat');?>
	</p>
</div>
		    
	<p><?php echo _PSP31?><br />
	   <?php $this->Form->yes_no('symbolic');?>
	</p>
		    
<div id="add_symbolic" class="main">
	<p><?php echo _PSP32?></p>
		    	
	<p><?php echo _PSP33?><br />
	   <?php $this->Form->choix('detsymb','');?>
	</p>
		    		    	
	<p><?php echo _PSP34?><br />
	   <?php $this->Form->choix('destrusymb','');?>
	</p>
		    	
	<p><?php echo _PSP35?><br />
	   <?php $this->Form->choix('detsymb','country');?>
	</p>
		    	
	<p><?php echo _PSP36?><br />
	   <?php $this->Form->choix('destrusymb','country');?>
	</p>
</div>
		    
<p><?php echo _PSP37?><br />
   <?php $this->Form->yes_no('damagesite');?>
</p>
		    
<div id="add_damagesite" class="main">
	<p><?php echo _PSP38?></p>
		    	
	<p><?php echo _PSP39?><br />
	   <?php $this->Form->choix('dis','firm');?>
	</p>
		    		    	
	<p><?php echo _PSP40?><br />
	   <?php $this->Form->choix('dis','town');?>
	</p>
		    	
	<p><?php echo _PSP41?><br />
	   <?php $this->Form->choix('dis','county');?>
	</p>
</div>
		    
 <input type="submit" value="<?php echo _VPSP?>" />
 <a href="<?php echo Router::url('pages/membre_index');?>"> <input type="button" name="bt_home" value="<?php echo _HOME?>"/> </a>
</form>

Merci de l'aide que vous pourrez m'apportez Smiley langue

(de la part d'un petit nooby Smiley confused

)
Modifié par luffy44 (15 May 2012 - 17:44)

monkey_monk

16 May 2012 à 10:48

Hello,

ce n'est pas grand chose mais tu peux déjà utiliser quelque chose comme ceci :

var $ = function(search){
	return document.getElementById(search);
}
, display = function(search, flag){
	if(flag)	$(search).style.display = 'block';
	else	$(search).style.display = 'none';
}
, isChecked = function(search){
	return !!$(search).checked;
};

Bon boulot ! Smiley cligne

luffy44

16 May 2012 à 11:08

Merci de ta réponse monkey_monk.

Ce code sert bien a afficher ou non les div add en fonction du click sur le bouton yes ou si il est checked. (Après l'envoie du formulaire ou le retour sur la page et lorsque on est sur la page en cours)

Je suis vraiment pas doué en javascript je doit insérer cela ou et comment ? Smiley confus

Désolé pour ma lenteur d'esprit mais j'ai trop peut connaissance en javascript (je viens juste de commencer Smiley sweatdrop

).

Merci de l'attention que vous portez à mon poste Smiley langue

monkey_monk

16 May 2012 à 11:48

a écrit :
var $ = function(search){
return document.getElementById(search);
}
, display = function(search, flag){
if(flag) $(search).style.display = 'block';
else $(search).style.display = 'none';
}
, isChecked = function(search){
return !!$(search).checked;
};

Servira a remplacer tes appels dans ton code, ex :


persnpax_yes.onclick = function() {
	display("add_persnpax", true);
};
// ou encore
if(isChecked('persnpax_yes')){
	display('add_persnpax', true);
}else{
	display('add_persnpax', false);
}

Pour le reste, je pense qu'il serait mieux de tabler sur des contextes HTML, c-à-d. utiliser la parenté et des classes pour être générique.

Tu pourrais par exemple utiliser une classe pour identifier tes yes/no et utiliser une valeur de ces éléments pour savoir quoi afficher. Ex:


var getElementsByClassName = function(classname, tag){
	var tags = document.getElementsByTagName(tag ? tag : '*'),
		n = tags.length,
		elements = [],
		regexp = new RegExp("\\b" + classname + "\\b", "g");

	for(var i = 0; i < n; i++){
		if(regexp.test(tags[i].className))	elements.push(tags[i]);
	}
	return elements;
}
, each = function(el, fun){
	var o = Object(el);
	for (var i = 0; i < o.length >>> 0; i++) {
		if(i in t)	fun.call(this, i, o);
	}
};

/*
economic_yes.onclick = function() {
	document.getElementById("add_economic").style.display = "block"
};
*/
each(getElementsByClassName('yes'), function(n, el){
	el.onclick = function(){
		display('add_' + this.id, true);
	};
});

/*
economic_no.onclick = function() {
	document.getElementById("add_economic").style.display = "none"
};
*/
each(getElementsByClassName('no'), function(n, el){
	el.onclick = function(){
		display('add_' + this.id, false);
	};
});

C'est du rapide mais ça devrait être dans ce gout là ! Smiley cligne

[/i][/i]

luffy44

16 May 2012 à 14:00

Heu ... j'ai essayer le premier code, il marche pour le checked, mais pas pour le click. Je click sur yes rien s'affiche, j'envoie le formulaire, la le texte s'affiche, j'appuie sur no le texte reste ect ...

Donc pour moi le problème vient de la detection du click.

Mais bon cela simplifie pas vraiment et dès que j'essaye de l'implémenter dans la function yes_no comme ceci à la fin, cela marche plus du tout.

echo '<script type="text/javascript">
		'.$name1.'_yes.onclick = function() {
			 	display("add_'.$name1.'", true);
			};
			// ou encore
		if(isChecked("add_'.$name1.'")){
			display("add_'.$name1.'", true);
		}else{
		display("add_'.$name1.'", false);
		}
		</script>';

Sinon tu me perturbe encore plus avec ton deuxième code, je le comprends encore moins peut être me conviendrait-il mieux mais je voit pas comment l'utiliser. (l'autre je commence à peine à comprendre, mais bon j'aurais jamais pu le faire sans toi Smiley sweatdrop

)

En gros cela recherche cela regarde si l'id se termine par _yes, c'est cela ?

monkey_monk

16 May 2012 à 14:50

Je conçois bien que c'est un peu compliqué... surtout que je n'ai absolument pas vérifier... et donc qu'il y a surement des bugs ! ^^'

Donc, je reprends depuis le début.

var $ = function(search){
	return document.getElementById(search);
} // ec: $("monId")
, display = function(search, flag){
	if(flag)	$(search).style.display = 'block';
	else	$(search).style.display = 'none';
} // ex: display("monId", true)
, isChecked = function(search){
	return !!$(search).checked;
} // return true/false
, getElementsByClassName = function(classname, tag){
	var tags = document.getElementsByTagName(tag ? tag : '*'),
		n = tags.length,
		elements = [],
		regexp = new RegExp("\\b" + classname + "\\b", "g");

	for(var i = 0; i < n; i++){
		if(regexp.test(tags.className))	elements.push(tags[i]);
	}
	return elements;
} // retourne une collection d'éléments ayant la classe "classname" ("tag" sert à préciser la balise recherchée)
, each = function(el, fun){
	var o = Object(el);
	for (var i = 0; i < o.length >>> 0; i++) {
		if(i in t)	fun.call(this, i, o);
	}
} // exécute "fun" pour chaque "el"
, addEvent = (function(){
	var filter = function(el, type, fn){
		for(var i = 0, len = el.length; i < len; i++){
			addEvent(el[i], type, fn);
		}
	};
	if(document.addEventListener){
		return function(el, type, fn){
			if(el && el.nodeName || el === window){
				el.addEventListener(type, fn, false);
			} else if(el && el.length){
				filter(el, type, fn);
			}
		};
	}
 
	return function(el, type, fn){
		if(el && el.nodeName || el === window){
			el.attachEvent('on' + type, function(){return fn.call(el, window.event);});
		} else if(el && el.length){
			filter(el, type, fn);
		}
	};
})(); // ex: addEvent(document.getElementsByTagName('a'), 'click', fn);


//!\ début de la gestion du formulaire
each(getElementsByClassName('yes'), function(){
	addEvent(el, 'change', function(){
		display('add_' + this.name), true);
	});
}); // affice

each(getElementsByClassName('no'), function(){
	addEvent(el, 'change', function(){
		display('add_' + this.name), false);
	};
}); // cache

et l'HTML serait de ce genre :

<label for="ecologic_yes"><input type="radio" name="ecologic" value="ecologic_yes" id="ecologic_yes" class="yes"/> YES</label></br>
<label for="ecologic_no"><input type="radio" name="ecologic" value="ecologic_no" id="ecologic_no" class="no"/> NO</label></br>

J'espère que ça t'aide un chouya parce que je suis pas super concentré je t'avoue ! ^^'[/i][/i]

luffy44

16 May 2012 à 16:29

sa marche pas, mais cela doit être parce que j'ai oublier quelque chose, j'ai un peu mal avec le javascript car il dit pas ou sa plante donc pour debugger j'ai un peu mal Smiley sweatdrop

Donc j'ai implenter le gros bout de code en fin de mon formulaire ou au début (cela ne change rien, d'ailleurs je comprends pas trop pourquoi avec mon code je doit le mettre à la fin car je penser que n'importe ou on le mettais cela faisait la même chose).

Et j'ai rajouter dans les htlm la classe no et yes.

Donc il ne détecte pas le checked, ni le click. Comme fait tu pour débugger le javascript toi ? Car cela m’embête un peu t'accaparer tout ton temps x)

Et oui du m'aide beaucoup, toute les pistes sont bonnes à prendre.

"Toute notre vie consiste à apprendre et à oublier."
« Le difficile n’est pas d’apprendre ce qu’on ne sait pas, c’est d’apprendre ce qu’on sait. »
« Tout apprendre, non point pour l’afficher, mais pour s’en servir. »
« On ne devient grand qu'à apprendre d'un maître. »

Tu augmente ma connaissance (bon cela n'est pas dur car je connait pas grand chose mais bon ...) Merci Smiley smile

Modifié par luffy44 (16 May 2012 - 16:45)

monkey_monk

16 May 2012 à 20:01

Hello,

je viens de repasser rapidement dans ce que j'ai écrit tout à l'heure... et effectivement, il y avait pas mal de bug ! Voici la version corrigée :

var $ = function(search){
	return document.getElementById(search);
} // ec: $("monId")
, display = function(search, flag){
	if(flag)	$(search).style.display = 'block';
	else	$(search).style.display = 'none';
} // ex: display("monId", true)
, isChecked = function(search){
	return !!$(search).checked;
} // return true/false
, getElementsByClassName = function(classname, tag){
	var tags = document.getElementsByTagName(tag ? tag : '*')
	, n = tags.length
	, elements = []
	, regexp = new RegExp("\\b" + classname + "\\b", "g");
	for(var i = 0; i < n; i++){
		if(regexp.test(tags.className))    elements.push(tags);
	}
	return elements;
} // retourne une collection d'éléments ayant la classe "classname" ("tag" sert à préciser la balise recherchée)
, each = function(el, fun){
	var o = Object(el);console.log(el);
	for(var i = 0; i < o.length; i++){
		if(i in o)	fun.call(this, i, o);
	}
} // exécute "fun" pour chaque "el"
, addEvent = (function(){
	var filter = function(el, type, fn){
		for(var i = 0, len = el.length; i < len; i++){addEvent(el[i], type, fn);}
	};
	if(document.addEventListener){
		return function(el, type, fn){
			if(el && el.nodeName || el === window)	el.addEventListener(type, fn, false);
			else if(el && el.length)	filter(el, type, fn);
		};
	}
	return function(el, type, fn){
		if(el && el.nodeName || el === window)	el.attachEvent('on' + type, function(){return fn.call(el, window.event);});
		else if(el && el.length)	filter(el, type, fn);
	};
})(); // ex: addEvent(document.getElementsByTagName('a'), 'click', fn);

//!\ début de la gestion du formulaire
each(document.getElementsByClassName('yes'), function(){
	addEvent(this, 'click', function(){
		display('add_' + this.name, true);
	});
}); // affice

each(document.getElementsByClassName('no'), function(){
	addEvent(this, 'change', function(){
		display('add_' + this.name, false);
	});
}); // cache

Pour ta question sur le debug Javascript... en général, je me contente de faire des console.log('mon message ou ma variable'); ou des alert() en sondant étape par étape !

Bon courage ![/i]
Modifié par monkey_monk (16 May 2012 - 20:01)

luffy44

17 May 2012 à 19:13

Hum j'ai essayé ce nouveau code. Avec la méthode de débug.

J'ai mis des message a a peu pret tous les endroits et aucun message s'affiche, il ne passerait nulle part Smiley sweatdrop

.

La corde n'est pas loin je pense x). Mais g^race a toi même si j'y arrive pas je comprends de plus en plus le javascript ^^.

Sujet clos