Discussion :

[djmic]

Bonjour,

Je me suis décidé à voir les possibilités du javascript car j'aimerais bien dynamiser un peu plus mon site et mettre plus d'interaction.

J'ai actuellement ceci sur une de mes pages :


Elle affiche tous les clubs que j'ai pu introduire dans une DB avec deux liens par club :
- un lien modifier qui redirige l'utilisateur vers une autre page avec les modifications.
- un lien supprimer qui redirige l'utilisateur vers la page actuelle mais en supprimant le club de la DB.

Plusieurs choses me chagrinent actuellement, c'est tout d'abord l'impossibilité d'utiliser la méthode POST et donc les paramètres sont modifiable dans l'URL et l'utilisateur peut donc supprimer un club par inadvertance.
Ensuite j'aimerais qu'il y ait une demande de confirmation à l'utilisateur pour supprimer le club.

J'ai déjà jeté un coup d'oeil aux évènements sur les liens mais je ne sais pas comment attribuer un évènement à chaque lien en sachant que ces liens sont générer en php et donc pas d'id "défini".

Est ce que quelqu'un pourrait pourrait me mettre sur une piste?

Merci

[lalouve]

Salut, essaie un truc dans le genre :

Code JavaScript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
function confirmDelete(club) {
      var form = document.getElementById('edit-form'),
           input = document.getElementById('indice');
    if(confirm('Supprimer définitivement ce club ?')) {
        input.value = club.getAttribute('data-indice');
        form.submit();
    }
    return false;
}

Code PHP :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
echo '<table>' .
echo '<tbody>' .
while ($club = mysql_fetch_array($result) ) {
    echo '<tr>' .
        '<td>' . $club['indice'] . '</td>' .
        '<td>' . $club['name'] . '</td>' .
        '<td><a href="/modif-club.php?indice=' . $club['indice'] . '" title="Modifier">Modifier</a></td>' .
        '<td><a href="#" title="Supprimer" data-indice="' . $club['indice'] . '" onclick="return confirmDelete(this);">Supprimer</a></td>' .
    '</tr>';
}
echo '</tbody>' .
'</table>' .
'<form action="/delete-club.php" method="post" id="edit-form">' .
    '<input type="hidden" name="indice" id="indice" value=""/>' .
'</form>';

[djmic]

Merci.

c'est exactement ce que je cherchais.

Je voulais juste m'obstiner à ne pas mettre de code Javascript dans mon html.