Récupérer la valeur d'un champ hidden

Version imprimable

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:

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:

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

mais le n est toujours null

vous avez une idée ?

03/02/2015, 16h57
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.

;)

Code:

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>

Bonjour,

Code:

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:

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 :aie:

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.

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

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
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 :?

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:

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

04/02/2015, 18h38
NoSmoking

Pas tout regardé mais

Code:

function Precedent(tabPhotos) {

avec un appel

Code:

<a onclick="Precedent();"

il est où le paramètre ? il vaudra donc undefined !
04/02/2015, 20h51
Msysteme

Non je fais appel au click de c#
05/02/2015, 07h59
Bovino

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

Code:

<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 :aie:).