Discussion :

[Msysteme]

Bonjour, j'ai un gridview avec un linkbouton
quand je clique sur ce link j'affecte une valeur a un champ hidden je recoit bien la bonne valeur
apres je click sur un lien lbPrecedent:

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<div id="divBackground" class="modal"></div>
<div id="divImage">
    <table style="height: 100%; width: 100%">
        <tr>
            <td colspan="3" valign="middle" align="center">
                <img id="imgLoader" alt="" src="images/loader.gif" />
                <img id="imgFull" alt="" src="" style="display: none; height: 500px; width: 590px" />
            </td>
        </tr>
        <tr>
            <td align="left">
                <asp:HiddenField ID="Hiddenresult" runat="server" />
                <asp:LinkButton ID="lbPrecedent" runat="server" OnClientClick="Precedent();" >Précedent</asp:LinkButton>
            </td>
            <td align="center">
                <input id="btnClose" type="button" value="Fermer" onclick="HideDiv()" class="button" />
            </td>
            <td align="right">
                <asp:LinkButton ID="lbSuivant" runat="server">Suivant</asp:LinkButton>
            </td>
        </tr>
    </table>
</div>
</div>

la fonction est la suivante :

Code :

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

1
2
3
4
function Precedent() {
    var n = document.getElementById("Hiddenresult");
    alert(n);
}

mais le n est toujours null

vous avez une idée ?

[Bovino]

Merci de lire et appliquer Important : Les règles incontournables d'utilisation de ce forum et de poster le code HTML généré et non le code asp qui ne nous sert à rien.

[Msysteme]

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 <div id="divBackground" class="modal"></div>
<div id="divImage">
    <table style="height: 100%; width: 100%">
        <tr>
            <td colspan="3" valign="middle" align="center">
                <img id="imgLoader" alt="" src="images/loader.gif" />
                <img id="imgFull" alt="" src="" style="display: none; height: 500px; width: 590px" />
            </td>
        </tr>
        <tr>
            <td align="left">
                <input type="hidden" name="ctl00$ContentHolder$TabContainer$TabPhotos$Hiddenresult" id="ctl00_ContentHolder_TabContainer_TabPhotos_Hiddenresult" />
                <a onclick="Precedent();" disabled="disabled" id="ctl00_ContentHolder_TabContainer_TabPhotos_lbPrecedent">Précedent</a>
            </td>
            <td align="center">
                <input id="btnClose" type="button" value="Fermer" onclick="HideDiv()" class="button" />
            </td>
            <td align="right">
                <a disabled="disabled" id="ctl00_ContentHolder_TabContainer_TabPhotos_lbSuivant">Suivant</a>
            </td>
        </tr>
    </table>
</div>

[NoSmoking]

Bonjour,

Code asp :

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

1
2
3
4
<td align="left">
    <asp:HiddenField ID="Hiddenresult" runat="server" />
    <asp:LinkButton ID="lbPrecedent" runat="server" OnClientClick="Precedent();" >Précedent</asp:LinkButton>
</td>

Code html :

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

1
2
3
4
<td align="left">
    <input type="hidden" name="ctl00$ContentHolder$TabContainer$TabPhotos$Hiddenresult" id="ctl00_ContentHolder_TabContainer_TabPhotos_Hiddenresult" />
    <a onclick="Precedent();" disabled="disabled" id="ctl00_ContentHolder_TabContainer_TabPhotos_lbPrecedent">Précedent</a>
</td>

ou le jeux des différences

Cherches plutôt à cibler l'élément sans utiliser son ID, c'est l'élément juste avant celui qui déclenche le clic dans le même conteneur qui plus est.

[Msysteme]

J'ai pu recuperer la veleur du tableau
mon objectif est de faire fonctionner le lien precedent

Code :

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

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
58
59
60
61
62
63
64
65
var Chemin;
 
function Precedent(tabPhotos) {
    var n = tabPhotos.length;
    var index;
    alert(Chemin);
    for (var i = 0; i < n; i++) {
        if(tabPhotos[i]==Chemin) {
            index = i;
        }
    }
    alert(index);
    //parcourir tableau OK le tableau est sou le format [['chemin'],['chemin'],['chemin'],['chemin']]
    //chercher le chemin
    //recuperer son id : index est toujours indefined
    //si je clique sur precedent j affiche image dont l index est id-1 sauf si debut [
    var image = index;
 
    new_image = images[image - 1]
    if (new_image != '[') {
        document.getElementById('imgFull').src = new_image;
        image = image - 1;
    }
 
}
 
