Insertion d'un spoiler dans un code php

Résolu/Fermé
calsifere Messages postés 175 Date d'inscription mardi 21 août 2007 Statut Membre Dernière intervention 3 juin 2013 - 9 janv. 2012 à 18:25
Nono_igo Messages postés 63 Date d'inscription mardi 3 janvier 2012 Statut Membre Dernière intervention 1 octobre 2016 - 10 janv. 2012 à 23:34
Bonjour,

J'ai des difficultés à insert dans mon code PHP un spoiler qui s'ouvre en faisans une petite fenêtre qui va s'ouvrir au dessus de mon articles .


Comme ce ci : http://www.hebergeur-images.fr/image-1133583440.html
la fenêtre grise et le résultat que je désire a l'ouverture de mon spoiler



Pourriez vous m'aidez ? Merci <3


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >

    <head><!-- En-tête de la page --><meta charset="utf-8" /><!-- css --><link rel="stylesheet" href="style.css" /><!-- fin css --></head>
    <body><section id="corps" >
	<header> <a href="accueil.php"><img src="Images/banniere.png" alt="eclat rouge" WIDTH=100% HEIGHT=100%/></a></header>
    <!-- Corps de la page -->
	
	<?php include("boutons.php");?>
	<a href="accueil.php"><img src="Images/deco.png" alt="eclat rouge" WIDTH=100% HEIGHT=30%/></a><br/><br/><br/>
	<center><section id="presentation2"><article><center>
    


<?php
// on se connecte à MySQL 
$db = mysql_connect('localhost', 'root', '');
// on sélectionne la base
mysql_select_db('les_vins_d_alsace_',$db);
// on crée la requête SQL
$sql = 'SELECT * FROM rouge';
// on envoie la requête
$req = mysql_query($sql) or die('Erreur SQL !<br>'.$sql.'<br>'.mysql_error());
// on fait une boucle qui va faire un tour pour chaque enregistrement
$limite = 4;
$row_num = 0;

#ma table s'ouvre

	echo '<table c width="100%"><tr>';
	while($data = mysql_fetch_assoc($req))
	{
	
	    echo '<td></td><td></td><td valign="top" width="25%">';#ma premiere colonne #<section >ouverture de ma section ligne pour le tour du texte#<center> il me centre le titre#h1 le titre#strong me met le titre grand#mon php pour le nom et la date
		echo '<section id=ligne ><center><p id=prix><strong>'.$data['nom'].' ('.$data['date'].')</strong></p><hr></center><br/>';#php mon image#les prix#ouverture de la table
		echo '<table >';#colone de mon deuxieme tableau#image fin de colone#ouverture de ma colone a coté#prix et fin de colone#fin de la table 2
		echo '<td><img src="'.$data['image'].'" WIDTH="100px" HEIGHT="200px" ></td><td style="margin:0;padding:0;vertical-align:top;"><br> '.'<p id=prix> La bouteil  0.750 l : '.$data['prix-bouteil'];
		echo '<img src="Images/euro.png" WIDTH="12px" HEIGHT="13px"></strong><br> La bouteil 0,375 l : <strong>'.$data['prix-demi-bouteil'].'<img src="Images/euro.png" WIDTH="12px" HEIGHT="13px"></strong>
		<br> Le verre  0.370 l : '.$data['prix-verre'].'<img src="Images/euro.png" WIDTH="12px" HEIGHT="13px"></p></strong><section id=des>
		
	
( c ici que je veux mon spoiler )<spoiled>


		'.$data['description'].' 

(fin du spoiler )
</spoiled>


		
		</section></td></table><br/></section>  ' ;
		
		
		echo '</td><td></td><td></td>';
		$row_num++;
		if($row_num % $limite == 0)
		echo'</tr><tr>';
	}
 echo '</tr></table>';
 mysql_close();?>

</section><center><br/></article></center></center></center>
		
<footer><br/><br/><?php include("pied.php");?></footer>
		
</center></body></center></section><br/><br/>	
</html>


A voir également:

2 réponses

Nono_igo Messages postés 63 Date d'inscription mardi 3 janvier 2012 Statut Membre Dernière intervention 1 octobre 2016 3
10 janv. 2012 à 14:07
Bonjour,

La solution que tu as retenue est peut-être intéressante, néanmoins, si j'ai bien compris ce que tu cherches à faire, je crois avoir utilisé une utilisation html/css plus simple pour arriver au même résultat.

Regarde du côté de la balise <span>. On peut lui donner des attributs particulier dans un fichier .css, comme l'affichage d'une fenêtre descriptive lorsque tu passeras ta souris sur une image précise. Voilà un tuto sur l'utilisation de cette balise : http://fr.html.net/tutorials/css/lesson8.php

Si c'est bien ce que tu cherches à faire bien sûr...
0
calsifere Messages postés 175 Date d'inscription mardi 21 août 2007 Statut Membre Dernière intervention 3 juin 2013 1
10 janv. 2012 à 18:58
merci ^^
0
Nono_igo Messages postés 63 Date d'inscription mardi 3 janvier 2012 Statut Membre Dernière intervention 1 octobre 2016 3
10 janv. 2012 à 23:34
Déjà ?! Ca marche ?! ^^
Bah bien joué alors !
0