Are you a member of the Splunk Community?
- Find Answers
- :
- Apps & Add-ons
- :
- All Apps and Add-ons
- :
- Simple XML strips onclick from HTML button
- Subscribe to RSS Feed
- Mark Topic as New
- Mark Topic as Read
- Float this Topic for Current User
- Bookmark Topic
- Subscribe to Topic
- Mute Topic
- Printer Friendly Page
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Simple XML strips onclick from HTML button
I am trying to do an onclick in a button in an HTML block in Simple XML:
<code>
<dashboard>
<label>Test Button onclick error</label>
<row>
<panel>
<html>
<div>
<button id="button" onclick="myfunction()" rover="dog">Click Here</button>
</div>
</html>
</panel>
</row>
</dashboard>
</code>
When it gets rendered, onclick is removed. Noticed I added a bogus tag and it was passed through.
<code>
<div id="row1" class="dashboard-row dashboard-row1">
<div id="panel1" class="dashboard-cell" style="width: 100%;">
<div class="dashboard-panel clearfix">
<div class="panel-element-row">
<div id="element1" class="dashboard-element html" style="width: 100%">
<div class="panel-body html">
<div><button id="button" rover="dog">Click Here</button></div>
</div>
</div>
</div>
</div>
</div>
</div>
</code>
I am trying to execute a java script on demand from a link in an HTML panel.
Any ideas?
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Try removing the Bootstrip div elements wrapping your submit button, replacing with a plain div, and sourcing your JavaScript from a .js file -- I was using
<div class="control-group">
<div class="controls">
<input id="submit_button" type="button" value="Click" onclick="alert('Test')" />
</div>
</div>
and replaced it with
dashboard.xml
<input id="submit_button" type="button" value="Click"/>
dashboard.js
require([ "jquery", "splunkjs/mvc/simplexml/ready!"],
function($){
$("#submit_button").on("click", function (){
alert("Test");
});
});
I'm not sure why SimpleXML chomps the onclick, but this workaround helped.
Source: https://answers.splunk.com/answers/378289/calling-java-script-from-dashboard.html
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
this is not working with default submit button (field set) , any suggestions?
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
I worked:
https://answers.splunk.com/answers/378289/calling-java-script-from-dashboard.html
and
http://www.w3schools.com/jquery/event_on.asp
but was unable to get anything to work.
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
@fk319 try removing any Bootstrap divs surrounding the input -- that was what fixed my issue while using your first link.
October Community Champions: A Shoutout to Our Contributors!
Community Content Calendar, November Edition
Stay Connected: Your Guide to November Tech Talks, Office Hours, and Webinars!
