[Javascript] comment remplacer une image ouverte???

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [Javascript] comment remplacer une image ouverte???

mjcom

le savoir est universel

Salut!
Quand j'execute mon script et je clic sur un lien, mon graphique s'affiche, mais je veux afficher un autre graphe quand je clic sur un autre lien. Le probleme c'est que je ne veux pas le nouveau graphique à coté de l'ancien mais à la place de celui-ci. Donc quand je clic sur un lien le nouveau graphe doit remplacer l'autre.
Merci. J'espere avoir été clair.

Code :

// JavaScript Document
function graph_france(chart)
{
var graph = document.getElementById(chart);
if(chart == "cac_graph" && graph.innerHTML == "" )
{graph.innerHTML = "<div><img src='http://fr.ichart.yahoo.com/t?s=^FCHI' width='200' height='120' style='border-color:#368EBE; border:1px solid;'alt='Chart CAC 40' /></div>";}
else if(chart == "cacnext20_graph" && graph.innerHTML == "" )
{graph.innerHTML = "<div><img src='http://fr.ichart.yahoo.com/t?s=^FCHI' width='200' height='120' style='border-color:#368EBE; border:1px solid;' alt='Chart CACNEXT 20'/></div>"; }
else if(chart == "itcac_graph" && graph.innerHTML == "" )
{graph.innerHTML = "<div><img src='http://fr.ichart.yahoo.com/t?s=^FCHI' width='200' height='120' style='border-color:#368EBE; border:1px solid;' alt='Chart ITCAC 50'/></div>";}
else if(chart == "sbf80_graph" && graph.innerHTML == "" )
{graph.innerHTML = "<div><img src='http://fr.ichart.yahoo.com/t?s=^FCHI' width='200' height='120' style='border-color:#368EBE; border:1px solid;' alt='Chart SBF 80'/></div>";}
else if(chart == "sbf120_graph" && graph.innerHTML == "" )
{graph.innerHTML = "<div><img src='http://fr.ichart.yahoo.com/t?s=^FCHI' width='200' height='120' style='border-color:#368EBE; border:1px solid;'alt='Chart SBF 120' /></div>";}
else if(chart == "sbf250_graph" && graph.innerHTML == "" )
{graph.innerHTML = "<div><img src='http://fr.ichart.yahoo.com/t?s=^FCHI' width='200' height='120' style='border-color:#368EBE; border:1px solid;' alt='Chart SBF 250'/></div>";}
else if(chart == "mid_graph" && graph.innerHTML == "" )
{graph.innerHTML = "<div><img src='http://fr.ichart.yahoo.com/t?s=^FCHI' width='200' height='120' style='border-color:#368EBE; border:1px solid;' alt='Chart MIDCAPS'/></div>";}
else if(chart == "small_graph" && graph.innerHTML == "" )
{graph.innerHTML = "<div><img src='http://fr.ichart.yahoo.com/t?s=^FCHI' width='200' height='120' style='border-color:#368EBE; border:1px solid;' alt='Chart SMALLCAPS'/></div>";}
else if(chart == "alternext_graph" && graph.innerHTML == "" )
{graph.innerHTML = "<div><img src='http://fr.ichart.yahoo.com/t?s=^FCHI' width='200' height='120' style='border-color:#368EBE; border:1px solid;' alt='Chart ALTERNEXT'/></div>";}
else if(chart == "vix1_graph" && graph.innerHTML == "" )
{graph.innerHTML = "<div><img src='http://fr.ichart.yahoo.com/t?s=^FCHI' width='200' height='120' style='border-color:#368EBE; border:1px solid;' alt='Chart VIX1'/></div>";}
else if(chart == "vix6_graph" && graph.innerHTML == "" )
{graph.innerHTML = "<div><img src='http://fr.ichart.yahoo.com/t?s=^FCHI' width='200' height='120' style='border-color:#368EBE; border:1px solid;' alt='Chart VIX6'/></div>";}
else graph.innerHTML = "";
}

et dans ma page j'ai mis un <span id=".."></span>

Code :

<tr onmouseover="this.className='sur'" onmouseout="this.className='hors'">
<td><a href="javascript:graph_france('cac_graph')" class="graph">CAC 40</a></td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td>
</tr>
....
<table align="center" cellspacing="0">
<tr>
<td><span id="cac_graph"></span></td><td><span id="cacnext20_graph"></span></td>
<td><span id="itcac_graph"></span></td><td><span id="sbf80_graph"></span></td>
<td><span id="sbf120_graph"></span></td><td><span id="sbf250_graph"></span></td>
<td><span id="mid_graph"></span></td><td><span id="small_graph"></span></td>
<td><span id="alternext_graph"></span></td><td><span id="vix1_graph"></span></td>
<td><span id="vix6_graph"></span></td>
</tr>
</table>

Message édité par mjcom le 20-12-2006 à 14:52:44

---------------
[:bossik]

Publicité

FlorentG

Unité de Masse

Oh mon dieu

mjcom

le savoir est universel

et oui je suis un zero en JS

---------------
[:bossik]

bixibu

Ca ... c'est fait!

Oula oula, bon dans l`ordre :

pour changer la source d`une image :

Code :

<img id='mon_image' src='toto.jpg' />
<a onclick="document.getElementById('mon_image').src = 'images/llimagequetuveux.jpg'; ">

il ya d`autre methode pour par exemple, precharger les autre images mais je te laisse chercher sur google.

Ensuite, au lieu de faire suivre 20000 elseif, il ya une forme algorythmique toute faite pour ce genre d`utilisation.. :
(mais tu pourrais tout aussi bien utiliser un tableau associatif ou c`que tu veux)

Code :

var new_img;
switch (chart)
{
case 'cac_graph':
new_img ='img1.jpg'
break;
case 'cacnext20_graph':
new_img ='img2.jpg'
break;
... ect ...
default:
//Instruction_par_défaut
img_new = '';
break;
}
//puis le truc d`au dessus :
document.getElementById('mon_image').src = new_img;

Appliques ca, tu devrais y arriver

mjcom

le savoir est universel

merci bcp!!!

---------------
[:bossik]

FORUM HardWare.fr

Programmation

HTML/CSS

[Javascript] comment remplacer une image ouverte???

Sujets relatifs
javascript Greasemonkey : problème de perfo ?	javascript et ie 7
Resize d'image	[Javascript] Formulaire dans formulaire accessible ?
[Javascript] la fonction charAt(); [résolu]	Problème de soumission d'un formulaire par une image
[Javascript] Question de noob sur les evenements (premier code Javascr	Javascript: retrouver la méthode d'envoi de paramètres
Image map à choix multiple	Texte dynamique sur image
Plus de sujets relatifs à : [Javascript] comment remplacer une image ouverte???

Page générée en 0.091 secondes