Je me suis mis à re-coder pour que ce soirt des fenêtres en popup mais est-ce possible de quand même faire un effet d'opacité sur la page principale parce que je trouve cela sympa comme effet.

Encore merci pour l'aide que vous m'apporter.

maxredphenix

.black_overlay1{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
 
/* This is a style for log in and registration form */
.popup  {
   display: none;
   position: absolute;
   top: 25%;
   left: 25%;
   width: 50%;
   height: 50%;
   padding: 16px;
   border: 5px solid #84679f;
   background-color: white;
   z-index:1002;
   overflow: auto;
}

Merci pour ta réponse,

J'ai tenter avec un popup mais j'ai trouve que ce sera plus jolie de faire comme ça. En faisant un popup est-ce que tu peux rendre opaque la page qui est derrière?

Sinon le but du bouton nouveau est d'afficher une div qui à été cacher (display:none dans le div). Lors du clic sur le dernier, la page en cours est opacifiée et la div apparait par dessus la page et en faite le souci que j'ai c'est que dès que je clique sur ce bouton "nouveau" il y a bien l'affichage de ma div cachée mais c'est toute la fenêtre qui est devenu opaque. Il faut cliquer sur la div nouvellement apparu pour faire disparaitre l'opacité sur cette dernière et avoir l'effet réellement voulu.
est ce que quelqu'un pourrait m'aider sur ce problème parce que j'arrive pas à trouver ou est l'erreur.

Voila un morceau de ma page php:
[code]<div class="bloc2">
<?php
require_once('connexionbdd.php');
$reponse2=mysql_query("SELECT * FROM media ORDER BY id") or die (mysql_error());
?>
<table class="tableau" cellspacing="0">
<thead>
<tr>
<td class="titrebouton" colspan="2"><p>Menu Déroulant: Média</p><a class="nouveau" href="javascript:void(0)" onclick ="document.getElementById('popup_media').style.display='block';document.getElementById('fade').style.display='block'">Nouveau</a></td>
</tr>
<tr class="entete">
<th width=20%>N°</th>
<th width=80%>Média</th>
</tr>
</thead>
<tbody>
<?php while($donnees2=mysql_fetch_array($reponse2)){ ?>
<tr>
<td <?php echo $donnees2['id'];?></td>
<td <?php echo $donnees2['media'];?></td>
</tr><?php }?>
</tbody>
</table>
</div>
[/code]

voila le code qui concerne le bouton nouveau:
[code]<td class="titrebouton" colspan="2"><p>Menu Déroulant: Média</p><a class="nouveau" href="javascript:void(0)" onclick ="document.getElementById('popup_media').style.display='block';document.getElementById('fade').style.display='block'">Nouveau</a></td>
[/code]


Plus loin dans ma page html la div caché:
[code]<div id="popup_media" class="popup">
<h2>Nouveau Média</h2>
<form id="fieldset_media" method="post" action="traitement_media.php">
<fieldset id="fieldset_media">
<span class= "media">
<label for="type_media">Libellé: </label>
<input type="text" name="type_media" id="type_media" />
</br>
</span>
<!-- Enregistrement du nouveau type d'intervention -->
<div id="inputs">
<input type="submit" value="Enregistrer" id="enregistrer" class="submit"/>
<input type="reset" value="Effacer" id="effacer" class="reset"/>
</div>
</fieldset>
</form>
</div>[/code]

Et maintenant le code qui rend la div précédente "popup_media" en display:none et qui applique l'effet d'opacité:
[code]<a onclick="document.getElementById('popup_media').style.display='none';document.getElementById('fade').style.display='none'" href="javascript:void(0)">
<div id="fade" class="black_overlay1" onclick = "document.getElementById('popup_media').style.display='none';document.getElementById('fade').style.display='none'"></div>
</a>[/code]

Le code css:
[css].black_overlay1{
display: none;
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}

/* This is a style for log in and registration form */
.popup {
display: none;
position: absolute;
top: 25%;
left: 25%;
width: 50%;
height: 50%;
padding: 16px;
border: 5px solid #84679f;
background-color: white;
z-index:1002;
overflow: auto;
}[/css]

Voila le screen en un peu plus petit parce que ça rends pas terrible au dessus:
[attachment=0]erreur1.jpg[/attachment]

Si au cas ou quelqu'un serait comment résoudre ceci je suis preneur parce que je trouve pas du tout ou ça cloche.

Merci d'avance

maxredphenix

fais un pop up

Je passe mon chemin pour le HTML et le CSS, c'est pas vraiment ma tasse de thé. :P

Merci pour ta réponse,

Il y avait une table que j'avais déjà rempli directement dans phpmyadmin et son id n'etait pas "id" mais "id_exploit" donc j'ai changer tout ça et c'est déjà mieux.

Par contre, est ce que pour toi, la façon donc j'ai coder mes tableaux est bonne? sinon j'ai un autre souci sur la façon de rajouter un nouvel élément. Lors du clic sur le bouton nouveau (et ceux peut importe le tableau, ils sont tous coder pareils) j'ai ceci:
[attachment=0]erreur tab.jpg[/attachment]

le div qui était en diplay: none apparait, mais il y a le flou qui doit normalement etre que sur la page ou il y a les tableaux et la c'est sur toute la fenetre amis lors d'un clic sur la div de création le flou est que derrière et donc je peux rentrer mon nouveau champ mais bon c'est pas très esthetique du coup.

Est ce que tu pourrais m'aider s'il te plait?

Merci

maxredphenix

L'erreur SQL est claire, dans cette table il n'y a aucun champ qui s'appelle id.
Donc va falloir faire le ORDER BY sur un champ qui existe. ;)

