Aller au contenu

ouverture pop-up par clic image d'une bdd


Webdesigneuse

Sujets conseillés

Bonjour à tous !

Ça fait déja quelques mois que je suis inscrite sur Webmaster Hub mais étant plus "designer web" que "prog pure" je n'ai pas eu l'occasion de participer ... enfin voilà, c'est chose faite :rolleyes: j'arrive avec mes questions de prog ...

J'ai crée un site en Flash dans lequel un lien dirige vers une page popup en php... Cette page contient un script qui fait appel à une base de données et met en page une série d'images avec descriptions etc... Il y a plusieurs rubriques donc, pour chacune d'elles j'ai crée un include... ok jusqu'ici rien de complexe.

Là où je bloque c'est lorsque je veux cliquer sur les vignettes (images) je veux qu'une page popup (nommée "grande.php" s'ouvre avec l'image agrandie... :blush: beh je n'y arrive pas... :(

Donc voici un bout de mon code pour être plus claire :

Que dois je mettre à la place de la partie en bleu pour que ça marche ?? Là ça m'ouvre bien une fenêtre mais pas une popup et ça ne trouve pas l'image <_<

Merci pour votre aide !

Pat.

---------------------------------------------

<? // requête = > selectionnes les noms, descriptions, images, de la table réalisations DONT le type de la table réalisations est égale à "néon" dans le champ type de la table réalisation. 
$req=mysql_query("SELECT nom,description,image,type,idrealis FROM realisations WHERE realisations.type='neons' ORDER BY idrealis");

// tant que ma requête a des réponses, je crée un nouveau tableaux :  
 echo "<table width=393 height=107 border=0 align=center cellpadding=0 cellspacing=0>
 ";
 while ($tabl_resultat = mysql_fetch_array($req))
{
  $nom= $tabl_resultat [nom];
  $description= $tabl_resultat [description];
  $vue= $tabl_resultat [image];  
  echo "<table width=655 border=0 cellpadding=0 cellspacing=0>
 <tr>
   <td height=8 colspan=3 bgcolor=#FFFFFF><div align=center><font color=#CCCCCC size=1 face=Geneva, Arial, Helvetica, sans-serif>____________________________________________________________________________
________________________________</font></div></td>
 </tr>
 <tr>
   <td height=8 colspan=3> </td>
 </tr>
 <tr>
   <td width=51 height=89><font color=#666666 size=1 face=Geneva, Arial, Helvetica, sans-serif> </font></td>
   <td width=100 align=left valign=middle>
     <div align=left><font color=#666666 size=1 face=Geneva, Arial, Helvetica, sans-serif[color=blue]><a href='grande.php' target='_blank' 'scrollbars=yes,resizable=yes,width=500,height=250'><img src='$vue' width='70%' height='70%' border=0 align=center></a[/color]></font></div></td>
   <td width=297 align=left valign=top> <blockquote>
       <div align=justify><font color=#666666 size=1 face=Geneva, arial, helvetica, sans-serif><strong>$nom</strong><br>
          <font color=#CCCCCC>----------------------------------------------------------------------</font><br>
         $description</font></div>
     </blockquote></td>
   <td width=204 align=left valign=top> </td>
   <td width=204 align=left valign=top> </td>
 </tr>
</table>";
}
echo "</table>";
?>

Lien vers le commentaire
Partager sur d’autres sites

Salut !!!

Tu devrais essayer ceci :

tu places un petit bout de javascript qui va ouvrir ton pop-up dans ton "header"...

genre, le plus simple:

function openPopup(wUrl,wName, wFeatures){

window.open(wurl, wName, wFeatures)

}

et dans ta balise lien tu mets:

onClick="openPopup('page.php','image','scrollbar=yes,resizable=yes,width=500,height=250')"

et voilà...

en espérant t'avoir aidé. :)

Lien vers le commentaire
Partager sur d’autres sites

Alors... j'ai réussi en partie à faire ce que je voulais => j'arrive à ouvrir l'image en grand :P mais pas dans ma popup nommée "grand.php" :huh:

La fatigue ne m'aide pas à y voir clair... <_< je regarde donc ça de plus près demain ...

Encore merci Fred et douce nuit vue l'heure ...

Pat.

Lien vers le commentaire
Partager sur d’autres sites

Salut,

Mon site est encore statique pour l'instant, mais je crois bien que j'utilise une fonction javascript qui pourrait te convenir....

Va voir comment s'ouvrent les images en cliquant sur les vignettes dans mon site ici

et dis moi si c'est bien l'effet que tu recherches....

en tout cas, le code utilisé ressemble bougrement à celui que t'indiques Fred, mais il est tard en ce moment !

Dino

Lien vers le commentaire
Partager sur d’autres sites

Coucou !

avant d'aller me coucher je suis venu voir si j'avais d'autres réponses ... et comme j'avais besoin de dormir tranquille j'ai testé avec ton script Dinostate ..

Ça marche !!! :D (le pire, c'est que c'est tout bête...lol).

Voici donc la partie de script ... ça pourra en aider quelques uns :

Encore merci pour votre aide ;)

Pat (qui va bien dormir)...

---------------------------------------------

echo "<table width=655 border=0 cellpadding=0 cellspacing=0>
 <tr>
   <td height=8 colspan=3 bgcolor=#FFFFFF><div align=center><font color=#CCCCCC size=1 face=Geneva, Arial, Helvetica, sans-serif>____________________________________________________________________________
________________________________</font></div></td>
 </tr>
 <tr>
   <td height=8 colspan=3> </td>
 </tr>
 <tr>
   <td width=51 height=89><font color=#666666 size=1 face=Geneva, Arial, Helvetica, sans-serif> </font></td>
   <td width=100 align=left valign=middle>
     <div align=left><font color=#666666 size=1 face=Geneva, Arial, Helvetica, sans-serif>
<a href='$vue' target='popgrand' onClick='window.open('$vue','popgrand','width=100%,height=100%,toolbar=no,status=no,'scrollbar=yes,resizable=yes,width=500,height=250')'><img src='$vue' width='70%' height='70%' border=0 align=center></a></font></div></td>
   <td width=297 align=left valign=top> <blockquote>
       <div align=justify><font color=#666666 size=1 face=Geneva, arial, helvetica, sans-serif><strong>$nom</strong><br>
          <font color=#CCCCCC>----------------------------------------------------------------------</font><br>
         $description</font></div>
     </blockquote></td>
   <td width=204 align=left valign=top> </td>
   <td width=204 align=left valign=top> </td>
 </tr>
</table>";
}
echo "</table>";

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...