begin process at 2012 05 27 19:32:34
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Fenêtre & Pop-up

 > OUVERTURE D'UN PANNEAU ( FAUX POPUP) CONTENANT UNE PAGE WEB

OUVERTURE D'UN PANNEAU ( FAUX POPUP) CONTENANT UNE PAGE WEB


 Information sur la source

Note :
10 / 10 - par 5 personnes
10,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Fenêtre & Pop-up Classé sous :popup, panneau, chargement Niveau :Débutant Date de création :06/08/2006 Vu / téléchargé :20 091 / 3 261

Auteur : franco_se

Ecrire un message privé
Commentaire sur cette source (4)
Ajouter un commentaire et/ou une note

 Description

Bonjour

Le script suivant, tres simple a mettre en oeuvre, permet d'afficher un panneau, ou faux popup, lorsque l'on clique sur le lien. Rien de tres original certe, mais le contenu de ce panneau est un page ( html, txt ...). De plus, durant le chargement du contenu, une page par defaut est presenté.

Le script s'articule sur 3 pages, contenues dans le zip:
- index.html ( affiché si aprés)
- test.html ( qui correspond a la page a charger dans le panneau)
- empty.html ( page par defaut du panneau, durant le chargement du contenu)



Source

  • // INDEX.HTML //
  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  • <html xmlns="http://www.w3.org/1999/xhtml">
  • <head>
  • <title>Untitled Document</title>
  • <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  • <link rel="stylesheet" type="text/css" href="style.css" />
  • </head>
  • <body>
  • <div class="main">
  • <table class="center">
  • <tr>
  • <td><a href="#" onclick="showaction('test.html');">Ce lien permet l'ouverture de la page &quot;teste.html&quot;</a></td>
  • </tr>
  • </table>
  • <!-- ce script gere l'ouverture, la fermeture et le contenu du panneau -->
  • <script type="text/javascript">
  • function showaction(url) {
  • document.getElementById('page_action_iframe').contentWindow.document.body.innerHTML='Chargement en cours...';
  • document.getElementById("page_action").style.visibility = "visible";
  • // ici, l'iframe prend tout la place disponible, mais il est aussi pssible de definir une largeur et une hauteur finie
  • document.getElementById("page_action_iframe").style.width = "100%";
  • document.getElementById("page_action_iframe").style.height = "100%";
  • frames['page_action_iframe'].location.href= url ;
  • }
  • function hideaction() {
  • document.getElementById("page_action").style.visibility = "hidden";
  • document.getElementById("page_action_iframe").style.width = "1px";
  • document.getElementById("page_action_iframe").style.height = "1px";
  • }
  • </script>
  • <!-- Panneau -->
  • <!-- Pensez a modifier le style du panneau ce apres, qui gère sa largeur (width) , sa hauteur (height), la distance avec le haut (top) et le bord gauche (left) -->
  • <div id="page_action" class="panel" style="position:absolute; top:10px; left:10px; width:800px; height:200px; visibility:hidden;z-index:1000;">
  • <table style="border:0px;height:20px;width:100%;" cellspacing="0px" cellpadding="0px"><tr>
  • <td class="name" style="width:95%;padding-left:10px;">
  • <!-- Ici se trouve le titre du panneau -->
  • Titre du panneau ( à definir )
  • </td>
  • <td class="title" style="text-align:center;">[<a href="#" class="title" onclick="hideaction();">X</a>]</td>
  • </tr></table>
  • <!-- Cet iframe affiche la page demandée ( dans cette exemple test.html ). durant le chargement, elle affiche la page empty.html -->
  • <iframe id="page_action_iframe" name="page_action_iframe" src="empty.html" style="width:800px;height:600px;"></iframe>
  • </div>
  • </div>
  • <!-- END Panneau -->
  • </body>
  • </html>
// INDEX.HTML  //

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0  Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>

