Création sit internet : question sur code html ?

Dukey · Février 16, 2008, 19:01:39

Dans mon code, je voudrais faire en sorte que lorsque je clique sur un jpeg, une nouvelle fenêtre s'ouvre avec le lien URL rattaché.

J'y arrive à peu près mais j'ai juste un souci :
en fonction du navigateur, c'est soit un onglt nouveau (mozilla) soit une fenêtre (IE) et dans les 2 cas, il conserve les paramètres de l'utilisateur avec affichage par défaut du panneau latéral (historique ou favoris) si l'utilisateur l'a par défaut.

Je voudrais réellement ouvrir une nouvelle fenêtre (pas de nouvel onglet) et sans panneau latéral ; quelqu'un peut-il m'aider ? si quelqu'un connait le code html à mettre ...

merci d'avance,

jpsagaire · Février 17, 2008, 17:22:00

C'est plutôt du javascript qu'il faudrait ajouter au html pour être sure d'avoir des fenêtres avec des parametres de ton choix :

Citation
Dans le header de la page :

<script language="JavaScript">

</script>
Dans le <BODY>

Lien d'une image :

<a href="javascript:na_open_window('win',%20'demo15.jpg', 0, 0, 780, 600, 0, 0, 0, 0, 1);"><img src="demo14.jpg" width="200" height="133" border="1" alt="Patientez"/ ></a>

Mieux vaut aller dans les forums tels "Webmaster HUB" ou faire une recherche par "javascript" pour trouver des scripts ou poser des questions au sujet de la programmation web. Ici c'est la photo, rendons à César ce qui est à César...

j'espère t'avoir mis sur la bonne piste.

jp

Nerva · Février 17, 2008, 20:05:44

Voici deux méthodes différentes pour obtenir le résultat que tu veux.

1° méthode
Dans un dossier /photos, tu insères ce fichier, photo.php, avec le code suivant :

Citation<?php
if(isset($_GET['photo']))
$photoName = $_GET['photo'];
else
$photoName = 'defaultPhoto.jpg';

if(file_exists($photoName)) {
?>

<html>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<a href="javascript:window.close();"><img src="<?php echo $photoName; ?>" border="0"></a>
</body>
</html>

<?php
} // fin if
else {
echo 'Photo introuvable';
} // fin else

?>

Dans ta page HTML, tu insères le code suivant pour afficher ta photo dans une fenêtre Windows sans aucune marge :

Citation<a href="http://www.tonsite.com/photos/photo.php?photo=test.jpg" onClick="window.open('','popup','width=480,height=640')" target="popup">Photo</a>

Seul incovénient : tu dois définir la taille de chaque image ('width=480,height=640') pour ne pas qu'elles s'affichent déformées, ce qui peut être fastidieux si tes formats ne sont pas homogènes.
2° méthode
Chaque photo sera associée à une page HTML que tu peux enjoliver comme tu veux (couleur de fond, épaisseur du liseré, texture de fond, etc...).
L'appel à la page HTML est le suivant :

Citation<a href="http://www.tonsite.com/photos/test.htm" onClick="window.open('','popup','fullscreen=true,menubar=0,statusbar=0,scrollbars=1,resizable=1,toolbar=0')" target="popup">Photo</a>

A toi de tester les options 'fullscreen=true,menubar=0,statusbar=0,scrollbars=1,resizable=1,toolbar=0' avec les valeurs "false", "0" et "1" pour voir les différences d'affichage.

Chaque photo est donc associée à une page HTML placée de préférence dans le même dossier. La page test.html :

Citation<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Titre</title>
</head>

<body>
<center>
<table height="100%">
   <tr>
      <td align="center"><a href="Javascript:window.close();"><img src="test.jpg" alt="Fermer"></a></td>
   </tr>
</table>
</center>
</body>
</html>

Tu peux lier cette page à une feuille de style pour l'agrémenter à ta convenance...

jipT · Février 18, 2008, 11:56:13

CitationA toi de tester les options 'fullscreen=true,menubar=0,statusbar=0,scrollbars=1,resizable=1,toolbar=0' avec les valeurs "false", "0" et "1" pour voir les différences d'affichage.

Une petite remarque d'un surfeur : ne pas vouloir à tout prix gérer l'espace de travail de l'utilisateur, par exemple les sites qui ouvrent des popup en fullscreen pour moi c'est rédhibitoire : ma souris est irrésistiblement attirée par la petite croix rouge en haut à droite.

Jip

Nerva · Février 18, 2008, 19:09:09

Il n'est pas question de gérer l'espace de travail de l'utilisateur mais simplement d'harmoniser l'habillage d'un site. Pourquoi donc une photo devrait s'afficher brute dans la même fenêtre ? Uniquement pour revenir à la page précédente en appuyant sur "Retour arrière" ?
Désolé pour toi si tu laisses passer quelques belles galeries parce que tu n'aimes pas les pop-ups mais quand on passe un temps non négligeable à concevoir de belles pages, on a aussi envie que les photos soient bien enjolivées.
Avec ce genre de raisonnement, peut-être que certains zapperont un site parce que la couleur de fond ne leur convient pas ou qu'il y aura un liseré trop épais à leur goût ou pour mille et une autres raisons ; désolé aussi pour eux...

Création sit internet : question sur code html ?

Dukey

jpsagaire

Nerva

jipT

Nerva