Formulaire, liens et évènements

Version imprimable

07/05/2015, 16h30
djmic

1 pièce(s) jointe(s)

Formulaire, liens et évènements

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 :
Pièce jointe 177155

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

Salut, essaie un truc dans le genre :

Code:

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:

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>';

10/05/2015, 09h17
djmic

Merci.

c'est exactement ce que je cherchais.

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