javascript - Create a reusable modal using JQuery -

-

I'm writing IF-ELSEIF-ELSE statement work in the loop in the work below, though I avoid writing too many Want to mesmerize Instead, when I click the image icon (basically an info image), then I'm looking for a JQuery model to pop up. I want to be able to pass this error in the function, which will then display in the modal. Example:

Say that I have 400 errors and 500 errors, when I click on the notification icon, the definition should be visible.

Code below:

index.gsp 

  & lt; Html & gt; & Lt;% - Some codes (saving place for body) -%> & Lt; Body & gt; & Lt; Div id = "content" & gt; & Lt; Div id = "content-header" & gt; & Lt; H1 & gt; Error checking & lt; / H1> & Lt; / Div & gt; & Lt ;! - # content-header - & gt; & Lt; Div id = "content-container" & gt; & Lt; Div class = "portlet" & gt; & Lt; Div class = "portlet-content" & gt; & Lt; Div class = "table-responsive" & gt; & Lt; Table-class = "table-table-stripe table-barred table-hover table-highlight table-checkable" data-provide = "data-qualified" data-display-lines = "25" data-information = "correct" data- Search = "true" data-lie-change = "true" data-pagnet = "true" & gt; & Lt; Thead & gt; & Lt; TR & gt; & Lt; Th data-filterable = "true" data-order = "correct" data-direction = "empty" & gt; User ID & lt; / Th & gt; & Lt; Th data-filterable = "true" data-order = "correct" data-direction = "empty" & gt; Work id & lt; / Th & gt; & Lt; Th data-filterable = "correct" data-order = "correct" data-direction = "empty" & gt; Error message & lt; / Th & gt; & Lt; / TR & gt; & Lt; / Thead & gt; & Lt; Tbody & gt; & Lt; G: in each = "$ {lists}" var = "list" & gt; & Lt; TR & gt; & Lt; TD & gt; $ {List.userId} & lt; / TD & gt; & Lt; TD & gt; $ {List.taskId} & lt; / TD & gt; & Lt; TD & gt; **% {- want to call original here -}% ** ** & lt; A href = "" & gt; & Lt; I class = "fa-exclamation-triangle ui-popover pull-left" style = "color: # f0ad4e," & gt; & Lt; / I & gt; & Lt; / A & gt; $ {List.errorMsg} ** <& lt; / Td> & Lt; / TR & gt; & Lt; / G: each & gt; & Lt; / Tbody & gt; & Lt; / Table & gt; & Lt; / Div & gt; & Lt ;! - /.table-responsive - & gt; & Lt; / Div & gt; & Lt ;! - /.portlet-content - & gt; & Lt; / Div & gt; & Lt ;! - /.portlet - & gt; & Lt; / Div & gt; & Lt ;! - / # content-container - & gt; & Lt; / Div & gt; & Lt ;! - #content - & gt;   
 I want to pop up this model:  
  & lt; Div id = "style frack lager modal" class = "modal mode style style" & gt; & Lt; Div class = "modal-dialog" & gt; & Lt; Div class = "modal-content" & gt; & Lt; Div class = "modal-header" & gt; & Lt; Button type = "button" class = "off" data-rejected = "modal" Aria-hidden = "true" & gt; And;; & Lt; / Button & gt; & Lt; H3 class = "model-title" & gt; Issue & lt; / H3 & gt; & Lt; / Div & gt; & Lt; Div class = "modal-body" & gt; & Lt; / Div & gt; & Lt; Div class = "modal-footer" & gt; & Lt; Button Type = "Button" class = "BTN BTN-Tertiary" Data-Dismiss = "Model" & gt; Close & lt; / Button & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt ;! - /.modal-content - & gt; & Lt; / Div & gt; & Lt ;! - /.modal-dialog - & gt; & Lt; / Div & gt; & Lt ;! - /.modal - & gt;  
 
 You can generate dynamic id using your list item id. You can then place your model in place where you have mentioned it. The following is an example of a code:  
  & lt; Div id = "style fract anchor model $ {list.id}" class = "modal mode-style feed" & gt; [..] & lt; / Div & gt; & Lt ;! - /.modal - & gt;  If you are using jQuery-UI   
  & lt; A class = "OpenDialog" href = "# Style Frychler model $ {List.id}" & gt; Class = "fa-exclamation-triangle ui-popover pull-left" style = "color: # F.AD4A;" & gt; & Lt; / I & gt; & Lt; / A & gt;   
 In your javascript:  
  $ (document) .on ("click", "a.openDialog", function () {$ ($ (This) .attr ("href"). Dialog ();}   
  If you are using bootstrap   
  & lt; a data-toggle = "modal" href = "#tylefreak terrible model $ {list.id}" & gt; & lt; i class = "FA-FA-exclamation-triangle ui-popover bridge - left "style =" color: # f0ad4e; "& gt;

Comments

Post a Comment

Popular posts from this blog

ios - Adding an SKSpriteNode to SKScene from a child SKSpriteNode -

-
I have a SKScene where I am adding an SKSpriteNode I have subclassed the SKSpriteNode class to create this node. In the subclass I am defining some SKActions on Sprite. What do I want to do when the end of this phantom ends the SKAction sequence, then I add a new Prayer node to this scene. How is this possible. The following code is mine: The code for the sequence is that I'm running on the Scansprinitode subclass (TEMissileNode): - SKAction * moveDown = [SKAction moveToY: Self.position.y - 20 Duration: 0.2]; SKAction * animation = [SKAction animateWithTextures: textures timePerFrame: time / 7]; SKAction * moveMissileProjectile = [SKAction Moving: Pointoffscreen Term: Time]; SKAction * group = [SKAction group: @ [animation, movement projectile]]; SKAction * Sequence = [SKAction Sequence: @ [Hilldown, Group, [SKAction removalFromParent]]]; [Self run action: sequence]; From the main scene, I call those actions that execute these tasks TEMissileNode * missile = [tmissil...
Read more

Matlab transpose a table vector -

-
An embarrassing simple question seems to be, but how can I move a Matlab table vector? aTableT = aTable '; I tried a standard syntax for the simple interaction of a line vector to a line vector aTable : ATableT = reshape (aTable, 1, Height (aTable)); and aTableT = rot90 (aTable); According to the head, the last time table should work for table, see. However, I get this error code: Error type in using table / permit (line 396) Undefined function 'permute' for the input arguments. Error in rot 90 (line 29) b = magnitude (b, [2 1 3: ndims (a)]); NB: fliplr is not useful either pretty sure I have covered clear angles - any ideas? Thanks! Try changing your table into an array, move it, then back to a table In other words, try doing this: aTableArray = table2array (aTable); ATableT = array 2table (aTableArray. '); I have also read the document for rot90 , and it says that rot90 is definitely working for tables Do, and I find you...
Read more

c# - Textbox not clickable but editable -

-
I have a small form with 10 text boxes, I have set them in the correct tab order. I want them on my tab service I was wondering if there is a way to set the text box so that they can be selected for editing until they are tabbed. That is ... I do not want the end user to edit the text box to click on them, I just want to make them editable through tabu. this should do the trick public partial category poor text box: Text Box {Safe Override Zero WndProc (Ref: Message Message) {if (m.msg == (Int) WM.LBUTTONDOWN) {Return; // mount down events} base.WndProc (ref m); }} Window message enum can be found. How to do this without anherizing: text box : class EatMouseDown: netwindows {safe override zero WndProc (ref message message) {if (m.msg == (int) WM.LBUTTONDOWN) {return; } Base.WandProc (Ref M); }} Safe Override Zero Onload (EventEurge E) {base.OnLoad (e); How to do this without any part: left a clean part, whatever is important, this can be a buggy but it works R...
Read more