Ouvrir une Popup personnalisée grâce à un lien
Bonjour à tous.
Voilà j'ai un petit truc qui me prend la tete depuis un bout de temps.
Alors au lieu de me morfondre dans mon coin, je me suis dit que je pouvais toujours demander de l'aide.
Le but de la manip' est simple sur le papier.
Je clique sur une image et les données de cette image me permettent d'ouvrir une popup personnalisée sur la personne de cette image.
Ainsi je souhaiterais récupérer l'attribut name ou id d'un lien tel que celui-ci.
Code:
1
2
3
|
<a><img src="bob.png" id="photo" name="bob" onclick = "ouvrirPop();"></a> |
Et me servir de ce nom d'attribut pour ouvrir une Popup personnalisée avec requete SQL à l'appui.
Ma fonction d'ouverture de popup ressemble a ca :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
|
function ouvrirPop()
{
document.getElementById("monPompt").style.display = "block";
document.getElementById("idFond").style.display = "block";
}
function fermerPop()
{
document.getElementById("monPrompt").style.display = "none";
document.getElementById("idFond").style.display = "none";
}
function clicOk()
{
fermerPop();
}
code html :
<div id="idFond" class="fond">
</div>
<!-- Boite de dialogue -->
<div id="monPrompt" class="conteneurPrompt">
<div class="titrePrompt">
Infos
</div>
<div class="contenuPrompt">
<!-- debut - elements de la boite de dialogue -->
<?php
$sql = "SELECT * from Table where photo = '(id ou name correspondant au lien)' ";
...
?>
<!-- fin - elements de la boite de dialogue -->
<div class="boutonsPrompt">
<br />
<input type="button" value="Ok" id="idOk" class="ok" onclick="clicOk()" />
</div>
</div>
</div>
<!-- Fin - Boite de dialogue -->
<div> |
Mais comment faire ?
J'ai beau retourner tout ca dans ma tete, je n'y vois pas grand chose.
Merci à vous pour votre aide.
PS : lien du code source
-> http://www.developpez.net/forums/d33...personnalisee/
Merci à Auteur.
