Charger 2 iframe différent par le même bouton

Bonjour à tous.

Je me tourne vers vous pour trouver une solution à mes besoins.

Je suis novice en programation, donc vous trouverez surement t'elle ou t'elle ligne.

Voila ce que je voudrais obtenire, "faire charger en même temps 2 iframes différents en activant un seul et même bouton".

Avec ces codes, l'i1 marche parfaitement bien, mais je ne sais pas ou implanteter "<a href="cours-categorie.html" target="i2" >"

Mon bouton :
<div id="cours">
<a href="cours-accueil.html" target="i1" > <img border="0" onmouseover="this.src='graphisme/cours-neon.png'" onmouseout="this.src='graphisme/cours-neon.png'" src="graphisme/cours-neon.png"></a>
</div>

Iframe i1 :
<div id="corps">
<IFRAME name="i1" scrolling="0" SRC="accueil.html" border=0 frameborder=0 height=566 width=657>Test</IFRAME>
</div>

Iframe i2 :
<div id="menu-gauche">
<IFRAME name="i2" scrolling="0" SRC="cours-categorie.html" border=0 frameborder=0 height=240 width=209 =>Test</IFRAME>
</div>