Salut à tous j'ai creer une page qui me permet d'administrer mes new de les supprimer , modifier crée etc ...
Sous IE8 et firefox et Chrome ca marche le probleme c'est que sous ie7 ou antérieur je peux pas cliquer pour modifier le texte !!
Voici le lien de la page :
www.beleastwood.com/ajax_admin
Et voici les code de l'administration index.php :
<?php
require('connect.php');
?>
<!DOCTYPE html>
<html>
<meta http-equiv="Content-Type" content="text/html; charset="utf 8 unicode_ci " />
<head>
<title></title>
<link rel="stylesheet" href="style.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js "></script>
<script>
$(document).ready(function(){
$('.loader').hide();
$('#success').hide();
$('.hide').hide();
$('#add_form').hide();
$('.show').click(function(){
$('#add_form').slideDown();
$('.show').hide();
$('.hide').show();
});
$('.hide').click(function(){
$('#add_form').slideUp();
$('.hide').hide();
$('.show').show();
});
$('#add_form').submit(function(){
var titre = $('#titre').val();
var contenu = $('#contenu').val();
var link = 'add.php';
valid = true;
if($('#titre').val()=='')
{
valid = false;
$('#titre').prev('.error').show().text('Indiquez un titre');
}
else
{
$('#titre').prev('.error').hide();
}
if($('#contenu').val()=='')
{
valid = false;
$('#contenu').prev('.error').show().text('Indiquez un contenu');
}
else
{
$('#contenu').prev('.error').hide();
}
if(valid)
{
$.post(link,{titre: titre, contenu: contenu, ajax: '1'},
function(data){
if(data==true)
{
$('#add_form').slideUp();
$('.hide').hide();
$('#success').slideDown();
$('#ajax_result').fadeIn(1000).append('<div class="article"><h3>'+titre+'</h3><p>'+contenu+'</p></div>');
}
})
}
return false;
});
$('.delete a').click(function(){
var id = $(this).attr('id');
var dataString = 'id='+id;
var parent = $(this).parent().parent();
$.ajax({
type: "GET",
url: "delete.php",
data: dataString,
beforeSend:function()
{
parent.animate({opacity: 0.30}, "slow");
},
success:function()
{
parent.slideUp("slow",function(){$(this).remove();});
}
});
return false;
});
$('p.contenu').click(function(){
$(this).attr("contenteditable","true");
$(this).blur(function(){
var contenu = this.innerHTML;
var id = $(this).attr('id');
var link = 'update.php';
$.post(link, {id: id, contenu: contenu, ajax: '1'},
function(data){
if(data==true)
{
$('.loader').fadeIn();
$('.loader').fadeOut();
}
})
});
});
});
</script>
</head>
<body>
<div id="content">
<h1>Administration</h1>
<div class="loader"></div>
<div id="success"></div>
<p class="show">Ajouter</p>
<p class="hide">Annuler</p>
<form id="add_form" action="add.php" method="post">
<label for="titre">Titre:</label>
<span class="error"></span>
<input type="text" name="titre" id="titre" />
<label for="contenu">Contenu:</label>
<span class="error"></span>
<textarea name="contenu" id="contenu"></textarea>
<input type="submit" class="submit" value="Envoyer" />
</form>
<div id="articles">
<div id="ajax_result"></div>
<?php
$req = $bdd->prepare('SELECT * FROM news ORDER BY id DESC');
$req->execute();
while($data = $req->fetch(PDO::FETCH_OBJ)):?>
<div class="article">
<span class="delete"><a href="delete.php?id=<?php echo $data->id;?>" id="<?php echo $data->id;?>">X</a></span>
<h3><?php echo $data->titre;?></h3>
<p class="contenu" id="<?php echo $data->id;?>"><?php echo nl2br($data->contenu);?></p>
</div>
<?php endwhile;
?>
</div>
</div>
</body>
</html>
update.php :
<?php
require('connect.php');
if(!empty($_POST))
{
$id = strip_tags($_POST['id']);
$contenu = strip_tags($_POST['contenu']);
$req = $bdd->prepare('SELECT * FROM commentaire WHERE id=:id');
$req->execute(array(':id'=>$id));
if($req->rowCount()==0)
{
header('Location: index.php');
}
$req->closeCursor();
$req = $bdd->prepare('UPDATE commentaire SET contenu=:contenu WHERE id=:id');
$req->execute(array(':contenu'=>$contenu, ':id'=>$id));
$req->closeCursor();
if($_POST['ajax']!=1)
{
header('Location: index.php');
}
else
{
echo true;
}
}
else
{
header('Location: index.php');
}
?>
add.php
<?php
require('connect.php');
if(!empty($_POST) && !empty($_POST['titre']) && !empty($_POST['contenu']))
{
$titre = strip_tags($_POST['titre']);
$contenu = strip_tags($_POST['contenu']);
$req = $bdd->prepare('INSERT INTO commentaire (titre,contenu) VALUES (:titre,:contenu)');
$req->execute(array(':titre'=>$titre, ':contenu'=>$contenu));
$req->closeCursor();
if($_POST['ajax']!=1)
{
header('Location: index.php');
}
else
{
echo true;
}
}
else
{
header('Location: index.php');
}
?>
Merci si vous pouvez m'eclaireer :)
Cordialement
Afficher la suite
