Conception et réalisation d'un site web dynamique d'une entreprise publique: cas de l'office(société) congolais(e) des postes et télécommunications/Goma( Télécharger le fichier original )par Edouard MUNTU MWAMBA ISC/Goma - Graduat 2010 |
VI.1.2. Code source<html> <title> Accueil </title> <head> <link rel="stylesheet" type="text/css" href="Styles/Acceuil.css"/> <link rel="stylesheet" type="text/css" href="Styles/custom.css"/> <link rel="stylesheet" type="text/css" href="Styles/spacegallery.css"/> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/eye.js"></script> <script type="text/javascript" src="js/utils.js"></script> <script type="text/javascript" src="js/spacegallery.js"></script> 96 <script type="text/javascript" src="js/layout.js"></script> <script type="text/javascript"> var tab=new Array(); var compteur=0; //***La fonction qui permet de récuperer les tableau PHP et le passer en javascript function intiale(valeurLinge,i){ //tab=new Array(); tab[i]=valeurLinge;//myT=tablo; //alert(i); } function essaie() { //var recoTab=tab[Math.round(3*Math.random())]; var recoTab=tab[compteur]; document.getElementById("ident").src="Mon_Album/"+recoTab.split('|')[1];//+". jpg"; document.getElementById("info").innerHTML=recoTab.split('|')[2]; document.getElementById("dateinfo").innerHTML=recoTab.split('|')[0]; setTimeout("essaie()",5000); compteur++; if(compteur>tab.length)compteur=0; } </script> </head> <body onLoad="essaie()"> <?php include("Pages/Formulaires/connexionbd.php"); 97 $rst=mysql_query("select * from actualite"); $i=0; while($row=mysql_fetch_array($rst)) { $contenu=$row["dateinfo"]."|".$row["photo"]."|".$row["description"]."|".$row[" numero"]; echo "<script type='text/javascript'> intiale('".$contenu."',$i);</script>"; $i++; } ?> <div class="divhaut"> <div class="divhaut1"><img src="Images/logo ocpt.png" alt="Logo"/></div> <div class="divhaut2"><center>Office Congolais des Postes et Télécommunications</center></div> <div class="divhaut3"><img src="Images/RDCCC.png" alt="Logo"/></div> </div> <div class="divgauche"> <table class="lien"> <tr><td><img class="images"
src="Images/Buttons/PurBTN.jpg" </td></tr> <tr><td><img class="images"
src="Images/Buttons/SQBTN005.jpg" <tr><td><img class="images"
src="Images/Buttons/SQBTN006.jpg" </td></tr> <tr><td><img class="images"
src="Images/Buttons/WhtBTN.jpg" </td></tr> <tr><td><img class="images"
src="Images/Buttons/SQBTN014.jpg" </td></tr> 98 <tr><td><img class="images" src="Images/Buttons/BrnBTN2.jpg" alt="Logo"/><a href="">Facteur</a> </td></tr> <tr><td><img class="images"
src="Images/Buttons/BrnBTN2.jpg" </td></tr> <tr><td><img class="images"
src="Images/Buttons/BrnBTN2.jpg" </td></tr> <tr><td><img class="images"
src="Images/Buttons/BrnBTN2.jpg" </td></tr> <tr><td><img class="images" src="Images/Buttons/GrnBTN.jpg" alt="Logo"/><a href="">Calendrier</a> </td></tr> </table> <div class="login"> <form action="" method="post"> <table class="tab"> <tr><td class="label"><label>Utilisateur</label></td> <td><input type="textbox" name="utilisateur" size="17"/></td></tr> <tr><td class="label"><label>Mot de passe</label></td> <td><input type="password" name="pwd" size="17"/></td></tr> <tr><td width=50%><input style="width:100%;" type="submit" name="ok"/></td><td><input style="width:100%;" type="reset" name="annuler"/></td></tr> </table> </form> </div> </div> <div class="divcenter"> <div id="divdroite"> <table> <tr><td id="dateinfo"></td></tr> 99 <tr><td><img id="ident" src="Mon_Album/img2004201121041" width=389 height=150/></td></tr> <tr><td id="info"></td></tr></table> </div> <div class="wrap"> <ul class="navigationTabs"> <li><a href="#About" rel="Sport">Sport</a></li> <li><a href="#Actualité" rel="Actualité">Actualité</a></li> <li><a href="#Loisirs" rel="Loisirs">Loisirs</a></li> </ul> <div class="tabsContent"> <div class="tabl"><h2>Sport</h2> gdsdfdfdfdgfdfgdfdfdfdg huhjghguiyggygjhhj hjuihgvgcfxxdxwdwwdfkytyfytfgt</div> <div class="tabl"><h2>Actualité</h2></div> <div class="tabl"><h2>Loisirs</h2></div> </div> </div> </div> <div class="divdroite"> <div id="divdroite"> </div> <div id="myGallery" class="spacegallery"> Cliquer ici pour faire defiler les images <?php $rst=mysql_query("select * from actualite"); $n=mysql_num_rows($rst); for($p=0;$p<$n;$p++) { while($row=mysql_fetch_array($rst)) { $ph=$row["photo"]; echo"<img class='ess' src='Mon_Album/$ph'/>"; 100 } } ?> </div> </div> </div> <div class="divbas"> <div class="divbasdiv1"> <div style="width:50%; height:100%; float:left;"> <h3 style="text-decoration:underline;">NOS PARTENAIRES</h3> <ul style="style="margin:2px 2px 2px 2px;"> <li>ffdfdfdfdf</li><li>dfdfdfdfdf</li><li>ssdezerere</li><li>dffdfdf</li><li><dffdfd /li><li>dfdfdfdf</li> </ul> </div> <div style="width:50%; height:100%; float:left;"> <h3 style="text-decoration:underline;">NOS ACTIONNAIRES</h3> <ul style="margin:2px 2px 2px 2px;"> <li>ffdfdfdfdf</li><li>dfdfdfdfdf</li><li>ssdezerere</li><li>dffdfdf</li><li><dffdfd /li><li>dfdfdfdf</li> </ul> </div> </div> <div class="divbasdiv2"> <h3 style="text-decoration:underline;">Retrouvez-nous sur</h3> <ul style="margin:2px 2px 2px 2px;"> <li><img src="Images/bgr.jpeg" width=30 height=30/><a style ="margin:2px;" href=" www.google.fr">Google(Recherche)</a></li> <li><img src="Images/default.jpeg" width=30 height=30/><a style ="margin:2px;" href=" www.yahoo.fr">Yahoo!</a></li> <li><img src="Images/ouf.jpeg" width=30 height=30/><a style ="margin:2px;" href=" www.facebook.com">Facebook</a></li> 101 <li><img src="Images/fry.jpeg" width=30 height=30/><a style ="margin:2px;" href=" www.developpez.com"> Developpez.com</a></li> </ul> </div> </div> </body> </html> VI.1.3. Présentation du formulaire avec son code html> <title> Insertion actualité </title> <head> <link rel="stylesheet" type="text/css" href="../../Styles/formpg.css"/> </head> <body> <table> <tr><td> <div class="div1"><h1> Enregistrement actualité</h1></div> </tr></td> <tr><td> <div> 102 <form action="charger.php" method="post" enctype="multipart/form-data"> <input type="hidden" name="cache" value="3000000"> <table width=500> <tr><td><label>Date</label></td> <td><input type="text" name="dateactu" value="<?php echo date('y/m/d');?>"/></td></tr> <tr><td><label>Photo</label></td> <td><input type="file" name="photo" size=45/></td></tr> <tr><td valign="top"><lable>Description</lable></td> <td><textarea style="width=500;" name="description" cols=50 rows=15></textarea></td></tr> <tr><td><input type="submit" name="envoyer"/></td><td><input type="reset" name="annuler"/></td></tr> </table> </form> </div> </tr></td></table> <table class="table"> <tr><td> Les actualités doivent être insérées une par une tout en respectant<br/> les valeurs de chaque rubrique. L'enregistrement se fait de telle sorte que la date saisie corresponde<br/> à la date du jour, cliquez sur parcourir pour insérer une photo qui fait réference à l'actualité<br/> la description quant à elle représente les detail de l'actualité.<br/> Notice: la date et la description sont obligatoires. </tr></td></table> </body> </html> |
|