Skip to content

Instantly share code, notes, and snippets.

.
.
.
<link rel="stylesheet" type="text/css" href="jcsdl/jcsdl.min.css" />
<script type="text/javascript" src="jcsdl/jcsdl.definition.js"></script>
<script type="text/javascript" src="jcsdl/jcsdl.min.js"></script>
<script type="text/javascript">
$(function() {
var $currentStream = $();
.
.
.
<link rel="stylesheet" type="text/css" href="jcsdl/jcsdl.min.css" />
<script type="text/javascript" src="jcsdl/jcsdl.definition.js"></script>
<script type="text/javascript" src="jcsdl/jcsdl.min.js"></script>
<script type="text/javascript">
$(function() {
var $currentStream = $();
/*
* Override CSS for example
*/
h1 {
color: #f4eee0;
}
.jcsdl-container .jcsdl-mainview-action {
color: #f4eee0;
}
.
.
.
<link rel="stylesheet" type="text/css" href="jcsdl/jcsdl.min.css" />
<link rel="stylesheet" type="text/css" href="over.css" />
<script type="text/javascript" src="jcsdl/jcsdl.definition.js"></script>
<script type="text/javascript" src="jcsdl/jcsdl.min.js"></script>
.
.
.
<link rel="stylesheet" type="text/css" href="jcsdl/jcsdl.min.css" />
<script type="text/javascript" src="jcsdl/jcsdl.definition.js"></script>
<script type="text/javascript" src="jcsdl/jcsdl.min.js"></script>
<script type="text/javascript">
$(function() {
var $currentStream = $();
<script type="text/javascript">
var editor = new JCSDLGui($("#jcsdl-wo-facebook"), {
hideTargets : ['facebook']
});
var editor = new JCSDLGui($("#jcsdl-wo-amazon.content"), {
hideTargets : ['amazon.content']
geo_polygon : {
operators : ['geo_polygon'],
instructions : [
'Click on the map to mark first tip of the polygon selection.',
'Click on the map to mark the second tip of the polygon.',
'Click on the map to mark the third tip and close the shape.',
'Click on the map to add new markers or drag them around. Double-click a marker to remove it.'
]
}
geo_radius : {
operators : ['geo_radius'],
instructions : [
'Click on the map to mark the center of the selection.',
'Click again to set the radius.',
'You can drag the markers around to move the center of the circle or the radius.'
]
}
geo_box : {
operators : ['geo_box'],
instructions : [
'Click on the map to mark first corner of the box.',
'Now click on the map to mark the second corner of the box.',
'You can drag the markers around to change the box coordinates.'
]
}
slider : {
operator : 'greaterThan',
min : 0,
max : 100,
step : 1,
'default': 50,
displayFormat : function(v) {return v;}
}