Difference between revisions of "HTML Presentation Object: Button to Change Variables"

From Mea Wiki
Jump to navigation Jump to search
Line 24: Line 24:
  
 
<script>
 
<script>
−
function setContextVariables<#uniqueId>() {
+
(function() {
−
   var variablesToSet<#uniqueId> = {
+
window["setContextVariables<#uniqueId>"] = function(changedVariables) {
−
     "variable1": "value 1",
+
   qpr.setSessionVariables([
−
     "variable2": "value 2",
+
     {key: "variable1", value: "value 1", presentationObjectRuntimeId: "<#uniqueId>"}, //local variables are the ones with: presentationObjectRuntimeId: "<#uniqueId>"
−
     "sys:dashboardIdentifier": "IDENTIFIER1"
+
     {key: "variable2", value: "value 2", presentationObjectRuntimeId: "<#uniqueId>"},
−
  };
+
     {key: "sys:dashboardIdentifier", value: "IDENTIFIER1"} //this is a session variable
−
  var contextVariableNames = Object.getOwnPropertyNames(variablesToSet<#uniqueId>);
+
   ]);
−
   for (i = 0; i < contextVariableNames.length; i++) {
 
−
    var contextVariableName = contextVariableNames[i];
 
−
    window.parent.setSessionVariable(contextVariableName, variablesToSet<#uniqueId>[contextVariableName]);
 
−
  }
 
 
}
 
}
 +
})()
 
</script>
 
</script>
 
</pre>
 
</pre>
  
 
[[Category: QPR UI]]
 
[[Category: QPR UI]]

Revision as of 12:57, 27 June 2018

Following code contains a customized button. When clicking it, the defined context variables are set to session context. You can change for example the button text, changed context variables, and graphical layout of the button. 

<input value="Click me!" onclick="setContextVariables<#uniqueId>();" type="button" id="button<#uniqueId>">

<style>
#button<#uniqueId> {
    background-color: #4CAF50;
    border: none;
    color: white;
    margin: 10px 10px 10px 10px;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    border-radius: 5px;
}
#button<#uniqueId>:hover {
    background-color: #6FD273;
    color: white;
}
</style>

<script>
(function() {
window["setContextVariables<#uniqueId>"] = function(changedVariables) {
  qpr.setSessionVariables([
    {key: "variable1", value: "value 1", presentationObjectRuntimeId: "<#uniqueId>"}, //local variables are the ones with: presentationObjectRuntimeId: "<#uniqueId>"
    {key: "variable2", value: "value 2", presentationObjectRuntimeId: "<#uniqueId>"},
    {key: "sys:dashboardIdentifier", value: "IDENTIFIER1"}  //this is a session variable
  ]);
}
})()
</script>
Retrieved from "https://wiki.onqpr.com/mea/index.php?title=HTML_Presentation_Object:_Button_to_Change_Variables&oldid=10362"