Page pour administrateur, mysql et javascript
Fermé
samsam26
Messages postés
105
Date d'inscription
vendredi 6 février 2009
Statut
Membre
Dernière intervention
4 mars 2013
-
24 mars 2009 à 19:31
samsam26 Messages postés 105 Date d'inscription vendredi 6 février 2009 Statut Membre Dernière intervention 4 mars 2013 - 2 avril 2009 à 23:04
samsam26 Messages postés 105 Date d'inscription vendredi 6 février 2009 Statut Membre Dernière intervention 4 mars 2013 - 2 avril 2009 à 23:04
A voir également:
- Page pour administrateur, mysql et javascript
- Supprimer une page word - Guide
- Mot de passe administrateur - Guide
- Telecharger javascript - Télécharger - Langages
- Traduire une page - Guide
- Word numéro de page 1/2 - Guide
14 réponses
IpIpIpIpOne
Messages postés
436
Date d'inscription
mercredi 18 février 2009
Statut
Membre
Dernière intervention
24 mai 2009
116
27 mars 2009 à 15:59
27 mars 2009 à 15:59
Voilà, Ami Terrien. J'ai pas testé. Mais j'espère que ça fonctionnera ... (En gras les modifs apportées)
C'est pas super optimisé comme script, c'est un peu lourd de mettre les "$donnees['texte']" masqués dans le code source de la page. Le mieux ça aurait de faire ça avec AJAX ... mais chaque chose en son temps ... ;)
<script type="text/javascript">
function affiche_div_modifier(cpt){
document.getElementById('titre').value = document.getElementById('titre'+cpt).innerHTML;
document.getElementById('texte').value = document.getElementById('texte'+cpt).innerHTML;
document.getElementById('modifier').style.display = 'block';
}
</script>
<?php
mysql_connect("localhost", "******", "******");
mysql_select_db("******");
$requete=mysql_query("SELECT * FROM table ORDER BY numero DESC");
$cpt=0;
while ($donnees = mysql_fetch_array($requete) )
{
$cpt++;
?>
<div class="modifadmin" onmouseover="this.style.backgroundColor='#dcb850', this.style.borderColor='#dcb850'" onmouseout="this.style.backgroundColor='#c69d27', this.style.borderColor='#bd5922'" ><span id=titre<?php echo $cpt;?>>
<?php echo $donnees['titre'];?></span><span style="display:none;" id=texte<?php echo $cpt;?>>
<?php echo $donnees['texte'];?></span> <div class=image><img src="modifier.png" onclick="affiche_div_modifier(<?php echo $cpt; ?>);"/> <img src="supprimer.png" onclick="document.getElementById('supprimer').style.display='block';"/></div>
</div>
<?php
}
?>
<div id=modifier style="display:none;">
<input type="text" name="titre" id=titre value="" /> <br />
<textarea id=texte>
</textarea>
</div>
C'est pas super optimisé comme script, c'est un peu lourd de mettre les "$donnees['texte']" masqués dans le code source de la page. Le mieux ça aurait de faire ça avec AJAX ... mais chaque chose en son temps ... ;)
<script type="text/javascript">
function affiche_div_modifier(cpt){
document.getElementById('titre').value = document.getElementById('titre'+cpt).innerHTML;
document.getElementById('texte').value = document.getElementById('texte'+cpt).innerHTML;
document.getElementById('modifier').style.display = 'block';
}
</script>
<?php
mysql_connect("localhost", "******", "******");
mysql_select_db("******");
$requete=mysql_query("SELECT * FROM table ORDER BY numero DESC");
$cpt=0;
while ($donnees = mysql_fetch_array($requete) )
{
$cpt++;
?>
<div class="modifadmin" onmouseover="this.style.backgroundColor='#dcb850', this.style.borderColor='#dcb850'" onmouseout="this.style.backgroundColor='#c69d27', this.style.borderColor='#bd5922'" ><span id=titre<?php echo $cpt;?>>
<?php echo $donnees['titre'];?></span><span style="display:none;" id=texte<?php echo $cpt;?>>
<?php echo $donnees['texte'];?></span> <div class=image><img src="modifier.png" onclick="affiche_div_modifier(<?php echo $cpt; ?>);"/> <img src="supprimer.png" onclick="document.getElementById('supprimer').style.display='block';"/></div>
</div>
<?php
}
?>
<div id=modifier style="display:none;">
<input type="text" name="titre" id=titre value="" /> <br />
<textarea id=texte>
</textarea>
</div>
IpIpIpIpOne
Messages postés
436
Date d'inscription
mercredi 18 février 2009
Statut
Membre
Dernière intervention
24 mai 2009
116
24 mars 2009 à 19:58
24 mars 2009 à 19:58
Salut, Ami Terrien !
<td onmouseover="this.style.bgcolor='#dcb850'">
->
<td onmouseover="this.style.background-color='#dcb850'">
Et tu dois aussi ajouter un 'onmouseout' pour que quand la souris quitte la cellule, la première couleur soit à nouveau visible.
Pour la confirmation, le plus simple c'est d'utiliser 'confirm'
<img src="image_supprimer.jpg" onclick="if(confirm('Supprimer ?'))ta_fonction_supprimer();else return false;">
sinon, ya moyen de faire mieux mais en plus compliqué avec quelque chose comme
<img src="image_supprimer.jpg" onclick="document.getElementById('id_panneau_confirme').style.display='block';">
Le div confirmation ressemblerait à ça :
<div id='id_panneau_confirme' style="display:none;">Supprimer ? <a onclick="ta_fonction_supprimer();">Oui</a> <a onclick="document.getElementById('id_panneau_confirme').style.display='none';">Non</a></div>
Voilà pour la piste à suivre.
Cordialement,
IpIpIp Ipone
<td onmouseover="this.style.bgcolor='#dcb850'">
->
<td onmouseover="this.style.background-color='#dcb850'">
Et tu dois aussi ajouter un 'onmouseout' pour que quand la souris quitte la cellule, la première couleur soit à nouveau visible.
Pour la confirmation, le plus simple c'est d'utiliser 'confirm'
<img src="image_supprimer.jpg" onclick="if(confirm('Supprimer ?'))ta_fonction_supprimer();else return false;">
sinon, ya moyen de faire mieux mais en plus compliqué avec quelque chose comme
<img src="image_supprimer.jpg" onclick="document.getElementById('id_panneau_confirme').style.display='block';">
Le div confirmation ressemblerait à ça :
<div id='id_panneau_confirme' style="display:none;">Supprimer ? <a onclick="ta_fonction_supprimer();">Oui</a> <a onclick="document.getElementById('id_panneau_confirme').style.display='none';">Non</a></div>
Voilà pour la piste à suivre.
Cordialement,
IpIpIp Ipone
IpIpIpIpOne
Messages postés
436
Date d'inscription
mercredi 18 février 2009
Statut
Membre
Dernière intervention
24 mai 2009
116
2 avril 2009 à 15:36
2 avril 2009 à 15:36
-Comment est ce que je pourrais formuler ma requête SQL de modification? comment pourrais-je utiliser le WHERE?
Pour modifier une ligne avec sql : 'UPDATE table SET champ=\''.$valeur.'\' WHERE id=\''.$id.'\';';
-De la même manière comment faire ma requête de suppression? De plus, pour la suppression, je souhaiterais qu'avant on test si l'utilisateur a validé "oui" ou "non", non: on remet la page normalement, et oui on envoie la requête de suppression.
Pour supprimer une ligne avec sql : 'DELETE FROM table WHERE id=\''.$id.'\';';
-Les requêtes doivent-elles être sur une autre page comme je l'ai fais pour l'ajout d'accueil? Dans ce cas là faut il utiliser GET, et comment puis-je mettre derrière le WHERE le titre=????
-Les requêtes doivent-elles être sur la page, dans ces cas là comment fonctionnent-elle, et toujours la même question avec le WHERE.
Le mieux, c'est d'utiliser AJAX. Je sais, pour un débutant, ce ne sera pas forcément simple ... mais tu ne t'es pas forcément lancé dans un truc simple pour commencer à apprendre ...
-> http://www.commentcamarche.net/forum/affich 11793084 js et bdd combine les deux
Je tacherais de me pencher sur les autres problèmes plus tard, là tout de suite j'ai plus trop le temps.
Bon courage !
Pour modifier une ligne avec sql : 'UPDATE table SET champ=\''.$valeur.'\' WHERE id=\''.$id.'\';';
-De la même manière comment faire ma requête de suppression? De plus, pour la suppression, je souhaiterais qu'avant on test si l'utilisateur a validé "oui" ou "non", non: on remet la page normalement, et oui on envoie la requête de suppression.
Pour supprimer une ligne avec sql : 'DELETE FROM table WHERE id=\''.$id.'\';';
-Les requêtes doivent-elles être sur une autre page comme je l'ai fais pour l'ajout d'accueil? Dans ce cas là faut il utiliser GET, et comment puis-je mettre derrière le WHERE le titre=????
-Les requêtes doivent-elles être sur la page, dans ces cas là comment fonctionnent-elle, et toujours la même question avec le WHERE.
Le mieux, c'est d'utiliser AJAX. Je sais, pour un débutant, ce ne sera pas forcément simple ... mais tu ne t'es pas forcément lancé dans un truc simple pour commencer à apprendre ...
-> http://www.commentcamarche.net/forum/affich 11793084 js et bdd combine les deux
Je tacherais de me pencher sur les autres problèmes plus tard, là tout de suite j'ai plus trop le temps.
Bon courage !
samsam26
Messages postés
105
Date d'inscription
vendredi 6 février 2009
Statut
Membre
Dernière intervention
4 mars 2013
6
26 mars 2009 à 23:13
26 mars 2009 à 23:13
Merci beaucoup, mais ça ne fonctionne pas...
En fait j'ai pas encore fait l'apparition des fenêtre (ça yaura pas de soucis en principe) mais là en fait le problème vient du changement de couleur, elle ne se modifient pas... Est ce parce que le javascript est utilisé dans une boucle php?
Merci pour votre aide =)
En fait j'ai pas encore fait l'apparition des fenêtre (ça yaura pas de soucis en principe) mais là en fait le problème vient du changement de couleur, elle ne se modifient pas... Est ce parce que le javascript est utilisé dans une boucle php?
Merci pour votre aide =)
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
samsam26
Messages postés
105
Date d'inscription
vendredi 6 février 2009
Statut
Membre
Dernière intervention
4 mars 2013
6
27 mars 2009 à 00:34
27 mars 2009 à 00:34
Bonsoir à tous, j'ai réussi à avancer dans mon problème, mais ce que je redoutais le plus évidemment se produit...
J'ai réussi toute la partie javascript, et là je m'acharne sur la partie php/mysql.
voici mon code:
En fait vous l'avez compris:
il y a les titres des articles qui s'affichent. après chaque titre, un bouton modifier, un bouton supprimer.
Je me préoccupe du bouton modifier car le principe sera la même pour la suppression.
Lorsqu'on clique sur le bouton modifier, un div apparait.
ce div contient un input de type texte et un textarea. dans l'input il y a le titre, dans le textarea l'article.
l'administrateur modifie l'article (s'il le souhaite le titre) et clique sur le bouton modifier (que j'ai pas mis là parce que je cherche en priorité à résoudre le problème suivant).
Voici mon problème:
Dans le textarea et dans l'input, peu importe l'article qu'on sélectionne, il y a toujours ecrit le titre et l'article du dernier aricle dont le titre est ecrit dans la page principal
(c'est à dire le dernier article ecrit avec cette requête:
Je voudrais savoir si vous n'auriez pas une astuce pour remédier à mon problème si vous avez réussi à le suivre jusqu'à présent... c'est à dire que sa me mette l'article et le titre de l'article dont le titre a été sélectionné...
Je vous remercie d'avance.
P.S: merci ipipipipone de m'avoir mis sur la piste, en fait fallait juste mettre "backgroundColor" au lieu de "background-color". Et l'idée de l'apparition des div est très bonne =)
J'ai réussi toute la partie javascript, et là je m'acharne sur la partie php/mysql.
voici mon code:
<?php
mysql_connect("localhost", "******", "******");
mysql_select_db("******");
$requete=mysql_query("SELECT * FROM table ORDER BY numero DESC");
while ($donnees = mysql_fetch_array($requete) )
{
?>
<div class="modifadmin" onmouseover="this.style.backgroundColor='#dcb850', this.style.borderColor='#dcb850'" onmouseout="this.style.backgroundColor='#c69d27', this.style.borderColor='#bd5922'" >
<?php echo $donnees['titre'];?> <div class=image><img src="modifier.png" onclick="document.getElementById('modifier').style.display='block';"/> <img src="supprimer.png" onclick="document.getElementById('supprimer').style.display='block';"/></div>
</div>
<div id=modifier>
<input type="text" name="titre" value="<?php echo $donnees['titre'] ?>" /> <br />
<textarea>
<?php echo $donnees['texte']; ?>
</textarea>
</div>
<?php
}
?>
En fait vous l'avez compris:
il y a les titres des articles qui s'affichent. après chaque titre, un bouton modifier, un bouton supprimer.
Je me préoccupe du bouton modifier car le principe sera la même pour la suppression.
Lorsqu'on clique sur le bouton modifier, un div apparait.
ce div contient un input de type texte et un textarea. dans l'input il y a le titre, dans le textarea l'article.
l'administrateur modifie l'article (s'il le souhaite le titre) et clique sur le bouton modifier (que j'ai pas mis là parce que je cherche en priorité à résoudre le problème suivant).
Voici mon problème:
Dans le textarea et dans l'input, peu importe l'article qu'on sélectionne, il y a toujours ecrit le titre et l'article du dernier aricle dont le titre est ecrit dans la page principal
(c'est à dire le dernier article ecrit avec cette requête:
<div class="modifadmin" onmouseover="this.style.backgroundColor='#dcb850', this.style.borderColor='#dcb850'" onmouseout="this.style.backgroundColor='#c69d27', this.style.borderColor='#bd5922'" >
<?php echo $donnees['titre'];?> <div class=image><img src="modifier.png" onclick="document.getElementById('modifier').style.display='block';"/> <img src="supprimer.png" onclick="document.getElementById('supprimer').style.display='block';"/></div>)
Je voudrais savoir si vous n'auriez pas une astuce pour remédier à mon problème si vous avez réussi à le suivre jusqu'à présent... c'est à dire que sa me mette l'article et le titre de l'article dont le titre a été sélectionné...
Je vous remercie d'avance.
P.S: merci ipipipipone de m'avoir mis sur la piste, en fait fallait juste mettre "backgroundColor" au lieu de "background-color". Et l'idée de l'apparition des div est très bonne =)
samsam26
Messages postés
105
Date d'inscription
vendredi 6 février 2009
Statut
Membre
Dernière intervention
4 mars 2013
6
27 mars 2009 à 13:14
27 mars 2009 à 13:14
Désolé, mais je remonte ce post car je n'ai vraiment aucune solution, et j'ai réellement besoin de votre aide...
S'il vous plait. Merci d'avance.
S'il vous plait. Merci d'avance.
samsam26
Messages postés
105
Date d'inscription
vendredi 6 février 2009
Statut
Membre
Dernière intervention
4 mars 2013
6
27 mars 2009 à 16:15
27 mars 2009 à 16:15
Ok merci d'être là pour moi, j'essaye ça et je te tiens au courant.
Encore merci =)
Encore merci =)
IpIpIpIpOne
Messages postés
436
Date d'inscription
mercredi 18 février 2009
Statut
Membre
Dernière intervention
24 mai 2009
116
27 mars 2009 à 16:25
27 mars 2009 à 16:25
Ok merci d'être là pour moi
Ca me fait plaisir ça, tiens ... ça fait bien longtemps qu'on ne m'avait plus dit ça ! :)
Ca me fait plaisir ça, tiens ... ça fait bien longtemps qu'on ne m'avait plus dit ça ! :)
samsam26
Messages postés
105
Date d'inscription
vendredi 6 février 2009
Statut
Membre
Dernière intervention
4 mars 2013
6
27 mars 2009 à 16:25
27 mars 2009 à 16:25
Merci beaucoup ipipipipone!
Ton code marche niquel!
Je vais bien le regarder pour le comprendre en détail et l'adapter comme il faut à mon style et aussi afin de pouvoir faire le même pour l'image "supprimer".
Niquel vraiment merci!
Ton code marche niquel!
Je vais bien le regarder pour le comprendre en détail et l'adapter comme il faut à mon style et aussi afin de pouvoir faire le même pour l'image "supprimer".
Niquel vraiment merci!
IpIpIpIpOne
Messages postés
436
Date d'inscription
mercredi 18 février 2009
Statut
Membre
Dernière intervention
24 mai 2009
116
27 mars 2009 à 16:39
27 mars 2009 à 16:39
No prob, Ami Terrien ! Avec plaisir !
Si t'as encore besoin d'un coup de main, n'hésite pas !
Peace
IpIpIp Ipone
Si t'as encore besoin d'un coup de main, n'hésite pas !
Peace
IpIpIp Ipone
samsam26
Messages postés
105
Date d'inscription
vendredi 6 février 2009
Statut
Membre
Dernière intervention
4 mars 2013
6
1 avril 2009 à 23:32
1 avril 2009 à 23:32
Voilà ipipipipone (et les autres) le résultat actuel. Je me rapproche petit à petit du résultat final que je souhaite...
http://samsam26.u7n.org/secondsouffle/administration/testadmin.php
Pour l'ajout d'article c'est ok, les changements de couleurs, l'apparition des div de modifications,... tout ça est ok.
Néanmoins quelque problèmes se posent:
-Comment est ce que je pourrais formuler ma requête SQL de modification? comment pourrais-je utiliser le WHERE?
-De la même manière comment faire ma requête de suppression? De plus, pour la suppression, je souhaiterais qu'avant on test si l'utilisateur a validé "oui" ou "non", non: on remet la page normalement, et oui on envoie la requête de suppression.
___________
-Les requêtes doivent-elles être sur une autre page comme je l'ai fais pour l'ajout d'accueil? Dans ce cas là faut il utiliser GET, et comment puis-je mettre derrière le WHERE le titre=????
-Les requêtes doivent-elles être sur la page, dans ces cas là comment fonctionnent-elle, et toujours la même question avec le WHERE.
Bref, j'ai énormément de questions sans réponses pour arriver au résultat final...
___________
Aussi pour le div modifier, je souhaiterais faire des regex pour retransformer le html (que j'avais transformé lors de l'ajout du message depuis mon bbcode) qu'il y a enregistré dans le message en mon bbcode, sauf que je ne sais pas comment se nomme la variable dans laquelle le texte est stocké, j'ai essayé $donnees['texte'] mais ça n'a pas fonctionné. (ce problème n'est pas le plus urgent étant donné que je pourrais éventuellement envoyer dans ma bdd en bbcode et le modifier lors des affichages sur le site au lieu d'envoyer en html et de modifier pour toutes les modifications...).
___________
Ensuite un autre problème, quand vous cliquez sur le bouton pour supprimer, la question de validation apparait en dessous du premier titre comment faire pour qu'elle apparaisse en dessous du titre pour lequel on a cliqué?
Je ne sais pas trop si mes questions sont claires, et j'espère que vous voyez ce que je cherche à faire...
Pour plus de clarté n'hésitez pas à regarder au lien donné au dessus ( http://samsam26.u7n.org/secondsouffle/administration/testadmin.php ), à essayer (pourrissez pas ma bdd :p), et voici aussi mon code source avec tout le php que vous ne pouvez pas voir...
Je vous remercie d'avance pour votre aide, aide qui me serait précieuse peu importe sur quel problème.
Bye.
http://samsam26.u7n.org/secondsouffle/administration/testadmin.php
Pour l'ajout d'article c'est ok, les changements de couleurs, l'apparition des div de modifications,... tout ça est ok.
Néanmoins quelque problèmes se posent:
-Comment est ce que je pourrais formuler ma requête SQL de modification? comment pourrais-je utiliser le WHERE?
-De la même manière comment faire ma requête de suppression? De plus, pour la suppression, je souhaiterais qu'avant on test si l'utilisateur a validé "oui" ou "non", non: on remet la page normalement, et oui on envoie la requête de suppression.
___________
-Les requêtes doivent-elles être sur une autre page comme je l'ai fais pour l'ajout d'accueil? Dans ce cas là faut il utiliser GET, et comment puis-je mettre derrière le WHERE le titre=????
-Les requêtes doivent-elles être sur la page, dans ces cas là comment fonctionnent-elle, et toujours la même question avec le WHERE.
Bref, j'ai énormément de questions sans réponses pour arriver au résultat final...
___________
Aussi pour le div modifier, je souhaiterais faire des regex pour retransformer le html (que j'avais transformé lors de l'ajout du message depuis mon bbcode) qu'il y a enregistré dans le message en mon bbcode, sauf que je ne sais pas comment se nomme la variable dans laquelle le texte est stocké, j'ai essayé $donnees['texte'] mais ça n'a pas fonctionné. (ce problème n'est pas le plus urgent étant donné que je pourrais éventuellement envoyer dans ma bdd en bbcode et le modifier lors des affichages sur le site au lieu d'envoyer en html et de modifier pour toutes les modifications...).
___________
Ensuite un autre problème, quand vous cliquez sur le bouton pour supprimer, la question de validation apparait en dessous du premier titre comment faire pour qu'elle apparaisse en dessous du titre pour lequel on a cliqué?
Je ne sais pas trop si mes questions sont claires, et j'espère que vous voyez ce que je cherche à faire...
Pour plus de clarté n'hésitez pas à regarder au lien donné au dessus ( http://samsam26.u7n.org/secondsouffle/administration/testadmin.php ), à essayer (pourrissez pas ma bdd :p), et voici aussi mon code source avec tout le php que vous ne pouvez pas voir...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<link rel="stylesheet" href="administration.css" name="sable et chocolat"/>
<script type="text/javascript">
<!--
function insertTag(startTag, endTag, textareaId, tagType) {
var field = document.getElementById(textareaId);
field.focus();
if (window.ActiveXObject) {
var textRange = document.selection.createRange();
var currentSelection = textRange.text;
} else {
var startSelection = field.value.substring(0, field.selectionStart);
var currentSelection = field.value.substring(field.selectionStart, field.selectionEnd);
var endSelection = field.value.substring(field.selectionEnd);
}
if (tagType) {
switch (tagType) {
case "citation":
endTag = "</citation>";
if (currentSelection) {
if (currentSelection.length > 30) {
var auteur = prompt("Quel est l'auteur de la citation ?") || "";
startTag = "<citation nom=\"" + auteur + "\">";
} else {
var citation = prompt("Quelle est la citation ?") || "";
startTag = "<citation nom=\"" + currentSelection + "\">";
currentSelection = citation;
}
} else {
var auteur = prompt("Quel est l'auteur de la citation ?") || "";
var citation = prompt("Quelle est la citation ?") || "";
startTag = "<citation nom=\"" + auteur + "\">";
currentSelection = citation;
}
break;
}
}
if (window.ActiveXObject) {
textRange.text = startTag + currentSelection + endTag;
textRange.moveStart('character', -endTag.length-currentSelection.length);
textRange.moveEnd('character', -endTag.length);
textRange.select();
} else { // Ce n'est pas IE
field.value = startSelection + startTag + currentSelection + endTag + endSelection;
field.focus();
field.setSelectionRange(startSelection.length + startTag.length, startSelection.length + startTag.length + currentSelection.length);
}
}
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 affiche_div_modifier(cpt){
document.getElementById('titre').value = document.getElementById('titre'+cpt).innerHTML;
document.getElementById('texte').value = document.getElementById('texte'+cpt).innerHTML;
document.getElementById('modifier').style.display = 'block';
}
function enleve_div_modifier(cpt){
document.getElementById('titre').value = document.getElementById('titre'+cpt).innerHTML;
document.getElementById('texte').value = document.getElementById('texte'+cpt).innerHTML;
document.getElementById('modifier').style.display = 'none';
}
function affiche_div_supprimer(cpt){
document.getElementById('titre').value = document.getElementById('titre'+cpt).innerHTML;
document.getElementById('texte').value = document.getElementById('texte'+cpt).innerHTML;
document.getElementById('supprimer').style.display = 'block';
}
function enleve_div_supprimer(cpt){
document.getElementById('titre').value = document.getElementById('titre'+cpt).innerHTML;
document.getElementById('texte').value = document.getElementById('texte'+cpt).innerHTML;
document.getElementById('supprimer').style.display = 'none';
}
//-->
</script>
</head>
<body>
<div class="autre">
<div class="modifadmin" style="text-align: center; background-color: #c6b778;" onmouseover="this.style.backgroundColor='#a5f69a', this.style.borderColor='#ffffff'" onmouseout="this.style.backgroundColor='#c6b778', this.style.borderColor='#bd5922'">
Ajouter un article à l'accueil <img src="ajouter.jpg" onclick="document.getElementById('ajouter').style.display='block';" />
</div>
<?php
mysql_connect("localhost", "samsam26", "leonidas300");
mysql_select_db("samsam26_site");
$requete=mysql_query("SELECT * FROM accueil ORDER BY numero DESC");
$cpt=0;
while ($donnees = mysql_fetch_array($requete) )
{
$cpt++;
?>
<div class="modifadmin" onmouseover="this.style.backgroundColor='#dcb850', this.style.borderColor='#dcb850'" onmouseout="this.style.backgroundColor='#c69d27', this.style.borderColor='#bd5922'" ><span id=titre<?php echo $cpt;?>>
<?php echo $donnees['titre'];?></span><span style="display:none;" id=texte<?php echo $cpt;?>>
<?php echo $donnees['texte'];?></span> <div class="image"><img src="modifier.jpg" onclick="affiche_div_modifier(<?php echo $cpt; ?>);"/> <img src="supprimer.jpg" onmouseover="parent.style.backgroundColor='#fa9d96'" onmouseout="parent.style.backgroundColor='#dcb850'" onclick="document.getElementById('supprimer').style.display='block';"/></div>
<div id="supprimer">
<form action="" method="post">
<img src=fermer.png onclick="enleve_div_supprimer(<?php echo $cpt; ?>);" onmouseover="this.src='fermer2.png'" onmouseout="this.src='fermer.png'" />
Veux tu vraiment supprimer cet article?
<label for="oui">Oui </label><input type="radio" name="valider" value="oui" id="non" />
<label for="non">Non </label><input type="radio" name="valider" value="non" id="non" />
<input type="submit" value="Valider" />
</form>
</div>
</div>
<?php
}
?>
<div class="modifadmin" style="text-align: center; background-color: #c6b778;" onmouseover="this.style.backgroundColor='#a5f69a', this.style.borderColor='#ffffff'" onmouseout="this.style.backgroundColor='#c6b778', this.style.borderColor='#bd5922'">
Ajouter un article à l'accueil <img src="ajouter.jpg" onclick="document.getElementById('ajouter').style.display='block';" />
</div>
<div id="modifier">
<form action="" method="post">
<div class="bordhautgauche"></div><div class="bordhaut"><input type="text" name="titre" id="titre" value="" class="titre" /><img src=fermer.png onclick="enleve_div_modifier(<?php echo $cpt; ?>);" onmouseover="this.src='fermer2.png'" onmouseout="this.src='fermer.png'" /></div><div class="bordhautdroit"></div>
<div class="bordgauche"></div>
<div class="centre">
<div class="smylies"><b>Smyley:</b> <br />
<img src="sourire.png" alt="sourire" onclick="insertTag(':)', '', 'texte');" />
<img src="fiou.png" alt="fiouu" onclick="insertTag('[fiouu]', '', 'texte');" />
<img src="xd.png" alt="XD" onclick="insertTag('xd', '', 'texte');" />
<img src="triste.png" alt="triste" onclick="insertTag(':(', '', 'texte');" />
<img src="wouaw.png" alt="wouaww" onclick="insertTag('O_O', '', 'texte');" />
<img src="pensif.png" alt="pensif" onclick="insertTag('*-)', '', 'texte');" />
<img src="grrr.png" alt="GrrRRr" onclick="insertTag(':@', '', 'texte');" />
<img src="inlove.png" alt="inlove" onclick="insertTag('[inlove]', '', 'texte');" />
<img src="grossourire.png" alt="=D" onclick="insertTag('=D', '', 'texte');" />
<img src="gene.png" alt="géné" onclick="insertTag(':$', '', 'texte');" />
<img src="fou.png" alt="dingue" onclick="insertTag('[fou]', '', 'texte');" />
<img src="clown.png" alt="clown" onclick="insertTag('[clown]', '', 'texte');" />
<img src="clindoeil.gif" alt="clin d'oeil" onclick="insertTag(';)', '', 'texte');" />
<img src="ange.png" alt="ange" onclick="insertTag('(a)', '', 'texte');" />
<img src="=s.png" alt="bof" onclick="insertTag(':s', '', 'texte');" />
<img src="=p.png" alt=":p" onclick="insertTag(':p', '', 'texte');" />
<img src="content.png" alt=":d" onclick="insertTag(':d', '', 'texte');" />
<img src="-_-.png" alt="-_-" onclick="insertTag('-_-', '', 'texte');" />
<img src="^^.png" alt="^^" onclick="insertTag('^^', '', 'texte');" />
<img src="(h).png" alt="au soleil" onclick="insertTag('(h)', '', 'texte');" />
<img src="(k).png" alt="bisous" onclick="insertTag('(k)', '', 'texte');" />
<img src="(l).png" alt="coeur" onclick="insertTag('(l)', '', 'texte');" />
</div>
<textarea id="texte" onselect="preview(this, 'previewDiv');" name="texte"></textarea>
<div class="option">
<input type="button" value="Gras" onclick="insertTag('[gras]','/gras','textee');" /><br/>
<input type="button" value="Italique" onclick="insertTag('[italique]','/italique','textee');" /><br/>
<input type="button" value="Centré" onclick="insertTag('[centre]','/centre','textee');" /><br/>
<input type="button" value="Souligné" onclick="insertTag('[souligne]','/souligne','textee');" /><br/>
<select onchange="insertTag('[taille=' + this.options[this.selectedIndex].value + ']', '/taille', 'textee');">
<option value="20" class="selected" selected="selected">Taille</option>
<option value="10">Très très petit</option>
<option value="15">Très petit</option>
<option value="20">Petit</option>
<option value="25">Gros</option>
<option value="30">Très gros</option>
<option value="35">Très très gros</option>
</select><br/>
<select onchange="insertTag('[couleur=' + this.options[this.selectedIndex].value + ']', '/couleur', 'textee');">
<option value="#0C5C92" style="color: #0C5C92;" class="selected" selected="selected">Couleur</option>
<option value="#ef1f1f" style="color: #ef1f1f;">rouge</option>
<option value="#eade24" style="color: #eade24;">jaune</option>
<option value="#47c761" style="color: #47c761;">vert</option>
<option value="#2527e9" style="color: #2527e9;">bleu</option>
<option value="#ff0fd9" style="color: #ff0fd9;">rose</option>
<option value="#7d43bb" style="color: #7d43bb;">violet</option>
<option value="#ffffff" style="color: #ffffff;">blanc</option>
</select>
</div>
<input type="submit" value="ajouter cette article dans l'accueil" class="boutonenvoie" />
</div>
<div class="borddroit"></div>
<div class="bordbasgauche"></div><div class="bordbas"></div><div class="bordbasdroit"></div>
</form>
</div>
<div id="ajouter">
<form action="ajoutaccueil.php" method="post">
<div class="bordhautgauche"></div><div class="bordhaut"><input type="text" name="titre" class="titre" value="titre ici" /><img src=fermer.png onclick="document.getElementById('ajouter').style.display='none';" onmouseover="this.src='fermer2.png'" onmouseout="this.src='fermer.png'" /></div><div class="bordhautdroit"></div>
<div class="bordgauche"></div>
<div class="centre">
<div class="smylies"><b>Smyley:</b> <br />
<img src="sourire.png" alt="sourire" onclick="insertTag(':)', '', 'textee');" />
<img src="fiou.png" alt="fiouu" onclick="insertTag('[fiouu]', '', 'textee');" />
<img src="xd.png" alt="XD" onclick="insertTag('xd', '', 'textee');" />
<img src="triste.png" alt="triste" onclick="insertTag(':(', '', 'textee');" />
<img src="wouaw.png" alt="wouaww" onclick="insertTag('O_O', '', 'textee');" />
<img src="pensif.png" alt="pensif" onclick="insertTag('*-)', '', 'textee');" />
<img src="grrr.png" alt="GrrRRr" onclick="insertTag(':@', '', 'textee');" />
<img src="inlove.png" alt="inlove" onclick="insertTag('[inlove]', '', 'textee');" />
<img src="grossourire.png" alt="=D" onclick="insertTag('=D', '', 'textee');" />
<img src="gene.png" alt="géné" onclick="insertTag(':$', '', 'textee');" />
<img src="fou.png" alt="dingue" onclick="insertTag('[fou]', '', 'textee');" />
<img src="clown.png" alt="clown" onclick="insertTag('[clown]', '', 'textee');" />
<img src="clindoeil.gif" alt="clin d'oeil" onclick="insertTag(';)', '', 'textee');" />
<img src="ange.png" alt="ange" onclick="insertTag('(a)', '', 'textee');" />
<img src="=s.png" alt="bof" onclick="insertTag(':s', '', 'textee');" />
<img src="=p.png" alt=":p" onclick="insertTag(':p', '', 'textee');" />
<img src="content.png" alt=":d" onclick="insertTag(':d', '', 'textee');" />
<img src="-_-.png" alt="-_-" onclick="insertTag('-_-', '', 'textee');" />
<img src="^^.png" alt="^^" onclick="insertTag('^^', '', 'textee');" />
<img src="(h).png" alt="au soleil" onclick="insertTag('(h)', '', 'textee');" />
<img src="(k).png" alt="bisous" onclick="insertTag('(k)', '', 'textee');" />
<img src="(l).png" alt="coeur" onclick="insertTag('(l)', '', 'textee');" />
</div>
<textarea id="textee" onselect="preview(this, 'previewDiv');" name="texte"> Article ici </textarea>
<div class="option">
<input type="button" value="Gras" onclick="insertTag('[gras]','/gras','textee');" /><br/>
<input type="button" value="Italique" onclick="insertTag('[italique]','/italique','textee');" /><br/>
<input type="button" value="Centré" onclick="insertTag('[centre]','/centre','textee');" /><br/>
<input type="button" value="Souligné" onclick="insertTag('[souligne]','/souligne','textee');" /><br/>
<select onchange="insertTag('[taille=' + this.options[this.selectedIndex].value + ']', '/taille', 'textee');">
<option value="20" class="selected" selected="selected">Taille</option>
<option value="10">Très très petit</option>
<option value="15">Très petit</option>
<option value="20">Petit</option>
<option value="25">Gros</option>
<option value="30">Très gros</option>
<option value="35">Très très gros</option>
</select><br/>
<select onchange="insertTag('[couleur=' + this.options[this.selectedIndex].value + ']', '/couleur', 'textee');">
<option value="#0C5C92" style="color: #0C5C92;" class="selected" selected="selected">Couleur</option>
<option value="#ef1f1f" style="color: #ef1f1f;">rouge</option>
<option value="#eade24" style="color: #eade24;">jaune</option>
<option value="#47c761" style="color: #47c761;">vert</option>
<option value="#2527e9" style="color: #2527e9;">bleu</option>
<option value="#ff0fd9" style="color: #ff0fd9;">rose</option>
<option value="#7d43bb" style="color: #7d43bb;">violet</option>
<option value="#ffffff" style="color: #ffffff;">blanc</option>
</select>
</div>
<input type="submit" value="ajouter cette article dans l'accueil" class="boutonenvoie" />
</div>
<div class="borddroit"></div>
<div class="bordbasgauche"></div><div class="bordbas"></div><div class="bordbasdroit"></div>
</form>
</div>
</div>
</body>
</html>
Je vous remercie d'avance pour votre aide, aide qui me serait précieuse peu importe sur quel problème.
Bye.
samsam26
Messages postés
105
Date d'inscription
vendredi 6 février 2009
Statut
Membre
Dernière intervention
4 mars 2013
6
2 avril 2009 à 21:03
2 avril 2009 à 21:03
Ok merci pour tes conseil, j'ai un peu lu un chapitre sur AJAX (pas tout, c'est super long) sur le site du zéro et je pensais aussi que c'est par là qu'il faut que je passe...
Oui je vois que ça à l'air un peu compliquer, mais apprendre des méthodes de programation et tout ça me plait, d'autant plus que l'année prochaine je me lance dans un DUT informatique...
Oui je sais que je n'ai pas choisi le plus simple... mais bon, je fais un site, j'ai des idées qui me viennent, et je fais en sorte de les mettre en oeuvre, peu importe les méthode pour y arriver. (l'important c'est juste de comprendre ce que je fais).
Pour les requêtes, je sais comment les faire, mais ce que je ne sais pas c'est comment les méler avec le javascript qui a permis de prendre tel ou tel article. Mais je pense que le lien que tu m'a donné va m'aider, je vais aller le voir tout de suite.
Et si tu n'as pas le temps, ne perds as ton temps pour moi, du moins prend tout le temps que tu veux, c'est déjà très gentil d'être la pour moi, je ne voudrait pas que ça ne te derrange trop de m'aider!
Bon et bien merci pour tout ça, je vais aller voir ce lien (après mon devoir de philo -_-')
Bye
Oui je vois que ça à l'air un peu compliquer, mais apprendre des méthodes de programation et tout ça me plait, d'autant plus que l'année prochaine je me lance dans un DUT informatique...
Oui je sais que je n'ai pas choisi le plus simple... mais bon, je fais un site, j'ai des idées qui me viennent, et je fais en sorte de les mettre en oeuvre, peu importe les méthode pour y arriver. (l'important c'est juste de comprendre ce que je fais).
Pour les requêtes, je sais comment les faire, mais ce que je ne sais pas c'est comment les méler avec le javascript qui a permis de prendre tel ou tel article. Mais je pense que le lien que tu m'a donné va m'aider, je vais aller le voir tout de suite.
Et si tu n'as pas le temps, ne perds as ton temps pour moi, du moins prend tout le temps que tu veux, c'est déjà très gentil d'être la pour moi, je ne voudrait pas que ça ne te derrange trop de m'aider!
Bon et bien merci pour tout ça, je vais aller voir ce lien (après mon devoir de philo -_-')
Bye
IpIpIpIpOne
Messages postés
436
Date d'inscription
mercredi 18 février 2009
Statut
Membre
Dernière intervention
24 mai 2009
116
2 avril 2009 à 22:04
2 avril 2009 à 22:04
Hey, j'ai pas dit que ça me dérangeait de t'aider ! ;) Si ça me dérangeait, j'aurais tout simplement pas répondu !
Pour les requêtes sql, j'avais pas bien lu ... lis le lien que je t'ai donné ou d'autres trucs sur l'AJAX, et tu devrais être capable de faire tout ce que tu veux (ou presque ...). Bonne lecture !
Et philosophie bien ! ;)
Pour les requêtes sql, j'avais pas bien lu ... lis le lien que je t'ai donné ou d'autres trucs sur l'AJAX, et tu devrais être capable de faire tout ce que tu veux (ou presque ...). Bonne lecture !
Et philosophie bien ! ;)
samsam26
Messages postés
105
Date d'inscription
vendredi 6 février 2009
Statut
Membre
Dernière intervention
4 mars 2013
6
2 avril 2009 à 23:04
2 avril 2009 à 23:04
Ok merci, je me lance dans l'apprentissage de l'AJAX, ça prendra un p'tit bout de temps... mais je vous tiens au courant, et je mettrais mon code dans l'intégralité au cas ou certains seraient intéressés...
Bonne soirée.
Bonne soirée.