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

From Mea Wiki
Jump to navigation Jump to search
Line 1: Line 1:
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.
+
Following code creates a 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.
  
 
<pre>
 
<pre>
<input value="Click me!" onclick="setContextVariables<#uniqueId>();" type="button" id="button<#uniqueId>">
+
<input value="Click me!" type="button" id="button<#uniqueId>">
  
 
<style>
 
<style>
Line 25: Line 25:
 
<script>
 
<script>
 
(function() {
 
(function() {
window["setContextVariables<#uniqueId>"] = function(changedVariables) {
+
function setContextVariables() {
 
   qpr.setSessionVariables([
 
   qpr.setSessionVariables([
 
     {key: "variable1", value: "value 1", presentationObjectRuntimeId: "<#uniqueId>"}, //local variables are the ones with: presentationObjectRuntimeId: "<#uniqueId>"
 
     {key: "variable1", value: "value 1", presentationObjectRuntimeId: "<#uniqueId>"}, //local variables are the ones with: presentationObjectRuntimeId: "<#uniqueId>"
Line 32: Line 32:
 
   ]);
 
   ]);
 
}
 
}
 +
$("#button<#uniqueId>").click(setContextVariables);
 
})()
 
})()
 
</script>
 
</script>

Revision as of 21:56, 19 March 2019

Following code creates a 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!" 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() {
function setContextVariables() {
  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
  ]);
}
$("#button<#uniqueId>").click(setContextVariables);
})()
</script>