Bonjour,
 
J'ai un petit soucis pour passer une variable PHP dans un script JS qui me permet d'ouvrir une shadowbox.
 
Mon script JS :
<script type="text/javascript">
 
jQuery.noConflict();
 
jQuery(document).ready(function() {
//Evénement lié au clic du bouton de la page
jQuery(".shadowbox" ).click(function() {
//Récupération des dimensions de la page
var xHeight = jQuery(document).height();
var xWidth = jQuery(window).width();
//Dimensionnement du masque recouvrant la page
jQuery("#page" ).css({"width":xWidth,"height":xHeight});
//Apparition du masque
jQuery("#page" ).fadeIn();
//Attribution à celui-ci d’une transparence de
//façon à laisser la page légèrement visible  
jQuery("#page" ).fadeTo("fast",0.6);  
var xH = jQuery(window).height();
var xW = jQuery(window).width();
//Centrage de la shadow box
jQuery("#dialog" ).css("top", xH/2-jQuery("#dialog" ).height()/2);
jQuery("#dialog" ).css("left", xW/2-jQuery("#dialog" ).width()/2);
//Apparition de la shadow box
jQuery("#dialog" ).fadeIn();  
 
});
//Fermeture de la shadow box via le bouton qu’elle contient
jQuery(".window .close" ).click(function () {
jQuery("#page" ).hide();
jQuery(".window" ).hide();  
});  
});  
 
 
</script>
 
 
J'appelle ce script par :  
<input type="image" src="images/'.$row['sku'].'-1.jpg" class="shadowbox"  />
Le nom de mon image est donc généré en PHP, et j'ai plein d'images affichées sur la même page.
   
 
Au clic sur une image, ma shadowbox s'ouvre, mais je souhaiterais qu'elle affiche l'image sur laquelle j'ai cliqué. En gros je souhaiterais passer dans mon script la variable PHP $row['sku'], mais je ne sais pas comment faire !
J''ai essayé avec des input type hidden,etc mais je n'arrive jamais à récupérer ma variable.
 
 
 
 
Si qqn peut m'aider !
 
Merci
Nico

Il existe une fonction Jquery pour lire les attributs : http://api.jquery.com/attr/
 
Tu pourrais t'en servir dans ton code JS soit pour extraire ce que tu veux depuis l'attribut src, soit carrément ajouter un autre attribut à ton image
 

merci pour la piste
 
par contre, mes compétences étant limitées en JS, je n'arrive pas a récupérer l'attribut correspondant
 
mon code est une bouche PHP, qui donne donc  :*

 
sauf que quand je récupère l'attribut nomimage avec la fonction jQuerry, il me récupère tjs la valeur du premier attribut...

Je ne suis pas un expert non plus je te dirais
 
jQuery(".shadowbox" ) récupère tous les éléments de la class shadowbox. En l'occurence tes 3 input.
 
Donc quand tu fais:

 
Ca ne s'applique pas à un input, mais à une collection.
 
Il faudrait peut être changer ça en :

 
(ça fait longtemps que je n'ai pas fait de jquery, je dis peut être une grosse connerie).

je ne sais pas si c'est une connerie, mais ca ne passe pas. La shadowbox ne s'ouvre plus du coup...
 
si plutôt que de mettre mon lien en input je met (ce qui ouvre bien la shadowbox)

 
n'y a t'il pas moyen de passer une variable ?
j'ai bien essayé href="#?sku=$row['sku'].'-1.jpg" mais ca ne fonctionne pas

Ben la piste de la fonction attr de jquery avait l'air bonne, par contre si elle t'affiche systématiquement le contenu de l'attribut de la première image, c'est qu'il y a un problème ailleurs

edit : tu accédais comment à la fonction attr? d'après ce message en mettant :

ça fonctionne

yep, en fait je ne sais pas comment récupérer le bon attribut

 
pour l'instant ils se nomment tous nomimage, donc forcément il ne sait pas lequel prendre.
 
je le récupère comme ca :
 

 
il y aurait as un truc à faire avec un this ?
 
j'ai bien pensé à avoir des nom d'attributs uniques (ex : nomimage1, nomimage2 etc), mais bon pareil je ne sais pas comment le récupérer

Non je pensais plus à un truc dans ce style