<body>
<div class="main">
  <table class="center">
	<tr>
	<td><a href="#" onclick="showaction('test.html');">Ce lien permet l'ouverture de la page &quot;teste.html&quot;</a></td>
	</tr>
</table>

<!-- ce script gere l'ouverture, la fermeture et le contenu du panneau -->
  <script type="text/javascript">

	function showaction(url) {
		document.getElementById('page_action_iframe').contentWindow.document.body.innerHTML='Chargement en cours...';
		document.getElementById("page_action").style.visibility = "visible";

// ici, l'iframe prend tout la place disponible, mais il est aussi pssible de definir une largeur et une hauteur finie
		document.getElementById("page_action_iframe").style.width = "100%";
		document.getElementById("page_action_iframe").style.height = "100%";

		frames['page_action_iframe'].location.href= url ;

	}
	
	function hideaction() {
		document.getElementById("page_action").style.visibility = "hidden";
		document.getElementById("page_action_iframe").style.width = "1px";
		document.getElementById("page_action_iframe").style.height = "1px";
	}
</script>

<!-- Panneau -->

<!-- Pensez a modifier le style du panneau ce apres, qui gère sa largeur (width) , sa hauteur (height), la distance avec le haut (top) et le bord gauche (left) -->
<div id="page_action" class="panel" style="position:absolute; top:10px; left:10px; width:800px; height:200px; visibility:hidden;z-index:1000;">

	<table style="border:0px;height:20px;width:100%;" cellspacing="0px" cellpadding="0px"><tr>
		<td class="name" style="width:95%;padding-left:10px;">
<!-- Ici se trouve le titre du panneau -->		
		Titre du panneau ( à definir )
		</td>
		<td class="title" style="text-align:center;">[<a href="#" class="title" onclick="hideaction();">X</a>]</td>

	</tr></table>
	
<!-- Cet iframe affiche la page demandée ( dans cette exemple test.html ). durant le chargement, elle affiche la page empty.html  -->		
	<iframe id="page_action_iframe" name="page_action_iframe" src="empty.html" style="width:800px;height:600px;"></iframe>
</div>

</div>		
<!-- END Panneau -->		
</body>
</html>


 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Sources du même auteur

JSDOS: SIMULATEUR DE CONSOLE DOS
COMPTE À REBOURS AVEC LIEN DE REDIRECTION QUAND IL EST FINI

 Sources de la même categorie

Source avec Zip Source avec une capture MYNOTIFICATIONS par inwebo
Source avec Zip Source avec une capture POSMOUSE - AFFICHAGE DES COORDONNÉES DE LA SOURIS, TAILLE DE... par phidelum
SFR WIDGET ET JQUERY par hhoareau
Source avec Zip JOLIE ALERTE AVEC "ALERT()" par heycraft
Source avec Zip Source avec une capture FENETRE D'ACTUALITE par kazma

 Sources en rapport avec celle ci

SELECTS DÉPENDANTS PRÉ-CHARGÉS D'UNE SEULE OPTION par phm
POPUP INFOBULLE par hedi_tounsi
Source avec Zip Source avec une capture DKSPROGRESSBAR : UNE PROGRESSBAR IMAGÉE QUI CHANGE DE COULEU... par DARKSIDIOUS
Source avec Zip Source avec une capture REMPLACER LES "TITLE" PAR DES POPUPS par themioux
Source avec Zip MISE À JOUR D'UNE LISTE DÉROULANTE VIA UN POPUP par ahcorad

Commentaires et avis

Commentaire de zen159 le 10/08/2006 21:22:02

Hello Franco_se
Je cherchais justement un trcu comme ça, je suis arrivé directement dessus, en plus c'est bien, il fonctionne sous FireFox ;-)... merci et bravo (code simple et efficace)

BobO

Commentaire de EricLeGrand77 le 14/08/2006 21:49:21

Bonjour,