Bonjour à tous,

J'ai tenter ceci mais j'ai aucun affichage de mes tableaux:
[code]<div class="bloctableau">
<!-- Menu déroulant TYPE INTERVENTION -->
<?php
require_once('connexionbdd.php');
$reponse1=mysql_query("SELECT * FROM type_inter ORDER BY id") or die (mysql_error());
?>
<!-- Affichage du tableau -->
<table class="tableau" cellspacing="0" width="300px">
<thead>
<tr>
<td class="titrebouton" colspan="2"><p>Menu Déroulant: Type Intervention</p><a class="nouveau" href="javascript:void(0)" onclick ="document.getElementById('popup_typeinter').style.display='block';document.getElementById('fade').style.display='block'">Nouveau</a></td>
</tr>
<!-- Ligne d'entête avec le titre de chaque champs -->
<tr class="entete">
<th align=center valign=middle width="30px">N°</th>
<th align=center valign=middle width="170px">Type Intervention</th>
</tr>
</thead>
<tbody>
<?php while($donnees1=mysql_fetch_array($reponse1)){ ?>
<tr>
<td <?php echo $donnees1['id'];?></td>
<td <?php echo $donnees1['type_inter'];?></td>
</tr><?php }?>
</tbody>
</table>
</div>[/code]

La page de connexion est juste composée de ceci:
[code]<?php
$host = "localhost";
$user = "root";
$passwd = "";
$database = "gestspie";
// L'ajout du caractère arobase @ devant @mysql_connect, permet de ne pas afficher
// les éventuelles erreurs Mysql lors de l'affichage d'une page.
$link = mysql_connect($host, $user,$passwd);

if(!$link){
die('Erreur de connexion au serveur');
}
$select_db = mysql_select_db($database);
if(!$select_db){
die('Erreur de connexion à la base');
}
?>[/code]

Voila l'aperçu de l'erreur
[attachment=0]erreur tableau.jpg[/attachment]

J'ai rechercher un peu partout mais je vois pas vraiment d'ou peut venir l'erreur, ma bdd est bien faite et j'ai bien créer des variables qui correspondent aux tables de la bdd. Est-ce que vous pensez que cela vient du faite que chaque table à un id nommé "id" ?

Voila la page complete si vous voulez voir plus d'infos parce que c'est pas pratique de copier tout un code sur un post:
http://dl.dropbox.com/u/31901874/erreur%20%20tableau%20mysql/parametre.php

J'espère que quelqu'un pourra m'aider parce que la c'est vraiment la galère.

Merci d'avance

maxredphenix