javascript - Position a pop-up div relative to the link -

-

I am facing a problem I have 10 images in a page, each clicking on a pop up Will be displayed and the content of the clicked image is loaded from the database and it is shown in the div (pop up).

This is the first group of images (first line). But when I click on the second and third sets of image lines. Pop up opens up, but I have to scroll all the way and see pop up and its contents. (Since the image is at the bottom and displays the pop at the top of the page)

I created the situation and tried the following: Fixed! Important (View part I was partially successful in making popup center center.) But if the pop-up content is higher than the viewport height, then the remaining content is hidden and there is no option to scroll down to see more information. .)

Please refer to this image for more clarity Enter image details here < / P>

javascript 

  // viewport internal height $ (diarrhea Waze) to bring the height of pop-ups based on .ready (function () {function setHyight () {windowHeight = $ (window). WinnerHeight (); $ ('# panelpopup'). CSS ('height', WindowHigh);} SetHyot (); $ (Window). Reset (function () {setHeight ();});});

css 

  #panelpopup {max-width: 800px; Height: Auto! Important; Text-align: center; Background color: #FFF! Important; Border: Solid 1px # 333; Status: Sure! Important; // I tried the first time, but pop-up comes on top: 20%; Left: 50%; Margin: 0 px 0-400 px; Border-radius: 6px; Z-index: 100100! Important; }

HTML 

  & lt; Div id = "panelpopup-wrap" & gt; & Lt ;! - This is a transparent area around pop up - - & gt; & Lt; / Div & gt; & Lt; Div id = "panelpopup" & gt; & Lt ;! - Dynamic content goes here - & gt; & Lt; / Div & gt;  
   
> 
 I dug a very old script that could serve you. It scrolls the window to the bottom right corner of the referenced element.  
 Can do this with some refinement (it was too long ;-) But it still works.   Function CoverDiv (O) {var WH, ww; Var ps = document.getElementById (o) .getBoundingClientRect (); If (type window.innerWidth == 'number') {wh = window.innerHeight; Ww = window.innerWidth; } And if (document.documentElement & amp; amp; document.documentElement.clientWidth || document.documentElement.clientHeight)) {wh = document.documentElement.clientHyight; Ww = document.documentElement.clientWidth; } Other {return false; } Var diffH = wh - ps.bottom; Var diffW = ww - ps.right; DiffH = (diffH & lt; 10)? (20 - diffH): 0; DiffW = (diffW) & lt; 10? (30 - diffW): diffW = 0; Window. ScrollBy (diffW, diffH); }

Call it only with the id of the element.


Comments

Post a Comment

Popular posts from this blog

c# - NewtonSoft JArray - how to select multiple elements with LINQ -

-
Image
I have some Jason which I then parsed the Jerry object. I want to filter Jerere so that he has only two properties, title and bodytext. But whatever I try I can only select a value using LINQ [HttpGet] Public JsonResult AjaxGetNewsItems () {string json = JsonConvert.SerializeObject (news.GetNewsItems (), Formatting: formatting.Indented); Var v = Jairo Purse (jason); // arrow item = // v.Where (// X =>.! // X ["title"] ToString () = string.Empty & amp; //X ["BodyText"] ToString ()! = String.Empty) // Select (x = & gt; x ["title"]) // .toList (); Var title = (string) v [0] ["title"]; Var titleBodytext = v selectively v [0] ["title"] ["bodytext"]; Foreach (item in titleBodytext) {} // Title: Biodtext = // v [0] ["title"] ["BodyText"] by c // // Group c // new selection from c in gram // {}; // JArray a = JArray.FromObject (news.GetNewsItems ()); // string titlebodietext = (string) news item [...
Read more

c# - Process.Kill() returns access denied -

-
I'm trying to kill a process using a CMD command line from my C # application, but when I start the application does not happen anything. .. When I try to kill with a command prompt, I get the message: "Access denied" I tried to run as my app administrator and the process was killed. How can I not always use "Run as administrator"? Code: System.Diagnostics.Process process = new System.Diagnostics.Process (); System.Diagnostics.ProcessStartInfo startInfo = New system. Diagnostics. Process STARTINFO (); StartInfo.WindowStyle = System.Diagnostics.ProcessWindowStyle.Hidden; StartInfo.FileName = "cmd.exe"; StartInfo.Arguments = "/ C Tasky / F / IM APP.exe"; Process.start.info = startInfo; Process.start (); try it System.Diagnostics.Process Process = new system Diagnostics Process (); System.Diagnostics.ProcessStartInfo startInfo = New system. Diagnostics. Process STARTINFO (); StartInfo.WindowStyle = System.Diagnostics.ProcessWindowS...
Read more

c# - Using the generic type 'System.Collections.Generic.List<T>' requires 1 type arguments -

-
I have two methods that are code here, so I apply the following code to your project, I have a problem . using the system; Using System.Collections.Generic; Using System.Linq; Using System.Web; Using System.Web.UI; Using System.Web.UI.WebControls; Using System.Data; Using System.Data.SqlClient; Using Microsoft Reporting. Webform; Using System.configuration; Using System.Web.SessionState; Using RLISDev.Models; Using RLISDev.BaseObjects; Using System.Web.Mvc; Using RLISDev.Extensions; Using RLISDev Annotation; Using System.Collections; Safe Override Zero OnPreRender (EventArgs e) {base.OnPreRender (E); DatePicker1.Value = string.Join ( ",", (New & gt; list (GetDateParameters ()) toArray ()).); } Private IEnumerable GetDateParameters () {// I think this report visual control ID // ReportViewer foreach (as ReportParameterInfo information ReportViewer1.ServerReport.GetParameters ()) {if (info.DataType == ParameterDataType.DateTime ) {Yield return string. Format ("[...
Read more