Je confirme, script pas mal. Tourne sous Opéra 8 et 9.01

Je te met 8/10

Commentaire de slitan le 03/03/2007 20:00:36

j'ai un problème pour l'ouverture des popups il faut réactualisé la page une fois le popup fremer.

voila le code source

---------------------------------------------------------



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0  Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript">
<!--

userAgent = window.navigator.userAgent;
browserVers = parseInt(userAgent.charAt(userAgent.indexOf("/")+1),10);
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}

function findElement(n,ly) {
if (browserVers < 4) return document[n];
var curDoc = ly ? ly.document : document;
var elem = curDoc[n];
if (!elem) {
for (var i=0;i<curDoc.layers.length;i++) {
elem = findElement(n,curDoc.layers[i]);
if (elem) return elem;
}
}
return elem;
}

function changeImages() {
if (document.images && (preloadFlag == true)) {
var img;
for (var i=0; i<changeImages.arguments.length; i+=2) {
img = null;
if (document.layers) {
img = findElement(changeImages.arguments[i],0);
}
else {
img = document.images[changeImages.arguments[i]];
}
if (img) {
img.src = changeImages.arguments[i+1];
}
}
}
}

var preloadFlag = false;
function preloadImages() {
if (document.images) {
template1_1_02_over = newImage("images/template1-1_02-over.gif");
profil_over = newImage("images/profil-over.gif");
blog_over = newImage("images/blog-over.gif");
galerie_over = newImage("images/galerie-over.gif");
myspace_over = newImage("images/myspace-over.gif");
contact_over = newImage("images/contact-over.gif");
face1_up = newImage("images/face1-up.gif");
preloadFlag = true;
}
}

// -->
</script>
<!-- End Preload Script -->
<!-- ImageReady Styles (template1-1.psd) -->
<style type="text/css">
<!--

#Tableau_01 {
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
}

#entete1 {
position:absolute;
left:0px;
top:0px;
width:48%;
height:45px;
}

#template1-1-02 {
position:absolute;
left:370px;
top:0px;
width:9.16%;
height:45px;
}

#profil {
position:absolute;
left:441px;
top:0px;
width:5.81%;
height:45px;
}

#blog {
position:absolute;
left:486px;
top:0px;
width:5.93%;
height:45px;
}

#galerie {
position:absolute;
left:532px;
top:0px;
width:6.98%;
height:45px;
}

#myspace {
position:absolute;
left:586px;
top:0px;
width:63px;
height:45px;
}

#contact {
position:absolute;
left:649px;
top:0px;
width:69px;
height:45px;
}

#main2 {
position:absolute;
left:718px;
top:0px;
width:57px;
height:45px;
}

#face1 {
position:absolute;
left:0px;
top:45px;
width:775px;
height:198px;
}

#template1-1-10 {
position:absolute;
left:0px;
top:243px;
width:536px;
height:84px;
}

#face2-2 {
position:absolute;
left:536px;
top:243px;
width:213px;
height:84px;
}

#template1-1-12 {
position:absolute;
left:749px;
top:243px;
width:26px;
height:11px;
}

#face2-3 {
position:absolute;
left:749px;
top:254px;
width:26px;
height:27px;
}

#template1-1-14 {
position:absolute;
left:749px;
top:281px;
width:26px;
height:18px;
}

#template1-1-15 {
position:absolute;
left:749px;
top:299px;
width:17px;
height:25px;
}

#template1-1-16 {
position:absolute;
left:766px;
top:299px;
width:9px;
height:51px;
}

#template1-1-17 {
position:absolute;
left:749px;
top:324px;
width:17px;
height:285px;
background-color:#FFFFFF;
}

#prof2 {
position:absolute;
left:0px;
top:327px;
width:31px;
height:310px;
background-color:#245E8E;
}

#b-prof {
position:absolute;
left:31px;
top:327px;
width:156px;
height:310px;
background-color:#225783;
}