function LoadDiv(url) {
    var img = new Image();
    var bcgDiv = document.getElementById("divBackground");
    var imgDiv = document.getElementById("divImage");
    var imgFull = document.getElementById("imgFull");
    var imgLoader = document.getElementById("imgLoader");
    imgLoader.style.display = "block";
    img.onload = function () {
        imgFull.src = img.src;
        imgFull.style.display = "block";
        imgLoader.style.display = "none";
    };
    img.src = url;
    Chemin = url;
    var width = document.body.clientWidth;
    if (document.body.clientHeight > document.body.scrollHeight) {
        bcgDiv.style.height = document.body.clientHeight + "px";
    }
    else {
        bcgDiv.style.height = document.body.scrollHeight + "px";
    }
    imgDiv.style.left = (width - 650) / 2 + "px";
    imgDiv.style.top = "20px";
    bcgDiv.style.width = "100%";
 
    bcgDiv.style.display = "block";
    imgDiv.style.display = "block";
    return false;
}
function HideDiv() {
    var bcgDiv = document.getElementById("divBackground");
    var imgDiv = document.getElementById("divImage");
    var imgFull = document.getElementById("imgFull");
    if (bcgDiv != null) {
        bcgDiv.style.display = "none";
        imgDiv.style.display = "none";
        imgFull.style.display = "none";
    }
}

veuillew m aidez

[Msysteme]

ReBonjour, voila j'ai pu avancer j'ai bien recuperé index de l'image en cours et l'index de l'image a afficher, mon seul probleme c'est quand je clique sur precedent mon tappanel photos disparait et un autre s'active et le modal disparait aussi

mon objectif c'est de laisser le modal affiché ainsi que le tabpanel encours et quand je clique sur precedent le src de l'image encours s'affiche en affichant le nouveau src

Code :

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

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
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
 
 
var Chemin;
 
function Precedent(tabPhotos) {
 
    var bcgDiv = document.getElementById("divBackground");
    var imgDiv = document.getElementById("divImage");
    var imgFull = document.getElementById("imgFull");
    if (bcgDiv != null) {
        bcgDiv.style.display = "block";
        imgDiv.style.display = "block";
        imgFull.style.display = "block";
    }
 
    var n = tabPhotos.length;
    var index;
    //alert(Chemin);
 
    var slash2 = Chemin.lastIndexOf("/");
 
    var newChemin = '~//Uploads//' + Chemin.substring(slash2 + 1);
 
    for (var i = 0; i < n; i++) {
        if (tabPhotos[i] == newChemin) {
            index = i;
        }
    }
 
    if (index != 0) {
        new_image = tabPhotos[index - 1]
 
        var slash = new_image.lastIndexOf("/");
 
        var newUrl = '~//Uploads//' + new_image.substring(slash + 1);
 
        LoadDiv(newUrl);
    }
 
 
    var bcgDiv = document.getElementById("divBackground");
    var imgDiv = document.getElementById("divImage");
    var imgFull = document.getElementById("imgFull");
    alert(bcgDiv + imgDiv + imgFull);
    if (bcgDiv != null) {
        bcgDiv.style.display = "block";
        imgDiv.style.display = "block";
        imgFull.style.display = "block";
    }
 
 
}
 
function LoadDiv(url) {
    var img = new Image();
    var bcgDiv = document.getElementById("divBackground");
    var imgDiv = document.getElementById("divImage");
    var imgFull = document.getElementById("imgFull");
    var imgLoader = document.getElementById("imgLoader");
    imgLoader.style.display = "block";
    img.onload = function () {
        imgFull.src = img.src;
        imgFull.style.display = "block";
        imgLoader.style.display = "none";
    };
    img.src = url;
    Chemin = url;
    var width = document.body.clientWidth;
    if (document.body.clientHeight > document.body.scrollHeight) {
        bcgDiv.style.height = document.body.clientHeight + "px";
    }
    else {
        bcgDiv.style.height = document.body.scrollHeight + "px";
    }
    imgDiv.style.left = (width - 650) / 2 + "px";
    imgDiv.style.top = "20px";
    bcgDiv.style.width = "100%";
 
    bcgDiv.style.display = "block";
    imgDiv.style.display = "block";
    return false;
}
function HideDiv() {
    var bcgDiv = document.getElementById("divBackground");
    var imgDiv = document.getElementById("divImage");
    var imgFull = document.getElementById("imgFull");
    if (bcgDiv != null) {
        bcgDiv.style.display = "none";
        imgDiv.style.display = "none";
        imgFull.style.display = "none";
    }
}

veuillez m'aidez ca fait plus que 5 jours que j'essai de faire fonctionner ce lien precedent

[NoSmoking]

Pas tout regardé mais

Code :

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

function Precedent(tabPhotos) {

avec un appel

Code html :

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

<a onclick="Precedent();"

il est où le paramètre ? il vaudra donc undefined !

[Msysteme]

Non je fais appel au click de c#

[Bovino]

Heu... désolé mais ça, c'est bien ton code posté au message #3

Code html :

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

<a onclick="Precedent();" disabled="disabled" id="ctl00_ContentHolder_TabContainer_TabPhotos_lbPrecedent">Précedent</a>

donc la remarque est bien justifiée.
D'autant que le concept de "clic de C#" me semble assez improbable... C# étant un langage serveur, je ne vois pas trop comment tu pourrais y gérer les clics (à moins de se précipiter à chaque fois dans le datacenter pour cliquer sur le serveur qui héberge ton code ).