Concaténation variable en javascript Fermé

Question

Bonjour à tous,

Voila, j'ai un petit souci (mais génant) dans une fonction de mon code JS qui est chargée de modifier l'image d'une div pour une action donnée. Celle-ci fonctionne lorsque le nom de l'image est directement renseigné dans le JS mais lorsque je souhaite le faire passer en paramètre, cela ne fonctionne plus. D'où une erreur dans la syntaxe ou la concaténation d'après moi...

Voici la fonction JS :

function afficheIMG(nom){
    var imgPath = new String();
    imgPath = document.getElementById("imgprinc").style.backgroundImage;
		        
    if(imgPath == "")
        document.getElementById('imgprinc').style.backgroundImage = 'url('+nom+')';
    else
        document.getElementById('imgprinc').style.backgroundImage = 'url('+nom+')';	    
}

Et voici l'appel de la fonction (le paramètre $objet['nomFichier'] n'est pas vide), le lien entourne une image pour info ;)

<a href="javascript:afficheIMG('images/<?php echo $objet['nomFichier']; ?>');">

Si quelqu'un a le temps de jeter un coup d'oeil SVP ...

Merci d'avance

resalut · Accepted Answer

pk pas faire :
function afficheIMG(nom){
document.getElementById("imgprinc").innerHTML='<img src="'+nom+'" border="0" alt="img" />';

resalut · Answer

question a la con tu veut mettre l'image en fond ou juste l'afficher?

nEm3sis · Answer

salut
comme tu ne précises pas beaucoup j'ai quelques questions

1) y a il une erreur dans la console ?
2) t'as essayé de faire un alert(nom) ?
3) document.getElementById('imgprinc') existe bien ?
4) quel élément correspond à document.getElementById('imgprinc') ? la propriété backgroundimage est elle valide pour lui ?


ps : a quoi sert ton if vu que il y a la même chose dans les 2 cas ?

resalut · Answer

ca c'est de la chasse à l'erreur :)

Neil · Answer

Désolé j'étais parti manger :s

Concernant l'image je souhaite l'afficher et non en fond. 

1) Dans la console FF, j'ai le message suivant :
"Avertissement : Erreur d'analyse de la valeur pour « background-image ».  Déclaration abandonnée.". 

2) le alert(nom); me renvois bien la variable passé en paramètre.

3) Concernant document.getElementById('imgprinc'), il existe bien et fonctionne même si on lui indique le nom du fichier "en dur" (document.getElementById('imgprinc').style.backgroundImage = 'url('image.jpg)';) et non en paramètre de la fonction.

Concernant les doubles if, c'est vrai qu'ils  servaient à rien, j'ai modifié cela.

Neil · Answer

Cela fonctionne, je n'avais pas pensé à cette solution. En tout cas merci !!! 
Par contre, je comprend pas pourquoi cela ne fonctionnait pas avec l'autre façon...

Concaténation variable en javascript

6 réponses

Discussions similaires