<div> en fondu (javascript)

Eléphanteau du PHP | 12 Messages

14 mars 2013, 11:28

Bonjour
j'ai une petite question (JavaScript) !
je fais apparaitre des <div> les une après les autres, avec plusieurs liens.
mais j'aimerais ajouter de la fondu! que faire ? Merki d'avance! :P
<script type="text/javascript">
<!--
function switchDiv(n) {
   var id;

   switch(n) {
      case 2 : id = "ma_div_1"; break;
      case 3 : id = "ma_div_2"; break;

      }
   document.getElementById('ma_div_1').style.display = "none";
   document.getElementById('ma_div_2').style.display = "none";

   if (id!="")
   document.getElementById(id).style.display = "block";
   }
   //-->
</script>

Petit nouveau ! | 9 Messages

14 mars 2013, 12:26

Tu aimerai rajouter de la fondu???

alors, pour 4 personnes:

Ingrédients
  • 400 g de Gruyère AOC
  • râpé ou en lamelles
  • 1 gousse d'ail coupée en deux
  • 4 c. à c. de Maïzena
  • 3,5 dl de vin blanc
  • 1 c. à c. de jus de citron frais
  • 400 g de Vacherin fribourgeois
  • coupé en petits dés
  • 1 petit verre de kirsch
  • 1 pincée de poivre de Cayenne1
Préparation

Frotter le caquelon avec la gousse d'ail que vous laisserez ou non dans la fondue.

Mélanger le Gruyère AOC et la Maïzena dans le caquelon, incorporer le vin blanc et le jus de citron et porter à ébullition en remuant constamment.

Réduire l'apport de chaleur, ajouter le Vacherin fribourgeois et remuer vivement jusqu'à ce que le fromage soit fondu.

Ne plus laisser bouillir la fondue.

Ajouter le kirsch et un peu de poivre de Cayenne.

Maintenir le caquelon au chaud sur le réchaud à feu très doux.

Et voila!

Maintenant si tu souhaitais ajouter un effet fondu In/Out, je te conseil vivement de regarder du coté de jQuery qui propose tout un tas d'effet très sympathique et facile a mettre en place pour afficher/cacher des div:

Le fadeIn : http://api.jquery.com/fadeIn/
Le fadeOut: http://api.jquery.com/fadeOut/