#serv1 {
position:absolute;
left:187px;
top:327px;
width:26px;
height:310px;
background-color:#245E8E;
}

#serv2 {
position:absolute;
left:213px;
top:327px;
width:18px;
height:310px;
background-color:#3176AF;
}

#b-team {
position:absolute;
left:231px;
top:327px;
width:518px;
height:1px;
}

#template1-1-23 {
position:absolute;
left:231px;
top:328px;
width:18px;
height:285px;
background-color:#FFFFFF;
}

#b-team {
position:absolute;
left:249px;
top:328px;
width:500px;
height:285px;
}

#news3 {
position:absolute;
left:766px;
top:350px;
width:9px;
height:273px;
background-color:#3176AF;
}

#template1-1-26 {
position:absolute;
left:749px;
top:609px;
width:17px;
height:14px;
}

#template1-1-27 {
position:absolute;
left:231px;
top:613px;
width:18px;
height:10px;
}

#template1-1-28 {
position:absolute;
left:249px;
top:613px;
width:500px;
height:10px;
background-color:#FFFFFF;
}

#sup3 {
position:absolute;
left:231px;
top:623px;
width:544px;
height:14px;
background-color:#3176AF;
}

#b-links {
position:absolute;
left:0px;
top:637px;
width:775px;
height:43px;
}

-->
</style>
</head>
<body onLoad="preloadImages();" style="background-color:#FFFFFF; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">
<!-- ImageReady Slices (template1-1.psd) -->
<div id="Tableau_01">
<div id="entete1">
<img src="images/entete1.gif" width="370" height="45" alt="">
</div>
<div id="template1-1-02">
<a href="#"
onmousedown="changeImages('template1_1_02', 'images/template1-1_02-over.gif'); return true;"
onmouseup="changeImages('template1_1_02', 'images/template1-1_02-over.gif'); return true;"
onmouseover="changeImages('template1_1_02', 'images/template1-1_02-over.gif'); return true;"
onmouseout="changeImages('template1_1_02', 'images/template1-1_02.gif'); return true;">
<img name="template1_1_02" src="images/template1-1_02.gif" width="71" height="45" border="0" alt="" ></a> </div>
<div id="profil">
<a href="#"
onmouseover="window.status='support'; changeImages('profil', 'images/profil-over.gif'); return true;"
onmouseout="window.status=''; changeImages('profil', 'images/profil.gif'); return true;"
onmousedown="changeImages('profil', 'images/profil-over.gif'); return true;"
onmouseup="changeImages('profil', 'images/profil-over.gif'); return true;">
<img name="profil" src="images/profil.gif" width="45" height="45" border="0" alt="profil"></a>
</div>
<div id="blog">
<a href="#"
onmouseover="window.status='news'; changeImages('blog', 'images/blog-over.gif'); return true;"
onmouseout="window.status=''; changeImages('blog', 'images/blog.gif'); return true;"
onmousedown="changeImages('blog', 'images/blog-over.gif'); return true;"
onmouseup="changeImages('blog', 'images/blog-over.gif'); return true;"
onclick="showaction('http://albertcolloideal.free.fr/dotclear');">
<img name="blog" src="images/blog.gif" width="46" height="45" border="0" alt="blog"></a>
</div>
<div id="galerie">
<a href="#"
onmouseover="window.status='contacts'; changeImages('galerie', 'images/galerie-over.gif'); return true;"
onmouseout="window.status=''; changeImages('galerie', 'images/galerie.gif'); return true;"
onmousedown="changeImages('galerie', 'images/galerie-over.gif'); return true;"
onmouseup="changeImages('galerie', 'images/galerie-over.gif'); return true;">
<img name="galerie" src="images/galerie.gif" width="54" height="45" border="0" alt="galerie"></a>
</div>
<div id="myspace">
<a href="#"
onmouseover="changeImages('myspace', 'images/myspace-over.gif'); return true;"
onmouseout="changeImages('myspace', 'images/myspace.gif'); return true;"
onmousedown="changeImages('myspace', 'images/myspace-over.gif'); return true;"
onmouseup="changeImages('myspace', 'images/myspace-over.gif'); return true;"
onclick="showaction('http://myspace.com/albertcolloidal');">
<img name="myspace" src="images/myspace.gif" width="63" height="45" border="0" alt="myspace"></a>
</div>
<div id="contact">
<a href="#"
onmouseover="changeImages('contact', 'images/contact-over.gif'); return true;"
onmouseout="changeImages('contact', 'images/contact.gif'); return true;"
onmousedown="changeImages('contact', 'images/contact-over.gif'); return true;"
onmouseup="changeImages('contact', 'images/contact-over.gif'); return true;">
<img name="contact" src="images/contact.gif" width="69" height="45" border="0" alt="contact"></a>
</div>
<div id="main2">
<img src="images/main2.gif" width="57" height="45" alt="">
</div>
<div id="face1">
<a href="#"
onmouseout="changeImages('face1', 'images/face1.gif'); return true;"
onmousedown="changeImages('face1', 'images/face1.gif'); return true;"
onmouseup="changeImages('face1', 'images/face1-up.gif'); return true;">
<img name="face1" src="images/face1.gif" width="775" height="198" border="0" alt=""></a>


