Affichage de donnée dans une page

**leloup84** · 21/02/2006, 15h32

Bonjour,
Il m'a été demandé de créer un module d'actualité et de les afficher. J'ai donc créer un formulaire pour la personne créé son actus.
J'ai ensuite inséré dans une base.
Maximum 4 actualités.
-----------------
- 1 - 3 -
-----------------
- 2 - 4 -
-----------------

Voilà ma page et voilà comment on m'a demandé que l'affichage se passe. Dans le formulaire été demandé la position de l'actualité donc 1, 2, 3 ou 4.
Problème c'est déjà comment réalisé cette affichage. S'il n'y a que 2 actus on ne doit voir que 1 et 2.
Mon affichage de chaque actus se passe comme ceci :

Image Titre
Photo Texte
url

Voilà donc une image qui est la même pour toute, c'est en fait une flèche et le titre doit arrivé en fait en bas a droite de la flèche, ild oit y avoir un align, bottom ou quelques choses comme çà a mettre. Le reste ce sont des données que je récupère de la base via une requête. Donc 3 ligne et 2 colonne. Sachant que le texte doit être justifié.
Le début de code que j'ai commencé a faire et le suivant.

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
<?php
        $req="select titre_actus, img_actus, txt_actus, url_actus, pos_actus from actus group by num_actus";
        $res=mysql_query($req);
        while($row=mysql_fetch_row($res))
        {
        echo"
                <table>
                        <tr>
                                <td><img src='images/nouveautes001.gif'></td>
                                <td><strong>$row[0]</strong></td>
                        </tr>
                        <tr>
                                <td><img src='$row[1]' class='photo'></td>
                                <td>$row[2]</td>
                        </tr>
                        <tr>
                                <td></td>
                                <td><strong>$row[3]</strong>
                        </tr>                           
                </table>";
        }
        
?>

Là l'affichage se fait l'un en dessous de l'autre.

Merci d'avance

**franculo_caoulene** · 21/02/2006, 15h48

Salut,

Quelle est ta question au final?

**Linaa** · 21/02/2006, 16h14

Combien de fois vas-tu poser la question ? Un post suffit.
http://www.developpez.net/forums/viewtopic.php?t=460454

RAppel : Le multipost est interdit!

... Et c'est vrai, quel est le problème ?

**leloup84** · 21/02/2006, 16h15

Comment réaliser l'affichage ?

**franculo_caoulene** · 21/02/2006, 16h19

Ton problème est HTML ou PHP? Ne réponds pas "je ne sais pas" ou "les deux".

**Linaa** · 21/02/2006, 16h20

Le code que tu as posté ne le fais pas ?

**leloup84** · 21/02/2006, 16h34

Ne le fais pas quoi ?
Et pour répondre a l'autre message, pour problème est un problème html

**SpaceFrog** · 21/02/2006, 17h42

un exemple de contruction en javacsript...
le principe de base sera la même en php il suffit de boucler ...

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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
 
<title>Nouvelle page 2</title>
<style type='text/css'>
.Container {	width:50%;
		 		display:block;
		 		border:solid 2px red;
		 		}
 
</style>
<script type="text/javascript">
 
var TabActu=new Array()
 
 TabActu['titre']=new Array('titre1','titre2','titre3','titre4') 
 TabActu['photo']=new Array('photo1.jpg','photo2.jpg','photo3.jpg','photo4.jpg')
 TabActu['texte']=new Array('texte1','texte2','texte3','texte4')
 TabActu['lien']=new Array('lien1','lien2','lien3','lien4')
 
var pair=true
 
 
function populate(){
 
for(i=0;i<TabActu['titre'].length;i++){
                var ActuDiv=document.createElement('div');
                ActuDiv.className='Container';
                ActuDiv.style.cssText+=(pair)?'; float:left':'float:right';
                pair=!pair
                
                var SamePic=document.createElement('img')
                SamePic.src="pathimagecommune.jpg"
                ActuDiv.appendChild(SamePic)
                ActuDiv.appendChild(document.createElement('br'))
                
                
                var ActuPhoto=document.createElement('img')
                ActuPhoto.src=TabActu['photo'][i]
                ActuPhoto.style.cssText+=";float:left;"
                ActuDiv.appendChild(ActuPhoto)
                
                var ActuText=document.createElement('div')
                ActuText.innerHTML=TabActu['texte'][i]
                ActuDiv.appendChild(ActuText)
                
                ActuDiv.appendChild(document.createElement('br'))
                
                
                var ActuLink=document.createElement('a');
                ActuLink.href=TabActu['lien'][i]
                ActuLink.innerHTML="ici le lien"
                ActuDiv.appendChild(ActuLink)
                document.body.appendChild(ActuDiv)
                }
}
 
</script>
</head>
<body onload="populate()">
</body>
</html>

**SpaceFrog** · 21/02/2006, 17h54

attention, modifies la largeur de container à 48 % sinon le boxtype sous firefox décale tout ...

Affichage de donnée dans une page

HTML

Discussions similaires

Partager

Partager