Problème avec les iframes

Fermé

Connexion

sean81 - 2 juin 2010 à 03:45
sean81 - 4 juin 2010 à 15:26

Bonjour,
Je souhaite créer un site avec des iframes pour la première fois , voici ce que je recherche:

je souhaite que les personnes en cliquant sur un lien , au centre de la page s'affiche la page html ou un fichier pdf demandé.

J'ai un bout de code qui marche bien mais j'arrive pas à le struturer correctement.

Pouvez vous m'aider !!!

code html

<!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> <!-- Titre du site -->
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="all" type="text/css" href="acceuil.css" />
</head>
<body>
<div id="entete"><!--en tête -->
</div>
<div id="menu">
       <img id="icone_menu"src="images/ballon.jpg"/> <a href="Seniors.html" target="contenu">Seniors</a><br><br>
       <img id="icone_menu"src="images/ballon.jpg"/> <a href="Jeunes.html" target="contenu">Juniors</a><br><br>
	   <img id="icone_menu"src="images/ballon.jpg"/> <a href="Poussins.html" target="contenu">Poussins</a>
</div>
<div id="corps"> <!-- corps acceuil-->
<h1>Convocations des matchs</h1>

<iframe name="contenu" width="730" height="570" align="middle">
</div>
</body>
</html>

code css

body
{
background-color:black; 
font-family:"Times New Roman", Times, serif;
width: 1000px;
margin-left: auto; 
margin-right: auto;
}
#entete
{
width: 920px;
height: 100px;
background-image: url("images/baniere.JPG");
border: 5px double #FFFFFF;
background-repeat: no-repeat;
}
#corps
{
width: 730px;
height: 650px;
padding: 5px;
margin: 15px 0px 0px 180px;
color: #ffffff;
background-color: #3366FF;
border: 6px double #FFFF00;
font-family:"Times New Roman", Times, serif;
}
#corps h1 
{
color: #00FF33;
text-align: center;
font-family:"Times New Roman", Times, serif;
text-decoration : underline;
}
#corps h2
{
height: 30px;
padding-left: 30px;
color: #74d0f1;
text-align: left;
text-decoration: underline;
font-family:"Times New Roman", Times, serif;
}
#corps h3
{
height: 30px;
padding-left: 30px;
color: #74d0f1;
text-align: left;
text-decoration: underline;
font-family:"Times New Roman", Times, serif;
}
.titre
{
color: #ff99ff;
font-size: 40px;
font-weight:bold;
text-transform: uppercase;
font-family:"Times New Roman", Times, serif;
}
#menu
{
float:left;
margin: 150px 15px 0px 0px;
height: 400px;
width: 150px;
border: 4px solid #66FF00;
font-family:"Times New Roman", Times, serif;
}
#menu a
{
color:#ffffff;
}
#menu a:hover
{
color:#ffcc00;
}
#icone_menu
{
border:0px;
padding-left:5px;
padding-top:5px;
}

page seniors : c'est là où je bute , et je pense que je dois aussi oublier des paramètre coté index.php

<!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> <!-- Titre du site -->
<title> Pays d'Agout Football Club 81 </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="all" type="text/css" href="seniors.css"/>
</head>
<body>
<object type="application/pdf" id="pdf">
<param name="src" value="pdf/CV.pdf"/> 
</body>
</html>

merci de votre aide

A voir également:

Iframe n'autorise pas la connexion
Site inaccessible n'autorise pas la connexion - Guide
Www.youtube.com n'autorise pas la connexion. - Forum YouTube
Coco.fr connexion - Forum Réseaux sociaux
Gmail connexion - Guide
Moacloud.com n'autorise pas la connexion. ✓ - Forum Réseaux sociaux

5 réponses

Réponse 1 / 5

vlar Messages postés 2289 Date d'inscription vendredi 17 août 2007 Statut Membre Dernière intervention 29 novembre 2013 621
Modifié par vlar le 2/06/2010 à 07:42

A mon avis, les iframes n'est pas la meilleure solution pour votre problème, regardez plutot du coté de l'AJAX qui evite le rechargement de la page.

Sinon, votre iframe est mal définie .. Vous ne lui attribuez rien comme source ...

Pour le faire, il faut :

- Definir un "site" indépendant sur lequel vous avez le lien que vous voulez , et une deuxième page avec le fichier PDF relié au lien précédent

- A partir de la il faut la ligne suivante

<iframe src:" /chemin du 2eme site interne" />

Cordialement
Tout groupe humain prend sa richesse dans la communication, l'entraide et la solidarité visant à un but commun : l'épanouissement de chacun dans le respect des différences

Réponse 5 / 5

sean81
4 juin 2010 à 15:26

voici mon code coté page d'acceuil

<div id="menu">
       <img id="icone_menu"src="images/ballon.jpg"/> <a href="seniors.php" target="contenu">Seniors</a><br><br>
       <img id="icone_menu"src="images/ballon.jpg"/> <a href="Jeunes.html" target="contenu">Juniors</a><br><br>
	   <img id="icone_menu"src="images/ballon.jpg"/> <a href="Poussins.html" target="contenu">Poussins</a>
</div>
<div id="corps"> <!-- corps acceuil-->

<iframe name="contenu" width="900" height="800" align="middle">
</div>

voici le code sur la page demandé

<div>
<iframe src="pdf/seniors.pdf" width="750" height="800" align="middle">
</object>
</div>

Le souci c'est une fois la page s'ouvre à 75% , une autre fois à 100% , et parfois la taille n'est pas pris en compte avais vous une idée ??

sinon j'ai trouvé ceci

<html>
<head>
<script language="JavaScript" type="text/javascript">
function loadPage(url){
document.getElementById('it').contentWindow.document.location.href=url;
}			
</script>
</head>
<body>
         <div id="f1">
			<button onclick="javascript:loadPage('seniors.html');">Cliquer pour charger la Div ci-dessous</button>
		 </div>	
		 <div id="f_2">
			<iframe id="it" width="1150" height="850">
			</iframe>
		    </div>

	 </body>
 </html>

le souci c'est qu'on peux l'afficher qu'une fois , si on reclick sur le bouton , elle s'affiche plus , ou elle peux afficher une deuxième page , j'aimerai reproduire ce code pour avoir 3/4 page à gérer , est ce qu'avec ceci , vous pouvez me trouver une solution ?

Merci encore

Discussions similaires

Problème Safari et iframe YouTube

Problème d'intégration "Youtube" sur mon site Web

Problème avec iframe

Utilisateur anonyme - 9 mai 2018 à 10:01
Utilisateur anonyme - 10 mai 2018 à 02:12

lien youtube html

Ce site est inaccessible www.youtube.com n'autorise pas la connexion.

code Iframe YouTube ne fonctionne pas