Afficher le contenu d'un champ d'une BDD [Résolu]

Signaler
Messages postés
61
Date d'inscription
dimanche 11 novembre 2007
Statut
Membre
Dernière intervention
18 septembre 2010
-
Messages postés
61
Date d'inscription
dimanche 11 novembre 2007
Statut
Membre
Dernière intervention
18 septembre 2010
-
Bonjour,





J'ai un petit souci: j'ai créé une gallerie photo dont je vais mettre le code ci dessous, et j'aimerais afficher dans la balise description le contenu d'un champ d'une BDD SQL lors ce que je clique sur une photo.Bien entendu chaque photo a un descriptif bien different.





Sur les forum on me parle de AJAX (j'ai bien compris que c'etait une association de language mais j'y pige rien du tout.Alors un petit coup de main serai le bien venu.





Merki






Voici le code:















<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Galerie photos</title>
<style type="text/css">
<!--
#Titre {
    position:absolute;
    width:640px;
    height:34px;
    z-index:2;
    left: 0px;
    top: 1px;
}
#Grande {
    position:absolute;
    width:352px;
    height:525px;
    z-index:3;
    left: 3px;
    top: 41px;
}
#Mini01 {
    position:absolute;
    width:68px;
    height:102px;
    z-index:4;
    left: 360px;
    top: 41px;
}
#Mini02 {
    position:absolute;
    width:68px;
    height:102px;
    z-index:5;
    left: 431px;
    top: 41px;
}
#Mini03 {
    position:absolute;
    width:68px;
    height:102px;
    z-index:6;
    left: 502px;
    top: 41px;
}
#Mini04 {
    position:absolute;
    width:68px;
    height:102px;
    z-index:7;
    left: 573px;
    top: 41px;
}
#Mini06 {
    position:absolute;
    width:68px;
    height:102px;
    z-index:8;
    left: 431px;
    top: 147px;
}
#Layer5 {
    position:absolute;
    width:50px;
    height:50px;
    z-index:1;
    left: 567px;
    top: 62px;
}
#Mini08 {
    position:absolute;
    width:68px;
    height:102px;
    z-index:9;
    left: 573px;
    top: 147px;
}
#Mini07 {
    position:absolute;
    width:68px;
    height:102px;
    z-index:10;
    left: 502px;
    top: 147px;
}
#Mini09 {
    position:absolute;
    width:68px;
    height:102px;
    z-index:11;
    left: 360px;
    top: 252px;
}
#Mini11 {
    position:absolute;
    width:68px;
    height:102px;
    z-index:12;
    left: 502px;
    top: 252px;
}
#Mini10 {
    position:absolute;
    width:68px;
    height:102px;
    z-index:13;
    left: 431px;
    top: 252px;
}
#Mini12 {
    position:absolute;
    width:68px;
    height:102px;
    z-index:14;
    left: 573px;
    top: 252px;
}
#Mini14 {
    position:absolute;
    width:68px;
    height:102px;
    z-index:15;
    left: 431px;
    top: 357px;
}
#Mini15 {
    position:absolute;
    width:68px;
    height:102px;
    z-index:16;
    left: 502px;
    top: 357px;
}
#Mini13 {
    position:absolute;
    width:68px;
    height:102px;
    z-index:17;
    left: 360px;
    top: 357px;
}
#Mini16 {
    position:absolute;
    width:68px;
    height:102px;
    z-index:18;
    left: 573px;
    top: 357px;
}
#Mini18 {
    position:absolute;
    width:68px;
    height:102px;
    z-index:19;
    left: 431px;
    top: 462px;
}
#Mini17 {
    position:absolute;
    width:68px;
    height:102px;
    z-index:20;
    left: 360px;
    top: 462px;
}
#Layer18 {
    position:absolute;
    width:50px;
    height:50px;
    z-index:1;
    left: 62px;
    top: 1px;
}
#Layer19 {
    position:absolute;
    width:50px;
    height:50px;
    z-index:1;
    left: 66px;
    top: -2px;
}
#Layer20 {
    position:absolute;
    width:50px;
    height:50px;
    z-index:1;
    left: -67px;
    top: 29px;
}
#Mini05 {
    position:absolute;
    width:68px;
    height:102px;
    z-index:21;
    left: 360px;
    top: 147px;
}
#Mini19 {
    position:absolute;
    width:68px;
    height:102px;
    z-index:22;
    left: 502px;
    top: 462px;
}
#Mini20 {
    position:absolute;
    width:68px;
    height:102px;
    z-index:23;
    left: 573px;
    top: 462px;
}
#Description {
    position:absolute;
    width:640px;
    height:80px;
    z-index:24;
    left: 2px;
    top: 573px;
}
-->
</style>
<script type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i
</script>
</head>

<!-- DEBUT DU SCRIPT -->
<script language="JavaScript1.2">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/

function ejs_nodroit()
    {
    alert('Clic droit interdit');
    return(false);
    }

document.oncontextmenu = ejs_nodroit;
</script>
<!-- FIN DU SCRIPT -->
<!--Déclaration du cadre ou s'affiche le titre de la galerie -->




<!--Déclaration du cadre ou s'affiche les photos en grand;par defaut la photo 1 sera affichée-->

<!--C'est ici que je dois retrouver le resultat de ma requete SQL en fonction de la photo sur la quelle j'ai cliqué. -->
 

</html>










En attendant votre aide je continu a chercher......






@+

1 réponse

Messages postés
61
Date d'inscription
dimanche 11 novembre 2007
Statut
Membre
Dernière intervention
18 septembre 2010

Re a defaut de reponse ,j'ai crée des calques, dans lequels j'execute les requete de chaque photo et j'affiche ou je masque les calques en fonctions de celui sur le quel on clic.

@+