[FR] PB Firefox.
Posted: 2011-05-15 22:38:20
bonjour,
J'utilise un Template que j'ai modifié (Créé par Rincevent modifé par Ito
Basé sur le template de milyon).
l'objectif est de monter cette page sur internet et de pouvoir la consulter. Il fonctionne très bien sur Internet explorer, mais plante sur Firefox et safari. Je souhaiterai y accéder avec mon I-phone (safari)Quelqu'un peux m'aider ?
Merci
@+
Ito
<html>
<head>
<!--
Créé par Rincevent modifé par Ito
Basé sur le template de milyon
-->
<style>
body {
background: #ADBBFF;
color: black;
font-family: Tahoma, Arial, Verdana;
}
h1 { /* Title */
font-size: 18px;
}
p {
font-size: 13px;
line-height: 125%;
}
td {
font-size: 14px;
}
#picture {
width: 240px;
height: 320px;
overflow: hidden;
border: 2px solid #666666;
}
.button { /* category buttons */
height: 15px;
width: 200px;
padding-left: 18px;
padding-right: 18px;
border: 2px solid #666666;
font-weight: bold;
cursor: hand;
}
.button1 { /* category buttons */
height: 15px;
padding-left: 18px;
padding-right: 18px;
border: 2px solid #666666;
font-weight: bold;
cursor: hand;
}
#exit {
color: #FF6666;
}
#play {
color: #99FF00;
}
#counter { /* Movie number between next and prev */
width: 100px;
height: 15px;
font-weight: bold;
text-align: center;
}
}
</style>
<script language="javaScript">
/* System variables */
var movies = new Array();
var category = ""; // Current category
var movie = null; // Current movie
var categoryButton = null; // Active category button
var index = 0; // Current movie number in this category
var isReady = true; // Is ready for input from user
/*
* Gets called by body onload.
* Organizes all div elements with the attribute category in different arrays
* depending on category.
*/
function init() {
var elements = document.body.getElementsByTagName("div");
var catArray = null;
movies["Liste"] = new Array();
createCategory("Liste");
for (var i = 0; i < elements.length; i++) {
category = elements[i].category;
if (category != null && category != "") {
catArray = movies[category];
if (catArray == null) {
catArray = new Array();
movies[category] = catArray;
catArray[0] = elements[i];
createCategory(category);
} else {
catArray[catArray.length] = elements[i];
}
movies["Liste"][movies["Liste"].length] = elements[i];
}
}
category = "Liste";
showMovie(0);
}
/*
* Called by init()
* Writes the html code for a category button with given name
*/
function createCategory(name) {
var o=new Option(name,name);
document.liste.serie[document.liste.serie.length] = o;
}
/*
* Called when the user presses a category button.
* Sets the category to the given value.
*/
function setCategory() {
if (!isReady) return;
category = document.liste.serie[document.liste.serie.selectedIndex].value;
index = 0;
showMovie(index);
}
/*
* Gets called when user presses next button
* Switches to the next movie in this category
*/
function next() {
if (!isReady) return;
index++;
if (index >= movies[category].length)
index = 0;
showMovie(index);
}
/*
* Gets called when user presses prev button
* Switches to the previous movie in this category
*/
function prev() {
if (!isReady) return;
index--;
if (index < 0)
index = movies[category].length - 1;
showMovie(index);
}
/*
* Called by functions next and prev.
* Shows the movie with specified number in this category.
* Also responsible for loading and displaying the picture for this movie
*/
function showMovie(i) {
if (movie != null) {
movie.style.display = "none";
}
movie = movies[category][i];
movie.style.display = "inline";
document.all.picture.src = movie.img;
document.all.counter.innerHTML = (i + 1) + "/" + movies[category].length;
}
/*
* Gets called when the user presses the exit button.
* Closes the program.
*/
function exit() {
window.close();
}
</script>
</head>
</body>
<body onLoad="init();" topmargin="5" leftmargin="5">
<table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td valign="top" align="center" height="80%" >
Cette page à été généré avec <a href="http://www.ant.be.tf/moviecatalog/">Ant Movie Catalog</a> le $$DATE<br>
<h2>Liste des Série</h2>
<form name="liste">
<select size=30 name="serie" onclick="setCategory();"></select>
</form>
<i><font size=1>Remarque importante: L'ensemble des images présentes sur ce site sont Copyright de leurs éditeurs et auteurs respectifs. Si ces derniers le désirent, je les retirerai immédiatement. Elles n'ont pour but que de présenter ces séries.
</td>
<td align="center" rowspan=2>
<table width="780" height="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td valign="top">
<div id="contentDiv">
<table class="$$ITEM_CATEGORY" cellspacing="0" cellpadding="0" border="0" width="100%" >
<tr>
<td width="350" valign="top" align="center">
<img src="" id="picture"><p>
<span id="prev" class="button1" onClick="prev()">Prec.</span>
<span id="counter"></span>
<span id="next" class="button1" onClick="next()">Suiv.</span>
</td>
<td valign="top">
$$ITEM_BEGIN
<div category="$$ITEM_VIDEOFORMAT" serie="$$ITEM_SOURCE" style="display: none" img="$$ITEM_PICTUREFILENAME">
<table cellspacing="0" cellpadding="0">
<tr><td colspan=2 ><h1>Série: $$ITEM_SOURCE</h1></td></tr>
<tr><td colspan=2><h1>$$ITEM_TRANSLATEDTITLE $$ITEM_ORIGINALTITLE $$ITEM_APPRECIATION</h1></td></tr>
<tr><td><b>Scénariste:</b></td><td>$$ITEM_DIRECTOR</td></tr>
<tr><td><b>Dessinateur:</b></td><td>$$ITEM_PRODUCER</td></tr>
<tr><td><b>Genre:</b></td><td>$$ITEM_CATEGORY</td></tr>
<tr><td><b>Editeur:</b></td><td>$$ITEM_COUNTRY</td></tr>
<tr><td><b>Année:</b></td><td>$$ITEM_YEAR</td></tr>
<tr><td><b>Nombre de pages:</b></td><td>$$ITEM_LENGTH</td></tr>
</table>
<p><b>Description:</b>
<br>$$ITEM_DESCRIPTION</p>
</div>
$$ITEM_END
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</td>
</table>
</body>
</html>
J'utilise un Template que j'ai modifié (Créé par Rincevent modifé par Ito
Basé sur le template de milyon).
l'objectif est de monter cette page sur internet et de pouvoir la consulter. Il fonctionne très bien sur Internet explorer, mais plante sur Firefox et safari. Je souhaiterai y accéder avec mon I-phone (safari)Quelqu'un peux m'aider ?
Merci
@+
Ito
<html>
<head>
<!--
Créé par Rincevent modifé par Ito
Basé sur le template de milyon
-->
<style>
body {
background: #ADBBFF;
color: black;
font-family: Tahoma, Arial, Verdana;
}
h1 { /* Title */
font-size: 18px;
}
p {
font-size: 13px;
line-height: 125%;
}
td {
font-size: 14px;
}
#picture {
width: 240px;
height: 320px;
overflow: hidden;
border: 2px solid #666666;
}
.button { /* category buttons */
height: 15px;
width: 200px;
padding-left: 18px;
padding-right: 18px;
border: 2px solid #666666;
font-weight: bold;
cursor: hand;
}
.button1 { /* category buttons */
height: 15px;
padding-left: 18px;
padding-right: 18px;
border: 2px solid #666666;
font-weight: bold;
cursor: hand;
}
#exit {
color: #FF6666;
}
#play {
color: #99FF00;
}
#counter { /* Movie number between next and prev */
width: 100px;
height: 15px;
font-weight: bold;
text-align: center;
}
}
</style>
<script language="javaScript">
/* System variables */
var movies = new Array();
var category = ""; // Current category
var movie = null; // Current movie
var categoryButton = null; // Active category button
var index = 0; // Current movie number in this category
var isReady = true; // Is ready for input from user
/*
* Gets called by body onload.
* Organizes all div elements with the attribute category in different arrays
* depending on category.
*/
function init() {
var elements = document.body.getElementsByTagName("div");
var catArray = null;
movies["Liste"] = new Array();
createCategory("Liste");
for (var i = 0; i < elements.length; i++) {
category = elements[i].category;
if (category != null && category != "") {
catArray = movies[category];
if (catArray == null) {
catArray = new Array();
movies[category] = catArray;
catArray[0] = elements[i];
createCategory(category);
} else {
catArray[catArray.length] = elements[i];
}
movies["Liste"][movies["Liste"].length] = elements[i];
}
}
category = "Liste";
showMovie(0);
}
/*
* Called by init()
* Writes the html code for a category button with given name
*/
function createCategory(name) {
var o=new Option(name,name);
document.liste.serie[document.liste.serie.length] = o;
}
/*
* Called when the user presses a category button.
* Sets the category to the given value.
*/
function setCategory() {
if (!isReady) return;
category = document.liste.serie[document.liste.serie.selectedIndex].value;
index = 0;
showMovie(index);
}
/*
* Gets called when user presses next button
* Switches to the next movie in this category
*/
function next() {
if (!isReady) return;
index++;
if (index >= movies[category].length)
index = 0;
showMovie(index);
}
/*
* Gets called when user presses prev button
* Switches to the previous movie in this category
*/
function prev() {
if (!isReady) return;
index--;
if (index < 0)
index = movies[category].length - 1;
showMovie(index);
}
/*
* Called by functions next and prev.
* Shows the movie with specified number in this category.
* Also responsible for loading and displaying the picture for this movie
*/
function showMovie(i) {
if (movie != null) {
movie.style.display = "none";
}
movie = movies[category][i];
movie.style.display = "inline";
document.all.picture.src = movie.img;
document.all.counter.innerHTML = (i + 1) + "/" + movies[category].length;
}
/*
* Gets called when the user presses the exit button.
* Closes the program.
*/
function exit() {
window.close();
}
</script>
</head>
</body>
<body onLoad="init();" topmargin="5" leftmargin="5">
<table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td valign="top" align="center" height="80%" >
Cette page à été généré avec <a href="http://www.ant.be.tf/moviecatalog/">Ant Movie Catalog</a> le $$DATE<br>
<h2>Liste des Série</h2>
<form name="liste">
<select size=30 name="serie" onclick="setCategory();"></select>
</form>
<i><font size=1>Remarque importante: L'ensemble des images présentes sur ce site sont Copyright de leurs éditeurs et auteurs respectifs. Si ces derniers le désirent, je les retirerai immédiatement. Elles n'ont pour but que de présenter ces séries.
</td>
<td align="center" rowspan=2>
<table width="780" height="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td valign="top">
<div id="contentDiv">
<table class="$$ITEM_CATEGORY" cellspacing="0" cellpadding="0" border="0" width="100%" >
<tr>
<td width="350" valign="top" align="center">
<img src="" id="picture"><p>
<span id="prev" class="button1" onClick="prev()">Prec.</span>
<span id="counter"></span>
<span id="next" class="button1" onClick="next()">Suiv.</span>
</td>
<td valign="top">
$$ITEM_BEGIN
<div category="$$ITEM_VIDEOFORMAT" serie="$$ITEM_SOURCE" style="display: none" img="$$ITEM_PICTUREFILENAME">
<table cellspacing="0" cellpadding="0">
<tr><td colspan=2 ><h1>Série: $$ITEM_SOURCE</h1></td></tr>
<tr><td colspan=2><h1>$$ITEM_TRANSLATEDTITLE $$ITEM_ORIGINALTITLE $$ITEM_APPRECIATION</h1></td></tr>
<tr><td><b>Scénariste:</b></td><td>$$ITEM_DIRECTOR</td></tr>
<tr><td><b>Dessinateur:</b></td><td>$$ITEM_PRODUCER</td></tr>
<tr><td><b>Genre:</b></td><td>$$ITEM_CATEGORY</td></tr>
<tr><td><b>Editeur:</b></td><td>$$ITEM_COUNTRY</td></tr>
<tr><td><b>Année:</b></td><td>$$ITEM_YEAR</td></tr>
<tr><td><b>Nombre de pages:</b></td><td>$$ITEM_LENGTH</td></tr>
</table>
<p><b>Description:</b>
<br>$$ITEM_DESCRIPTION</p>
</div>
$$ITEM_END
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</td>
</table>
</body>
</html>