asp.net从javascript传递值以控制模式弹出窗口

Question

Ok, I changed the title because I can't get anywhere with previous approach, so I'm returning to the original question: how can I pass a variable obtained through javascript to a textbox on a modal popup? I already tried to place a hidden field and even a textbox on the parent page, inside or outside an update panel, but when I click on the linkbutton that opens the modal popup their values are resetted to default. I already searched and tried many different ways but I can't succeed.

I have a table in a repeater and I need to know the cells selected by the user: start and ending cell of the selection. I accomplish that with this javascript:

$(function () {
            var mouse_down = false;
            var row, col;    // starting row and column
            var $tr;

            $("#tblPersonale td")
                .mousedown(function () {
                    $("#col_to").html('?');
                    mouse_down = true;

                    // clear last selection for a fresh start
                    $(".highlighted").removeClass("highlighted");
                    $(this).addClass("highlighted");

                    $tr = $(this).parent();
                    row = $tr.parent().find("tr").index($(this).parent());
                    col = $tr.find("td").index($(this));

                    $("#row").html(row);
                    $("#col_fr").html(col - 1);



                    return false; // prevent text selection
                })

                .mouseover(function () {
                    if (mouse_down) {
                        $("#col_to").html('?');
                        if ($tr[0] === $(this).parent()[0]) {
                            var col2 = $(this).parent().find("td").index($(this)); // current column
                            var col1 = col;
                            if (col > col2) { col1 = col2; col2 = col; }

                            $("#col_fr").html(col1-1);
                            $("#col_to").html(col2 - 1);

                            // clear all selection to avoid extra cells selected
                            $(".highlighted").removeClass("highlighted");

                            // then select cells from col to col2
                            for (var i = col1; i <= col2; i++) {
                                if (col1>1){
                                    $tr[0].cells[i].className = "highlighted";}
                            }
                        }

                    }
                })
                .bind("selectstart", function () {
                    return false; // prevent text selction in IE
                })

            $(document)
                .mouseup(function () {
                    mouse_down = false;
                });
        });

So, when user selects one or more cells I have the start/end value in here:

<span id="col_fr" runat="server" enableviewstate="true">?</span>
<span id="col_to" runat="server" enableviewstate="true">?</span>

Then, when user click a linkbutton I want to use these values to write a text in a textbox on the modal popup that shows. As I said, I can't make it work, anything I tried the result is that the values are lost when popup shows, even if I assign values to global variables before showing the popup. This is my linkbutton:

<asp:LinkButton runat="server" ID="lnkAddDip"  OnClick="lnkAddDip_Click">

The idea behind the old question was to pass the values to the url as parameters and then in the page load use them, but then the table selection doesn't work anymore because at every selection the page refresh because of the url change. Please anyone, I'm totally lost and not for lack of trying!

OLD QUESTION asp.net pass a control value as parameter in onclientclick

I found similar questions but no one answer to my problem (or at least, I can't make anything working). I want to concatenate to the url of the active page some parameters like Home.aspx?col_fr=2 where instead of the fixed "2" I want to pass the value of a hidden field. How can I achive that?

This is my current code:

<asp:hiddenfield runat="server" id="hdnColonnaDa" EnableViewState="true"  />
<asp:LinkButton runat="server" ID="lnkAddDip"  OnClick="lnkAddDip_Click" OnClientClick="window.location='Home.aspx?col_fr=2';return false;">

Thanks

Answer 1

It just have to move the parameter code oa javascript function like

function getURL(){
   var param1 = someField.value/*get field value*/;
   var url= "Home.aspx?col_fr="+ param1;
   window.location= url;
  return false;
}

Html

<asp:LinkButton runat="server" ID="lnkAddDip"  OnClick="lnkAddDip_Click" OnClientClick="getURL()">

Answer 2

Don't use UpdatePanel or Modal popup server side. You can use a Thickbox or similar jquery plugin to open the popoup.

Popup can be an inpage div or another page. In case of page, you can easily pass parameters in the url, in case of inpage div, you can get hidden field values.

You can find jquery overlay as Thickbox: just add css and js to your site, the right class on the link and fix the url to open.

Solution using another page

Imagine to use Colorbox ( http://www.jacklmoore.com/colorbox/ ):

PRE

Suppose you have your variable values in some hidden field in your page

TODO

1. include jquery in your page
2. Download and include css and js for colorbox
3. In your page add a html tag with on click event

4. Add a script section in your page

    function openLink() { var hiddenValue= $("#col_fr").text(); // or .html() var urlToOpen = "yourpage.aspx?ids=" + hiddenValue; $.colorbox({ iframe: true, width: "75%", height: "75%", href: urlToOpen }); } 

Then in Yourpage.aspx you can use url parameter "ids".

Code is not tested!

Answer 3

Finally I did what I want by tuning the original javascript function. I added 3 hiddenfield on the page and then I add this bit

var hdncol_fr = document.getElementById("hdncol_fr").value;
var hdncol_to = document.getElementById("hdncol_to").value;
var hdnrow = document.getElementById("hdnrow").value;
if (hdncol_fr = '?'){
   document.getElementById("hdncol_fr").value = col - 1;
   document.getElementById("hdncol_to").value = col2 - 1;
   document.getElementById("hdnrow").value = row;
}

This way the hidden fields values are set only when user actively select some cells, when there is a postback event the javascript function returns '?' for the 3 values, so with the added code the hidden field maintains the previous values until user select something else.