Effet visuel de Contenu dynamique

**kolib** · 08/09/2005, 17h15

Bonjour à tous

J'aimerais reproduire cet effet dans mes pages ASP (voir les images ci dessous)

Je pense que ce n'est pas du javascript mais je ne suis pas sûre.
Ce dont je suis sûre par contre c'est que le contenu texte est généré par une saisie préalable dans un formulaire ASP.

Je n'arrive pas à trouver comment est fait cet effet visuel mais j'aimerais le reproduire.
je sais qu'ils utilisent un queryString avec un &Etat=opened / &Etat=closed

Merci de ce que vous pourrez faire pour moi !![/b]

**Immobilis** · 08/09/2005, 19h49

Salut,

Voici qqch qui fonctionne:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 
<script language="javascript">
	function activateSection(section) 
	{ 
		var sectionID;
		sectionID = section.id;
		var oSectionContent;
		oSectionContent = eval('document.all.' + sectionID + '_content'); 
 
		var oSectionImage; 
		oSectionImage = eval('document.all.' + sectionID + '_image');
 
		if (oSectionContent.style.display == 'none') 
		{
			oSectionImage.src = "../images/minus.gif"; 	
			oSectionContent.style.display = ''; 
		} 
		else 
		{ 
			oSectionImage.src = "../images/plus.gif"; 	
			oSectionContent.style.display = 'none'; 
		} 
		event.cancelBubble = false;
	}
</script>
<link href="../style.css" rel="stylesheet" type="text/css">
</head>
 
<body>
<table>
	<tr id="section_2" class="textcallout" sectionname="section2" onClick="activateSection(this);">
		<td valign="top"><div style="padding-top:3px;"><img src="../images/plus.gif" id="section_2_image"></div></td>
		<td><span style="color:black; font-family:Arial, Helvetica, Sans-Serif; font-size:11px; font-weight:bold"><font color="#990033"> </font></span><span style="font-family:Arial, Helvetica, Sans-Serif; font-size:11px; font-weight:bold"><font color="#990033">Voici mon titre</font></span></td>
	</tr>
	<tr id="section_2_content" style="display:none;">
		<td></td>
		<td>Voici mon paragraphe </td>
	</tr>
</table>
</body>
</html>

Les référence aux images "images/minus.gif" & "images/plus.gif" sont à adapter en fonction de tes propres images.
Si il y a pp sections il ne faut pas qu'elles portent les mm numéros. A générer dynamiquement.

A+

**kolib** · 09/09/2005, 11h15

Merci Immobilis

Ton javascript fonctionne parfaitement !!
Tu m'a bien dépannée.

Maintenant penses-tu que je pourrais rentrer le texte dans une interface d'administration en passant par un formulaire ASP sans être obligé d'aller le rajouter dans le code html ?
C'est ce que tu sous entends dans ta phrase "A gérer dynamiquement ?"

Merci encore !!

**Immobilis** · 09/09/2005, 15h51

Envoyé par kolib

Maintenant penses-tu que je pourrais rentrer le texte dans une interface d'administration en passant par un formulaire ASP sans être obligé d'aller le rajouter dans le code html ?

Je ne comprend pas la question. Peux-tu préciser?

Pour ce qui est de la gestion dynamique. Si tes catégories (par ex Ingenieur) sont contenues dans une base de données, au moment de la création de la page, il faut que chaque section porte un n° différent.

A+

**kolib** · 09/09/2005, 17h01

Désolée si je me suis mal exprimée.

En fait si on reprend ton exemple ;
comme exemple de texte, tu as taper :

"Voici mon titre/voici mon paragraphe"

est ce que ce texte là je pourrais le générer en passant par un formulaire de traitmement saisie ASP (et bdd access) à part ?

J'espere etre clair

**kolib** · 09/09/2005, 17h03

Pour ce qui est de la gestion dynamique. Si tes catégories (par ex Ingenieur) sont contenues dans une base de données, au moment de la création de la page, il faut que chaque section porte un n° différent.

A+

Daccord pour les nom de section différents, compris.

**Immobilis** · 09/09/2005, 21h49

Envoyé par kolib

est ce que ce texte là je pourrais le générer en passant par un formulaire de traitmement saisie ASP (et bdd access) à part ?

Oui tout à fait. As-tu besoins de détails?

A+

**kolib** · 12/09/2005, 08h37

Ho je suis débutante et n'ai pas forcément les bon mécanisme de programmation ;

je pense faire un formulaire de saisie ; avec 2 champs texte (voici mon titre/voici mon paragraphe) + un champ download de fichier.

Ensuite dans la page de traitement du formualire j'imagine une requete sql d'insertion de donnée, par contre je ne sais pas quel "id" de section je dois prendre en compte pour faire mon recordset final :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<tr id="section_2" class="textcallout" sectionname="section2" onClick="activateSection(this);"> 
      <td valign="top"><div style="padding-top:3px;"><img src="../images/plus.gif" id="section_2_image"></div></td> 
      <td><span style="color:black; font-family:Arial, Helvetica, Sans-Serif; font-size:11px; font-weight:bold"><font color="#990033"> </font></span><span style="font-family:Arial, Helvetica, Sans-Serif; font-size:11px; font-weight:bold"><font color="#990033">Voici mon titre</font></span></td> 
   </tr> 
   <tr id="section_2_content" style="display:none;">

id="section_2" ou sectionname=section2" ou encore "section_2_content" ?

Effet visuel de Contenu dynamique

ASP

Discussions similaires

Partager

Partager