Affichage d'une DIV ciblée dans une popup

Fermé

chouk571 Messages postés 4 Date d'inscription mercredi 6 juillet 2011 Statut Membre Dernière intervention 11 juillet 2011 - 11 juil. 2011 à 12:39
Utilisateur anonyme - 9 août 2011 à 01:52

Bonjour,

Travaillant actuellement sur le site de la société ou je suis embauché, et assez novice dans le JS et PHP je cherche a trouver comment pouvoir afficher, dans une popup ouverte par un lien, une div en particulier parmis d'autres (chacune ayant un ID différent) mais que les autres soient masquées. En fait pour résumer, c'est pour la page "offres d'emploi". J'ai une page offres.php qui appelle en popup la page offres_detail.html ou dessus il y a toutes les offres chacune dans une DIV avec ID. Il faudrait masquer toutes les DIV mais que lorsque l'on clique sur le lien appelant le popup, la DIV ciblée devienne visible (mais pas les autres). Voila ce que j'ai actuellement :

page "offres.php"

<div class="offres">
<div class="offre_title">
UN CHEF DE RANG
	<div class="offre_date">Posté le 10 mai 2011</div>
</div>
<div class="offre_desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut a purus eu turpis ultricies dignissim. Sed sit amet egestas magna. Pellentesque et risus lorem, vitae hendrerit sapien. Pellentesque habitant morbi tristique senectus et netus</div>
<div class="offre_plus"><a href="#" onClick="window.open('offres_details.html#offre01','_blank','toolbar=0, location=0, directories=0, status=0, scrollbars=0, resizable=1, copyhistory=0, menuBar=0, width=750, height=500');return(false)">En savoir plus...</a></div>

et voila ma page "offres_detail.html"

<!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=utf-8" />
<title>Détail de l'offre</title>
<style type="text/css">
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

.offres {
	clear:right;
}

.offre_title {
	color:#757575;
	background:url(img/design/puce.gif) left center no-repeat;
	font-size:20px;
	position:relative;
	text-indent:15px;
	border-bottom:1px #757575 solid;
	font-weight:bold;
	margin-top:75px;
}

.offre_date {
	float:right;
	font-style:italic;
	font-size:12px;
	color:#a4a4a4;
	position:absolute;
	bottom:0px;
	right:0px;
	font-weight:normal;
}
</style>
</head>

<body>
<div class="offres" id="offre01">
<div class="offre_title">
UN CHEF DE RANG
<div class="offre_date">Posté le 10 mai 2011</div>
</div>
<div class="offre_desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut a purus eu turpis ultricies dignissim. Sed sit amet egestas magna. Pellentesque et risus lorem, vitae hendrerit sapien. Pellentesque habitant morbi tristique senectus et netus</div>
</div>

<div class="offres" id="offre02">
<div class="offre_title">
UN ASSISTANT MARKETING
<div class="offre_date">Posté le 10 mai 2011</div>
</div>
<div class="offre_desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut a purus eu turpis ultricies dignissim. Sed sit amet egestas magna. Pellentesque et risus lorem, vitae hendrerit sapien. Pellentesque habitant morbi tristique senectus et netus</div>
</div>

<div class="offres" id="offre03">
<div class="offre_title">
UNE HÔTESSE D'ACCUEIL
<div class="offre_date">Posté le 10 mai 2011</div>
</div>
<div class="offre_desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut a purus eu turpis ultricies dignissim. Sed sit amet egestas magna. Pellentesque et risus lorem, vitae hendrerit sapien. Pellentesque habitant morbi tristique senectus et netus</div>
</div>
</body>

Merci beaucoup pour votre aide

A voir également:

Affichage d'une DIV ciblée dans une popup
Div c++ - Télécharger - Langages
Affichage double ecran - Guide
Windows 11 affichage classique - Guide
Comment agrandir l'affichage de l'écran - Guide
Problème affichage fenêtre windows 10 - Guide

1 réponse

Réponse 1 / 1

Utilisateur anonyme
9 août 2011 à 01:48

Un truc comme çà ?

<html>
<head>
</head>

<body>
<center>
<div class="offres">
  <div class="offre_title">
  UN CHEF DE RANG
  	<div class="offre_date">Posté le 10 mai 2011</div>
  </div>
  <div class="offre_desc">Lorem</div>
    <div class="offre_plus"><a href="#" onclick="javascript:window.open('offres_detail.html#offre01','','toolbar=0,location=0, directories=0,status=0,scrollbars=0,resizable=0,copyhistory=0,menuBar=1,width=480,height=100'); return(false)">Cliquez ici pour voir :)</a></div><br /><br />

<div class="offres">
  <div class="offre_title">
  UN ASSISTANT MARKETING
  	<div class="offre_date">Posté le 11 mai 2011</div>
  </div>
  <div class="offre_desc">Lorem</div>
    <div class="offre_plus"><a href="#" onclick="javascript:window.open('offres_detail.html#offre02','','toolbar=0,location=0, directories=0,status=0,scrollbars=0,resizable=0,copyhistory=0,menuBar=1,width=480,height=100'); return(false)">Cliquez ici pour voir :)</a></div><br /><br />

<div class="offres">
  <div class="offre_title">
  UNE HÔTESSE D'ACCUEIL
  	<div class="offre_date">Posté le 12 mai 2011</div>
  </div>
  <div class="offre_desc">Lorem</div>
    <div class="offre_plus"><a href="#" onclick="javascript:window.open('offres_detail.html#offre03','','toolbar=0,location=0, directories=0,status=0,scrollbars=0,resizable=0,copyhistory=0,menuBar=1,width=480,height=100'); return(false)">Cliquez ici pour voir :)</a></div><br /><br />
</center>
</body>
</html>

Je n'ai rien touché sur la page "offres_detail.html"

Utilisateur anonyme
9 août 2011 à 01:52

Une gestion par base de données serait peut-être plus propre.
Même pour l'administration, entrer 10 annonces en modifiant la page php à chaque fois, ça peut vite être chiant. Alors que si tu prévois une page spéciale, tout s'inscrit dans la bdd, et tu n'as plus qu'à aller chercher avec une requête.

Tout ça pour dire que si c'est ce que tu comptes faire plus tard, il faudra refaire tout ce qu'il y a au dessus.

Tiens-nous au courant.

Discussions similaires

adele

Agrandir la taille d'affichage de toute l'interface OUTLOOK 2010

Obtenir un affichage décimal sur ma Casio fx 92

Leboncoin : j'ai un problème d'affichage

Les paramètres d'affichage NVIDIA ne sont pas