Insérer une variable javascript dans du code html

Version imprimable

19/02/2014, 11h53
aymas

Insérer une variable javascript dans du code html
Bonjour,
j'ai une infowindow (google maps) dans laquelle je souhaite insérer une image,j'ai déjà créer une variable javascript qui récupère l'URL de cette image de la base de données, mais je sais pas comment l'insérer dans le code HTML de mon Infowindow.
Voici mon code javascript:
Code:

1 2 3 4 contentvar='<strong></strong>' +Nom+ '<br /><img src="Ma variable javascript" alt="" />' + '<br /><a href=""></a>' infowindow.setContent(contentvar);
Merci Pour votre aide.

Ben même chose que pour Nom :

Code:

1
2
3
4
5
 
contentvar='<strong></strong>' +Nom+
            '<br /><img src="'+Ma_variable_javascript+'" alt="" />' +
            '<br /><a href=""></a>'
            infowindow.setContent(contentvar);

19/02/2014, 14h50
aymas

ça marche pas cette solution
19/02/2014, 15h32
Bovino

Peut-être parce que ta variable ne s'appelle pas réellement Ma_variable_javascript... :mouarf:
19/02/2014, 15h36
aymas

Mais franchement !! crois-tu que je suis bête :/ :/
19/02/2014, 15h44
Bovino

J'en sais rien... on a déjà tout vu sur le forum...
Mais comme tu ne donnes quasiment aucune précision permettant de t'aider, il n'y a pas grand chose d'autre qui me vienne à l'esprit.

Voila j'ai une variable javascript qui s'appelle"dataMarker", elle contient des lignes de données que j'ai deja recuperer de ma base de données à l'aide de php.
voici mon code

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
var infowindow = new google.maps.InfoWindow();
var marker, i;
for (i = 0; i < s; i++) { 
    var url=dataMarker[i].url;
    marker = new google.maps.Marker({
        position: new google.maps.LatLng(lat,lng),
        map: map,
    });
    google.maps.event.addListener(marker, 'click', (function(marker, i) {
        return function() {
            contentvar='<strong></strong>' +dataMarker[i].nom+dataMarker[i].description+
                '<br /><img src="'+url+'" alt="" />' +
                '<br /><a href=""></a>'
            infowindow.setContent(contentvar);
            infowindow.open(map, marker);
        }
    })(marker, i));
}

Bonjour,

Citation:

ça marche pas cette solution

c'est clair que cela nous avance bien

Une interrogation quand même, tu écris

Code:

1
2
3
contentvar='<strong></strong>' +dataMarker[i].nom+dataMarker[i].description+
                '<br /><img src="'+url+'" alt="" />' +
                '<br /><a href=""></a>'

que vaut url au moment de l'éxécution, pourquoi ne pas mettre comme pour le reste

Code:

1
2
3
contentvar='<strong></strong>' +dataMarker[i].nom+dataMarker[i].description+
                '<br /><img src="'+dataMarker[i].url+'" alt="" />' +
                '<br /><a href=""></a>'

20/02/2014, 10h23
aymas

En fait j'ai résolu le problème :). Le nom des fichiers enregistrés dans la base de données est différent de celui enregistrés dans le serveur (/upload).

Donc Il y a un problème de formatage au niveau des noms des fichiers(images)