Not getting the value of input text i when try to show popUp

Firstname
this link
this link
this link

Hi Ajith,

I will just give you heads up as to how you can create a pop-up when you hover over the a hyperlink .

I suggest you go for a overlay when you hover over the hyperlink .

First Step :

Add these 2 styles to your common style sheet :

.web_dialog_overlay

{

position: fixed;

top: 0;

right: 0;

bottom: 0;

left: 0;

height: 100%;

width: 100%;

margin: 0;

padding: 0;

background: #000000;

opacity: .15;

filter: alpha(opacity=15);

-moz-opacity: .15;

z-index: 101;

display: none;

}

.web_dialog

{

display: none;

position: fixed;

width: 710px;

height: 360px;

top: 50%;

left: 50%;

margin-left: -330px;

margin-top: -155px;

background-color: #ffffff;

border: 2px solid #465c71;

padding: 0px;

z-index: 102;

/*font-family: Verdana;*/

font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;

font-size: 10pt;

}

Second Step:

then in your client or the aspx file add 2 divs

web_dialog_overlay display="none"/>

Third Step:

Add a Hidden field as well to your Client/HTML File

In the script file using JQuery/JavaScript assign the value of the text box to the hidden field .

PLEASE NOTE :

If you are using JQuery then you can access elements directly through class/id

I dont think you can have more than one element with same id as you have in this case "trigger"

Add a $('id').hover(function(e){

$('div').css('display','block')// for both the divs

//then assign ghe hidden field value in any control inside the popup

});

Please let me know if you have any questions

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Debashis Mohapatra12y ago
Hi Ajith,

I will just give you heads up as to how you can create a pop-up when you hover over the a hyperlink .

I suggest you go for a overlay when you hover over the hyperlink .

First Step :

Add these 2 styles to your common style sheet :

.web_dialog_overlay
{
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   height: 100%;
   width: 100%;
   margin: 0;
   padding: 0;
   background: #000000;
   opacity: .15;
   filter: alpha(opacity=15);
   -moz-opacity: .15;
   z-index: 101;
   display: none;
}
.web_dialog
{
   display: none;
   position: fixed;
   width: 710px;
   height: 360px;
   top: 50%;
   left: 50%;
   margin-left: -330px;
   margin-top: -155px;
   background-color: #ffffff;
   border: 2px solid #465c71;
   padding: 0px;
   z-index: 102;
   /*font-family: Verdana;*/
   font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
   font-size: 10pt;
}

Second Step:

then in your client or the aspx file add 2 divs

web_dialog_overlay display="none"/>

Third Step:

Add a Hidden field as well to your Client/HTML File
In the script file using JQuery/JavaScript assign the value of the text box to the hidden field .

PLEASE NOTE :

If you are using JQuery then you can access elements directly through class/id

I dont think you can have more than one element with same id as you have in this case "trigger"

Add a $('id').hover(function(e){
$('div').css('display','block')// for both the divs

//then assign ghe hidden field value in any control inside the popup
});

Please let me know if you have any questions
0
Rasmita Dash12y ago

function OpenPopup()
{
// get text in adjacent input field
var name=$(this).parents('tr').find('input .name').val();

// open popup & populate name on pop up
}
+1