Affichage de Frame
Résolu
valttt
Messages postés
321
Statut
Membre
-
valttt Messages postés 321 Statut Membre -
valttt Messages postés 321 Statut Membre -
Bonjour,
J'ai créé 3 fichiers:
- Index.html qui pointe vers les 2 autres fichiers (1 dans chaque Frame).
- Photos.html (frame] du haut)
- Player.html (frame du bas)
Je travail pour l'instant, en local.
Lorsque je lance Index.html:
Les 2 frames s'affiche (Photos.html, mais sans le background) et le player.html, mais 1 seconde plus tard, lorsque le background s'affiche dans la Frame du haut, la frame du bas avec le player.html disparait.
Quelqu'un pourrait-il m'aider ???
Merci d'avance
J'ai créé 3 fichiers:
- Index.html qui pointe vers les 2 autres fichiers (1 dans chaque Frame).
- Photos.html (frame] du haut)
- Player.html (frame du bas)
Je travail pour l'instant, en local.
Lorsque je lance Index.html:
Les 2 frames s'affiche (Photos.html, mais sans le background) et le player.html, mais 1 seconde plus tard, lorsque le background s'affiche dans la Frame du haut, la frame du bas avec le player.html disparait.
Quelqu'un pourrait-il m'aider ???
Merci d'avance
1 réponse
-
J'oubliais de vous mettre les codes:
Index.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<title>Autour de la Guitare _ Photos</title>
</head>
<frameset rows="*,20" onload="monitor(true)" frameborder="NO" border="0" framespacing="0">
<frame src="photo.html" id="page" name="page" scrolling="auto"
frameborder="0" marginheight="0" marginwidth="0"
allowtransparency="true" style="background-color: #FFFFFF;" />
<frame src="player.html"
id="player" name="player" scrolling="no"
noresize="noresize" frameborder="0" marginheight="0" marginwidth="0" />
<noframes>
<body>
<P><EM>Votre navigateur doit accepter les Frames pour pourvoir voir le player</EM>
<P>...
</body>
</noframes>
</frameset>
</html>
Player.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="generator" content="JMBerthier - Galerie Photo XHTML" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Autour de la Guitare - Photos - Vidéos </title>
<link rel="stylesheet" type="text/css" href="player.css" />
</head>
<div id="player_box">
<object type="application/x-shockwave-flash" data="dewplayer.swf" width="200" height="20" id="dewplayer" name="dewplayer"> <param name="wmode" value="transparent" /><param name="movie" value="dewplayer.swf" /> <param name="flashvars" value="mp3=MP3\Music.mp3&autostart=1&autoreplay=1&volume=50" /> </object>
</div>
Photos.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="generator" content="JMBerthier - Galerie Photo XHTML" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Autour de la Guitare - Photos - Vidéos </title>
<link rel="stylesheet" type="text/css" href="photo.css" />
</head>
<div id="main_container">
<div id="header">
<div id="menu_tab">
<ul class="menu">
<li class="divider"></li>
<li><a href="index.html" class="nav_selected"> Accueil </a></li>
<li><a href="photo.html" class="nav"> Photos_Videos </a></li>
<li><a href="agenda.html" class="nav"> Agenda </a></li>
<li><a href="forum" class="nav"> Forum </a></li>
<li><a href="espace" class="nav"> Espace Membres </a></li>
<li><a href="contact.html" class="nav"> Contact </a></li>
</ul>
</div>
</div>
<head>
<meta name="generator" content="JMBerthier - Galerie Photo XHTML" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="photo.css" />
<script type="text/javascript">
<!--
var $imgCount=7;
var $pgLbl=true;
var $nThumbs=5;
var $images=new Array();
$images[0]=new Array('1.jpg','Notre Salle',600,450);
$images[1]=new Array('2.jpg','Jean-Marie',600,450);
$images[2]=new Array('3.jpg','Martine',600,450);
$images[3]=new Array('4.jpg','Philippe',600,450);
$images[4]=new Array('5.jpg','Céline',600,450);
$images[5]=new Array('6.jpg','Valérie',600,450);
$images[6]=new Array('7.jpg','Véronique',600,450);
$images[7]=new Array('','',0,0);
//==============================
// Html Photo Gallery Script
// © JMBerthier.com - 2006-2008
//==============================
var $tdElts;
var $imgPgElt;
var $lblPgElt;
function init(){
$tdElts=document.getElementsByTagName("td");
$imgPgElt=document.getElementById("pgimg");
$lblPgElt=document.getElementById("pglbl");
}
function clickThumb($img){
showImg($img);
$n=($imgCount>$nThumbs)? $img:$imgCount;
$n-=Math.floor($nThumbs/2);
var $first=($n<0)? 0:($n>$imgCount-$nThumbs)? $imgCount-$nThumbs:$n;
showThumbs($first,$img);
}
function showThumbs($first,$current){
var $txt='';
var $elt=0;
for ($i=$first; $i<$first+$nThumbs; $i++){
if ($i==$current) $txt='<img class="activethumb" src="thumbnails/'+$images[$i][0]+'" alt="'+$images[$i][1]+'" />';
else $txt='<a href="javascript:clickThumb('+$i+')"><img class="thumb" src="thumbnails/'+$images[$i][0]+'" alt="'+$images[$i][1]+'" /></a>';
if ($tdElts[$elt].className != 'thumb') $elt++;
$tdElts[$elt].innerHTML=$txt;
$elt++;
}
}
function showImg($i){
var $txt = '<img src="images/'+$images[$i][0]+'" width="'+$images[$i][2]+'" height="'+$images[$i][3]+'" alt="'+$images[$i][0]+'" />';
$imgPgElt.innerHTML=$txt;
if ($pgLbl) $lblPgElt.innerHTML=$images[$i][1];
}
// -->
</script>
</head>
<body onload="if (self!=top) top.location=self.location">
<div id="gallery">
<h1></h1>
<h2></h2>
<table>
<tr>
<td colspan="5" id="pgblk"><div id="pgimg"> </div>
<div id="pglbl"> </div></td>
</tr>
<tr>
<td class="thumb"> </td>
<td class="thumb"> </td>
<td class="thumb"> </td>
<td class="thumb"> </td>
<td class="thumb"> </td>
</tr>
</table>
<script type="text/javascript">init();showThumbs(0,0);showImg(0);</script>
</div>
</body>
</html>