</div>
<div id="template1-1-10">
<img src="images/template1-1_10.gif" width="536" height="84" alt="">
<!-- Panneau -->

<!-- Pensez a modifier le style du panneau ce apres, qui gère sa largeur (width) , sa hauteur (height), la distance avec le haut (top) et le bord gauche (left) -->
<div id="page_action" class="panel" style="position:absolute; top:0px; left:0px; width:770px; height:300px; visibility:hidden;z-index:1000;">

<table style="border:0px;height:20px;width:100%;" cellspacing="0px" cellpadding="0px"><tr>
<td class="name" style="width:95%;padding-left:0px;">

<!-- Ici se trouve le titre du panneau -->
Titre du panneau ( à definir )
</td>
<td class="title" style="text-align:center;">[<a href="#" class="title" onclick="hideaction();">X</a>]</td>

</tr></table>

<!-- Cet iframe affiche la page demandée ( dans cette exemple test.html ). durant le chargement, elle affiche la page empty.html  -->
<iframe id="page_action_iframe" name="page_action_iframe" src="empty.html" style="width:770px;height:300px;"></iframe>
</div>
</div>
<div id="face2-2">
<img src="images/face2_2.gif" width="213" height="84" alt="">
</div>
<div id="template1-1-12">
<img src="images/template1-1_12.gif" width="26" height="11" alt="">
</div>
<div id="face2-3">
<img src="images/face2_3.gif" width="26" height="27" alt="">
</div>
<div id="template1-1-14">
<img src="images/template1-1_14.gif" width="26" height="18" alt="">
</div>
<div id="template1-1-15">
<img src="images/template1-1_15.gif" width="17" height="25" alt="">
</div>
<div id="template1-1-16">
<img src="images/template1-1_16.gif" width="9" height="51" alt="">
</div>
<div id="template1-1-17">
<img src="images/template1-1_17.gif" width="17" height="285" alt="">
</div>
<div id="prof2">
</div>
<div id="b-prof">
</div>
<div id="serv1">
</div>
<div id="serv2">
</div>
<div id="b-team">
</div>
<div id="template1-1-23">
</div>
<div id="b-team">
<!-- ce script gere l'ouverture, la fermeture et le contenu du panneau -->
  <script type="text/javascript">

function showaction(url) {
document.getElementById('page_action_iframe').contentWindow.document.body.innerHTML='Chargement en cours...';
document.getElementById("page_action").style.visibility = "visible";

// ici, l'iframe prend tout la place disponible, mais il est aussi pssible de definir une largeur et une hauteur finie
document.getElementById("page_action_iframe").style.width = "770px";
document.getElementById("page_action_iframe").style.height = "300px";

frames['page_action_iframe'].location.href= url ;

}

