Discussion :

[BOYER.M]

Bonjour,

Après des recherches sur le net je viens vers vous pour tenter de résoudre mon soucis. Je souhaite appeler une variable javascript dans du html, une div de JQuery.

La div : code où je souhaite insérer la variable qui correspond à la source de la photo sur le téléphone.

Code html :

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

1
2
3
4
<div data-role="popup" id="popupPhoto" data-overlay-theme="a" data-theme="d" data-corners="false">
    <a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Fermer</a>
    <img class="popphoto" src='cheminphoto' style="max-height:512px;" alt="Paris, France">
</div>

La fonction javascript : La variable que je souhaite appeler est "cheminphoto", elle correspond au chemin où la photo est enregistrée sur le smartphone, enregistrer sur dans une table Sqlite sur le téléphone. (table créée à chaque ouverture de l'application).

Code :

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

1
2
3
4
5
function succesphoto(imageURI) {
    cheminphoto=imageURI;
    tempx=x;
    tempy=y;
}

Où est situé le "bouton", en l'occurence une image, pour ouvrir en grand la photo dans un popup :

Code :

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

1
2
3
L.marker([tempx,tempy], {icon : iconephoto})
    .addTo(points_photos)
    .bindPopup('<a href="#popupParis" data-rel="popup" data-position-to="window" data-transition="fade"><img class="popphoto" src="'+cheminphoto+'" alt="Paris, France" style="width:50%"></a>');

Donc est il possible dans mon cas de récupérer ce cheminphoto ? et comment ?

Cordialement

[NoSmoking]

Bonjour,
je ne vois pas trop où tu as de la difficulté à récupérer la première IMG de la DIV ayant pour id="popupPhoto" pour en lire sa propriété src.

[BOYER.M]

Bonjour,

Dans la DIV, la propriété SRC qui correspond à la source est "cheminphoto", c'est aussi une variable dans mon code javascript, or le html ne reconnait pas "cheminphoto", dans mon popup j'ai l'image en miniature mais alors du clique elle doit s'ouvrir en grand et c'est pas le cas, comme si elle n'arrivait pas à lire le chemin. Si je mais un lien internet à SRC cela fonction or l'application doit fonctionner sans 3G.

[danielhagnoul]

Si on sort le problème du contexte, que je ne comprends pas , on obtient :

Code HTML :

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

1
2
3
4
<div id="popupPhoto">
    <a href="#" class="ui-btn-right">Fermer</a>
    <img class="popphoto" src="" alt="Paris, France">
</div>

Code JavaScript :

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

1
2
3
4
5
function succesphoto( imageURI ){
    $( "#popupPhoto" )
        .find( "img" )
        .attr( "src", imageURI );
}

[BOYER.M]

Bonjour,

Le contexte c'est : j'ai une carte où se crée un icône où une photo a été prise(leaflet). Quand on clique sur l'icône un popup s'ouvre avec une photo. Au clique sur la photo l'image s'agrandit à la taille de l'écran(fonctions de jquery : visionneuse photo : http://mobile.jquery-fr.com/demos/widgets/popup/ et image à la taille de l'écran : http://mobile.jquery-fr.com/demos/wi...up-images.html).

Voilà du coup je crée une application, qui permettra quand l'on prend une photo d'être enregistrée sur le téléphone et ensuite d'envoyer ces images sur un serveur et je veux qu'elles puissent être vue dans le popup.

[BOYER.M]

Bonjour,

Malgré les deux codes plus hauts je ne suis pas parvenu à remédier mon problème. De plus dans le code html le src=" " est ce normal de ne pas l'indiquer ?