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

**Msysteme** · 03/02/2015, 17h47

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** · 03/02/2015, 17h57

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** · 03/02/2015, 21h26

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** · 03/02/2015, 22h52

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** · 03/02/2015, 23h12

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** · 04/02/2015, 13h50

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

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

JavaScript

Vue hybride

Discussions similaires

Partager

Partager