function hideaction() {
document.getElementById("page_action").style.visibility = "hidden";
document.getElementById("page_action_iframe").style.width = "1px";
document.getElementById("page_action_iframe").style.height = "1px";
}
</script>


</div>
<!-- END Panneau -->
</div>
<div id="news3">
</div>
<div id="template1-1-26">
<img src="images/template1-1_26.gif" width="17" height="14" alt="">
</div>
<div id="template1-1-27">
<img src="images/template1-1_27.gif" width="18" height="10" alt="">
</div>
<div id="template1-1-28">
</div>
<div id="sup3">
</div>
<div id="b-links">
<img src="images/b_links.gif" width="775" height="43" alt="">
</div>
</div>
<div class="main">
  <table class="center">
<tr>
<td></td>
</tr>
</table>


</body>
</html>

Commentaire de MoineCopiste le 09/10/2008 09:59:44

Pour SLITAN :

N'étant pas quelqu'un de pointu en matière de programmation web, multi-languages, je me demandais si, au lieu de nous mettre des kilomètres de codes, n'aurait-il pas été préférable que tu place des balise <link > pour tes scripts et tes feuilles de styles ! Afin d'avoir une lecture moins « lourde »!!

Juste une question qui me permettra de savoir !

En ce qui concerne le code sus-cité, il fonctionne très bien sous Opera ( Windows et linux ) Firefox ( idem) Konqueror et Epiphany ( Linux )

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

Page qui ne termine pas proprement son chargement sous Firefox [ par MaX3315 ] Bonjour, J'ai un petit probl&#232;me avec l'un de mes script que j'ai post&#233; sur codes-sources : http://www.javascriptfr.com/code.aspx?ID=34781 Ouverture d'une popup et fermeture apres chargement de la page suivante [ par visualresine ] Bonjour,J'aimerais sur mon site web ouvrir une popup avec un petit message "veuillez patienter" et ensuite que la fenetre popup se ferme apres chargem Ouverture d'un POPUP au chargement d'une page [ par suleyman ] je voudrais savoir comment ouvir un popup au chargemnt d'une page sans pouvoir bloquer le popup car ie7 bloc les popupvoici le code que jai utiliser:& popup ne se ferme pas. [ par aymen_jaa ] Bonjour, jai une fenetre popup qui contient un formulaire,quand l'utilisateur valide, ca déclenche une fonction pour vérifier les donnéespuis si c'est Popup modal [ par njulio ] Comment maintenir un popup au premier plan. (Showmodal en Delphi par exemple) Un menu qui ne se refermerait pas au chargement de la page ? [ par antotol ] Bonjour, Je poste ici afin de demander de l'aide à une bonne âme.. Voilà, étant relativement nul en javascript, je m'enquis auprès de vous afin que si XML/Javascript [ par Orange73 ] Bonjour,j'ai un xml qui chqrge des données dans du flash.Dans ce xml, j'ai un élément qui doit ouvrir une pop up lors de son click via javascript mais pop up [ par fatatra ] Bonjour a tous;Je fais a un moment donnée dans mon site web appelle a du javascript qui ouvre un popup.Probleme quand je referme ce popup tous ce qui Prblème de function [ par tepe ] BonjourJ'ai un problème avec une fonction externe.Dans mon &lt;head&gt;&lt;script src="prog/prog.js" type="text/javascript"&gt;ReFrame();popup();&lt;/ Enregistrement de forumlaire par popup virtuelle [ par sananas ] Bonjour,J'aimerais s'avoir s'il est possible d'insèrer une page dans un calque pour traiter des données...Je m'explique j'ai un formulaire a remplir a


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,811 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales