Discussion :

[spawns]

Slt à tous,
comme je suis newbie en javascript peut etre que ma question va paraitre C...

Je voudrais faire apparaite un image en fonction d'une fonction. Je ne sais pas si la symtaxe est bonne.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
function protamp()
{
var tamp1=("recev.png");
var tamp2=("etude.png");
if(formu.proendet.value<50){
var tamp=tamp1;
}else{
var tamp=tamp2;
}
}

apres je voudrais faire apparaitre la variable tamp en fonction du résultat dans une balise classique <img src="......." alt="" />

Comment faut t'on ???
Merci d'avance de votre aide

[le_chomeur]

salut , je ne sais pas a quel moment tu appel ta fonction mais ça ressemble a ça :
coté html :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img src="default.jpg" id="monimage" />

coté javascript :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
function protamp()
{
var tamp1="recev.png";
var tamp2="etude.png";
if(formu.proendet.value<50){
document.getElementById('monimage').src = tamp1;
}else{
document.getElementById('monimage').src = tamp2;
}
}

[SpaceFrog]

sauf que cela entrainera un temps de chargement de l'image ...

je proposerais plutot un preload:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
function protamp()
{
var tamp1=nex Image();
tamp1.src="recev.png";
var tamp2=new Image();
tamp2.src="etude.png";
if(formu.proendet.value<50){
document.getElementById('monimage').src = tamp1.src;
}else{
document.getElementById('monimage').src = tamp2.src;
}
}

[spawns]

d'accord mais je mes quoi comme valeur
à la place de "defaut.jpg".

[le_chomeur]

l'image que tu souhaites au départ :-/

[spawns]

Il n'y en a pas au depart,
c'est dans un form que l'internaute rempli
Cela se rempli automatiquement. car au depart on ne sais pas si le resultat dans la cellule va etre < ou >.

[spawns]

Finalement je vais creer une image vide en attendant.
cela fonctionnera

[le_chomeur]

dans ce cas la tu la masque :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img src="default.jpg" id="monimage" style="display:none" />

puis dans la méthode :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
function protamp()
{
var tamp1=nex Image();
tamp1.src="recev.png";
var tamp2=new Image();
tamp2.src="etude.png";
document.getElementById('monimage').style.display = "block";
if(formu.proendet.value<50){
document.getElementById('monimage').src = tamp1.src;
}else{
document.getElementById('monimage').src = tamp2.src;
}
}

[SpaceFrog]

peut être modifier le src avant le display ...