Version complète: sur le forum Webmaster Hub : ouverture pop-up par clic image d'une bdd
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > PHP
Webdesigneuse
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.gif 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.gif beh je n'y arrive pas... sad.gif

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 dry.gif

Merci pour votre aide !

Pat.
---------------------------------------------
CODE
<? // 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>&nbsp;</td>
 </tr>
 <tr>
   <td width=51 height=89><font color=#666666 size=1 face=Geneva, Arial, Helvetica, sans-serif>&nbsp;</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>&nbsp;</td>
   <td width=204 align=left valign=top>&nbsp;</td>
 </tr>
</table>";
}
echo "</table>";
?>
Fred
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é. smile.gif
Webdesigneuse
Merci Fred,
j'essaye ... wink.gif

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

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

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

Pat.
Dinostrate
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
Webdesigneuse
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 !!! biggrin.gif (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 wink.gif

Pat (qui va bien dormir)...

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

CODE
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>&nbsp;</td>
 </tr>
 <tr>
   <td width=51 height=89><font color=#666666 size=1 face=Geneva, Arial, Helvetica, sans-serif>&nbsp;</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>&nbsp;</td>
   <td width=204 align=left valign=top>&nbsp;</td>
 </tr>
</table>";
}
echo "</table>";
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.