J'ai deux problèmes, je les mets dans une seule discussion (ai-je raison...)
Problème numéro 1
Je n'arrive pas a faire marcher ce script JS sous FireFox (étonnant; il marche sous ie ...)
Il permet de supprimer une photo de la BDD et du fichier en cliquant sur l'image en question
modifier.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html> <head> <title>Modifiez votre album</title> <script> function getXMLHttpRequest() { var xhr = null; if (window.XMLHttpRequest || window.ActiveXObject) { if (window.ActiveXObject) { try { xhr = new ActiveXObject("Msxml2.XMLHTTP"); } catch(e) { xhr = new ActiveXObject("Microsoft.XMLHTTP"); } } else { xhr = new XMLHttpRequest(); } } else { alert("Votre navigateur ne supporte pas l'objet XMLHTTPRequest..."); return null; } return xhr; } function Supprimer(id){ var xhr = getXMLHttpRequest(); // Voyez la fonction getXMLHttpRequest() définie dans la partie précédente xhr.open("GET", "supprimer.php?id=" + id + "", true); xhr.send(null); window.location.replace('modifier.php?id=<?php echo $_GET['id'];?>'); } </script> <link rel="stylesheet" href="style.css" style="text/css"/> </head> <body> <div id="MenuH"> <?php echo MenuHaut(); ?> <!--importe le menu lateral gauche--> </div> <div id="MenuGauche"> <?php echo MenuGauche(); ?><!--importe le menu horizontal haut--> </div> <div id="Content"> <?php if(!isset($_GET['id'])){ echo "Veuillez choisir un album à modifier sur la page précedente!"; } else if(isset($_GET['id'])){ $id = $_GET['id']; ?> <form method="post" action="ajouter-image.php?id=<?php echo $_GET['id'];?>"> <p> Choisissez une méthode d'ajout :<br /> <input type="radio" name="methode" value="zip" id="zip" /> <label for="zip">avec un fichier .zip <small><a href="aide.php#zip">Créer un fichier .zip</a></small></label><br /> <input type="radio" name="methode" value="normal" id="normal" /> <label for="normal">photo par photo <small>(déconseillé si plus de 10 photos)</small></label><br /> <input type="submit" value="Suite" /> </p> </form> <?php } ?> <h3 style="text-align: right">Contenu de cet album</h3> <p style="text-align: right">Cliquez sur une photo pour la retirer de l'album</p> <?php AfficherImages($id); ?> </div> </body> </html>
supprimer.php
<?php
require_once('moteur.php'); //ce fichier contient toutes les fonctions
$id = $_GET['id'];
$reponse = mysql_query("SELECT * FROM contenu_album WHERE id='$id'");
while($donnees = mysql_fetch_array($reponse)){
unlink($donnees['url']);
}
mysql_query("DELETE FROM contenu_album WHERE id='$id'");
?>
___________________________________________________________________________________________
Problème numéro 2
Je n'arrive pas à rendre ce script compatible avec ie, il me met une erreur d'objet (visiblement il n'arrive pas a trouver le champ du formulaire)
diapo.php
<script>
urlImage = new Array();
<?php
$id = $_GET['id'];
$reponse = mysql_query("SELECT * FROM contenu_album WHERE id_album = '$id'");
$i = 0;
while ($donnees = mysql_fetch_array($reponse)){
echo ' i'.$i.' = new Image();
i'.$i.'.src = "'.$donnees['url'].'";
urlImage['.$i.'] = "'.$donnees['url'].'";
';
$i++;
}
?>
i = 0;
function calculSecondes(){
form = document.getElementById("form");
secondes = form.secondes.value * 1000;
Lecteur('play');
document.getElementById('secondes').value = "Modif.";
}
function Lecteur(methode){
if(methode == "play"){
if(i < urlImage.length){
document.getElementById("info").innerHTML = i;
document.getElementById("output").src = urlImage[i];
i++;
retardateur = window.setTimeout("Lecteur('play')", secondes);
}
else {
clearTimeout(retardateur);
i = 0;
retardateur = window.setTimeout("Lecteur('play')", secondes);
}
}
else if(methode == "pause"){
i--;
clearTimeout(retardateur);
if(i < urlImage.length){
document.getElementById("info").innerHTML = i;
document.getElementById("output").src = urlImage[i];
}
else if(i > urlImage.lenth){
i = 0;
Lecteur("pause");
//window.setTimeout("Suivante()", 3000);
}
}
else if(methode == "precedente"){
i = i-2;
clearTimeout(retardateur);
if (i<0){
i = 0;
}
else{
document.getElementById("output").src = urlImage[i];
document.getElementById("info").innerHTML = i;
}
}
else if(methode = "suivante"){
clearTimeout(retardateur);
if(i < urlImage.length){
document.getElementById("info").innerHTML = i;
document.getElementById("output").src = urlImage[i];
i++;
}
else{
i = 0;
Lecteur("suivante");
}
}
}
function Precedente(){
i--;
i--;
if (i<0){
i = 0;
}
else{
document.getElementById("output").src = urlImage[i];
document.getElementById("info").innerHTML = i;
}
}
</script>
<link rel="stylesheet" href="style.css" style="text/css"/>
</head>
<body>
<div id="MenuH">
<?php echo MenuHaut(); ?>
</div>
<div id="MenuGauche">
<?php echo MenuGauche(); ?>
</div>
<form id="form" name="form">
<p>Délais entre les images: <select name="secondes" id="secondes">
<option value="2">2 secondes</option>
<option value="3">3 secondes</option>
<option value="4">4 secondes</option>
<option value="5">5 secondes</option>
<option value="6">6 secondes</option>
<option value="7">7 secondes</option>
<option value="8">8 secondes</option>
<option value="9">9 secondes</option>
<option value="10">10 secondes</option>
<option value="15">15 secondes</option>
</select><input type="button" value="Lancer" id="lancer" onclick="calculSecondes()" /></p>
</form>
<div id="Content">
<input type="button" value="<<" onclick="Lecteur('precedente')" /><input type="button" value="Play." onclick="Lecteur('play')" /><input type="button" value="Pau." onclick="Lecteur('pause')" /><input type="button" value=">>" onclick="Lecteur('suivante')" />
<div id="info"></div>
<img src="" id="output">
</div>
Merci beaucoup pour vos réponses!
